ツイッターウィジェットにアイコンをつける方法についての覚書です。

アイコンには、OpenClipArt のものを利用することにします。

※Twitterの公式アイコンがあるようですので、以下のページよりダウンロードされて使用する方がいいかと思います。(2011.09.21追記)![]() Twitter – ロゴとアイコン |
「tweet」等のキーワードで画像を検索し、適当なものを選んでリンクをクリック。

「PNG」ボタンをクリックして、

画像をダウンロードします。

Inkscape 等で適当に編集し、

画像をWordPress.comのメディアへアップロードし、

以下のCSSを追加すると(テーマ「Twenty Eleven」用)、
.widget_twitter li {
background-image:url('http://asazuki508.files.wordpress.com/2011/06/tweet11.png');
background-position:left top;
background-repeat:no-repeat;
padding-left:25px;
margin-left:-20px;
list-style-type:none;
}
ツイッターウィジェットにアイコンがつきます。

![]()

なお、上記の場合、不特定多数の方がCSSをそのまま使えるように著作権フリーの画像を使いましたが、特定のウェブサイトやご自分のブログだけで使われるのでしたら、以下のサイトからアイコンを探されることをおすすめします。良質のアイコンをたくさん見つけることができるでしょう。
