リストタグのインデント(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