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