シンプルでスタイリッシュなWordPress無料テーマ

リスト(ul)の設定

2019.03.212018.06.26カスタマイザー
screen-in-a-screen

リスト(ul)

「リスト(ul)」には以下の設定項目があります。

  • リストマークタイプ
  • リストマーク色

ul は記事を書く上で多用されるリスト用の HTMLタグですが、特にデザインを追加していない場合は以下のような味気のない見た目になってしまいます。

  • あいうえお
  • かきくけこ
  • さしすせそ

そこで当テーマでは簡単なマウス操作でカスタマイズできるようにしておきました。

リストマークタイプ

リストマークを単純な「●」と、アローマークデザインの入ったものを用意しておきました。

アローマークのものを選択すると以下のようになります。

arrow-ul-example
アローマークの例

リストマーク色

ul-list-mark-design-example
リストマークを青色にした例

リストマークを青色(#1e73be)に変更すると以上のようになります。

arrow-ul-color-example

また同様の色でアローマークを選択すると、以上のようなスタイルになります。

arrow-ul-with-a-border

さらに当テーマのデザインのひとつであるボーダーで囲むと以上のようになります。

ボーダーの説明はこちらからどうぞ。

author

\ 広告エリア /
rectangle-ad
rectangle-ad
Post image for Facebook Like