WordPressのテーマによっては、サイドバーのカテゴリーなどに何の印もついていなくて、ちょっと見づらい時がありますよね。リストアイコンがあれば見やすくなるので、今回プラグインも要らない、難しいことが嫌な、初心者向けの超簡単なリストアイコンの着け方。
10秒かかりません。
(現在私はWORDPRESS3.5.1でテーマはTwentytwelveを使っています。
英語版なので細かい単語が違うかも知れません)
画像を作って保存
まずは画像を作っておきます。小さい単純画像だと思うのでGIFあたりでちょちょっと。
作ったらWORDPRESSのMEDIA/メディアに画像を保存しておく。
後でFile URL:にある画像のアドレスが必要になります。
CSS / sytlesheet を編集
WORDPRESS→THEMESのEDITOR（外観→テーマの編集）より
style.cssを開いておきます。
その中に/* Sidebar */があります。
.widget-area .widget h3の次にある
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget { ココ
}
｛ ｝内「ココ」にこれ
list-style: url(画像のURL);
を付け加えるだけです。
画像のURLはEdit Mediaの
画像のメディアの画像詳細のページ右側に
saveという箱の中にある File URLのhttp://から始まるURLをコピペするだけです。
これでプラグインなしでリストが着きました♪
私は画像が左側に飛び出たのが嫌だったので、
margin-leftを20pxほど付け加えました。
画像を使わずにCSSのみで単純な画像をつけるならここが参考になります🐻
画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10
後でゆっくり読もうと思ってメモ(笑)