wp.Vicuna Ext. Customをカスタマイズして、RSS feedのアイコン表示

WordPress 2010 年 11 月 28 日 google+0 はてなブックマーク0 Evernote

私の使っているテンプレートはwp.Vicuna Ext. Custom。
前から気になっていた部分。

wp.Vicuna Ext. Custom
各項目に出るアイコンとRSSのアイコン。

出来ればRSSのマークだけにしたいなぁと思ってはいたけど。
自分のブログなので、そのまま放置していたのですが。

今回、他のアイコンを替えるのと同時にちょっと直してみました。

ソースを見るとRSSのアイコンは直接画像を書き出しているので、テンプレートを修正。

scriptの中のwidgets.phpを開き
488行目あたりから

echo '<ul>';
echo '<li style="list-style-image: url('.get_bloginfo('template_directory').'/script/image/feed.png);">';
echo '<a href="'. $rss2_url .'" title="RSS Feed">RSS Feed</a></li>';
echo '<li style="list-style-image: url('.get_bloginfo('template_directory').'/script/image/feed.png);">';
echo '<a href="'. $atom_url .'" title="Atom Feed">Atom Feed</a></li>';
echo '</ul>';

という風にliから
style="list-style-image: url('.get_bloginfo('template_directory').'/script/image/feed.png);"
を削除して、

echo '<ul class="rssfeed">';
echo '<li>';
echo '<a href="'. $rss2_url .'" title="RSS Feed">RSS Feed</a></li>';
echo '<li>';
echo '<a href="'. $atom_url .'" title="Atom Feed">Atom Feed</a></li>';
echo '</ul>';

という風に
class="rssfeed"
を ulに追加。

あとはスタイルシート側で、rssfeedのアイコンを指定すればOK。

wp.Vicunaもwp.Vicuna Ext. Customも当初入れた時からバージョンアップされていて、新しいのに入れなおしたいところなのだけど。

カスタマイズしたところを修正しなおすのが、少しだけ手間で、その少しがなかなか出来なかったりする。

PHPによるWordPressカスタマイズブック―3.x対応WordPressスーパーカスタマイズ 3.0対応 ポテンシャルを100%引き出すテクニックXHTML&CSS超高速コーディング術

【ご連絡】WordPress、サイト制作関係の新しい記事は、こちらのサイトに書いてます

広告

CPI 激安ドメイン ロリポップ!レンタルサーバー @Next Style お名前.com お名前.com


人気ブログランキング にほんブログ村 blogram

関連記事

    コメントフォーム
    メールアドレスは必須ですが公開はされません

    トラックバックURL
    広告
    ブックマーク
    はてぶ人気記事
    過去ログ