リストタグのインデント(Twenty Seventeenテーマ)
WordPress(Twenty Seventeenテーマ)への初投稿でリストタグを使ったところ、下図のようにリスト番号等にインデントがかからなかった。
検索の仕方が悪かったのかも知れないが、リストタグがインデントになるCSS記述を見つけるのにちょっと手間取ったのでメモしておく。
やり方
正常(?)にインデントさせるには、CSSを追加する。
ol {
padding-left: 2em;
}
ul {
padding-left: 2em;
}
上記を例えばcustom.cssという名前で保存し、適当な場所にFTPでアップロードする。(筆者はwp(WordPressを入れた)ディレクトリと並列にcssディレクトリを作りアップロードした。)
CSSは、テーマをカスタマイズするための子テーマを作成し、そこに追加のfunctions.phpを置くことにする。Twenty Seventeenテーマの子テーマ作成は、こちらを参照されたい。
子テーマのfunctions.phpへの追記内容
/**
* Custom CSS
*/
function customCSS() {
wp_enqueue_style('customCSS', '../../../../css/custom.css');
}
add_action('wp_enqueue_scripts', 'customCSS');
以上である。
この投稿へのトラックバック
トラックバックはありません。
- トラックバック URL
この投稿へのコメント