2列構成・サイズ可変のリストを、スペース連打やテーブルを使わずに作りたい。dl(定義リスト)のグリッド化で実装。
<dl class="grd">
<dt>肉</dt>
<dd>食べる</dd>
<dt>野菜</dt>
<dd>食べない</dd>
</dl>dl.grd
display: grid
grid-template-columns: 1fr 1fr
width: fit-contentシンプルで理想的だが、WordPressで使えるリストブロックはol、ulのみ。dlを作成出来るプラグインを探す。
Highlighting Code Blockプラグインに対応言語を追加する。
設定 > [HCB] 設定 > ヘルプ(最下部)のリンクにアクセス
DOWNLOAD JSでprism.jsをDLし、テーマフォルダ以下にUP使用する言語セットにクラスキー:”言語名”,形式で行を追加独自prism.jsにパスを記入し、設定を保存SASSとAutoHotKeyを追加した。
CSSもDL出来るがHCBと競合した為使用せず。
olの連番のピリオドを消す為、list-styleではなくcontent: counter()での表示にした。
liにcounter-increment: カウンタ名、li::beforeにcontent: counter(カウンタ名)を指定する。
ol li
position: relative
list-style-type: none
counter-increment: cnt
&::before
position: absolute
width: 1em
height: 1em
left: -1.4em
text-align: center
content: counter(cnt)CSSの疑似要素でリンクにサイトアイコンを付ける。
URLで判別する為、よく使うリンク先をいくつかCSSに記載しておく。
Pixivの作品タイトルと同様、全文読めないのでStylusで解決。
タイトル部分の幅を広く、フォントを少し拡大し、太字解除。
アイコンは無駄に空いているチャンネル名の横に移動。
| ABSPATH | WordPressディレクトリのフルパス+/ |
| TEMPLATEPATH get_template_directory() | 親テーマディレクトリのフルパス |
| STYLESHEETPATH get_stylesheet_directory() | 子テーマディレクトリのフルパス |
| get_theme_file_path | 子テーマ(優先)、無ければ親テーマディレクトリのフルパス |
| home_url() | サイトのURL |
| site_url() | WordPressのURL |
| get_template_directory_uri() | 親テーマディレクトリのURL |
| get_stylesheet_directory_uri() | 子テーマディレクトリのURL |
| get_theme_file_uri() | 子テーマ(優先)、無ければ親テーマディレクトリのURL |