WordPressでサイドバーのリストにアイコン/画像を付けたい

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
後でゆっくり読もうと思ってメモ(笑)