エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
WordPress+Simplicityのリストマーカーと行間をカスタマイズする
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
WordPress+Simplicityのリストマーカーと行間をカスタマイズする
リストは、ulやliなどから構成されている一覧ですが、デフォルトの状態だと間隔が少々狭いです。 また、... リストは、ulやliなどから構成されている一覧ですが、デフォルトの状態だと間隔が少々狭いです。 また、リスト項目の頭につくマークもなんだか色気がありません。 今回は、リストの行間とマーカーのカスタマイズを行います。 表示サンプル リストの表示サンプルです。 入れ子部分です。 今回はこんな感じのリストにカスタマイズします。 CSSの編集 例のごとくSimplicityの子テーマのstyle.cssに加筆していきます。 行間の調整 リストの行間が広い、あるいは狭い場合は行間の調整をします。 CSSで li { } と入れてしまうと、ナビバーやサイドバー等、ページ上で使用されているリストすべてに影響が及ぶことになるため、記事領域のみとなる .article li { } とします。 .article li { margin-top: 0.5em; margin-bottom: 0.5em; }