RSSフィードへのリンクを追加する

ブログ読者に効率よく更新情報をお知らせしたりできる機能、
RSSフィードへのリンクを追加します。

ちなみに、自分はカレンダー機能は使わないため、
WordPress レッスンブック 3.x対応STEP4-6の作業は省きました。
カレンダーを表示させるためには、やたらと長いコードが必要となって鬱陶しいので、
カレンダー機能が不要ならば、飛ばしてしまったほうがいいかも。
自分はよくカレンダーが表示されている場所に、広告を載せているので、
無料ブログサービスでもほとんど、カレンダー機能は使っていません。

 
さて、RSSフィードへのリンクを追加するにあたって、
視覚的にRSSフィードリンクだとわかりやすいように、アイコンを用意します。
アイコンは、Feed Iconsから、28×28ピクセルのRSSフィードアイコンをダウンロードします。
そのアイコンを、テーマフォルダ(ここではkihon)にアップロードしておきます。

次に、index.phpファイル(メインインデックスのテンプレート)の、
サイドバーブロック内に、下記のソースを追加します。

---------------------
<p class="feed">
<img src="<?php bloginfo(‘template_url’); ?>/feed-icon-28×28.png" alt="*" width="28" height="28" />
<a href="<?php bloginfo(‘rss2_url’); ?>">RSS FEED</a>
</p>

---------------------
 

 
次に、ブラウザやRSSリーダーが、RSSフィードを自動検出できるように、
index.phpファイル(メインインデックスのテンプレート)の、
headの中に、下記のソースを追加します。

---------------------
<link rel="alternate" type="application/rss+xml" title="RSS フィード" href="<?php bloginfo(‘rss2_url’); ?>" />
---------------------

 
最後に、RSSフィードリンクの見た目を整えるため、
style.cssファイル(スタイルシート)に、以下のCSSタグを追加します。

---------------------
/* RSSフィード */
p.feed { font-size: 0.75em; font-family: verdana, Helvetica, sans-serif;
border: solid 1px #BBBBBB; padding: 3px; margin: 25px 0px; }
p.feed a { color: #444444; text-decoration: none; }
p.feed img { vertical-align: middle; margin-right: 3px; }

---------------------

 
この作業で完成した画面が↓こちらです。
ブラウザのツールバーでも、RSSフィードボタンが使えるようになっているのがわかります。

 
これで、WordPress レッスンブック 3.x対応のSTEP4-7が完了しました。
次は、ステップ5に入ります。
 

コメントは停止中です。