Webの記録

WordPressサイトでRSSフィードボタンを設置してみた♪

投稿日:2012年1月6日 更新日:

この記事は約 4 分で読めます。

何気にWebサイトで、オレンジ色のRSSフィードボタンを見掛けます。

Webサイトの新着情報配信をする為のものなんですが、私のサイトでは今までボタンを設置してませんでした。

WordPressサイトでRSS購読ボタンを設置する方法、とても簡単だったのでメモしてみます。

※通常サイトとは違うので、Wordpress利用の場合限定です。
パーマリンクを設定の場合のみを書いていた為、パーマリンク設定がされていない場合の記述を追記しました。(2012年6月4日)



ウィジェット利用の場合。

ダッシュボードの「外観」→「ウィジェット」から、「RSS」を選択します。

RSSフィードのURLを入力して、他はお好みで入力します。

ウィジェットでRSS設定をする場合

※RSSのURLは、表示したいURLの後に「/feed/」を入れました。個別の記事の場合は、記事のURLの後に「/feed/」を入れます。

実際にどんなカンジになるのかをブラウザ確認してみたら、こんなカンジ・・・。

※フィード内の項目を5件にして、タイトルを付けなかった場合でやってみました。

ウィジェットでRSS設定した場合の画面表示例

う~~ん、アイコンだけですっきり見せたいかな・・・。


RSSアイコンを用意して、ボタン設置の場合。

アイコンを用意します。私は、フリーのアイコン素材を利用してみました。

アイコンをサーバーにアップします。Wordpressのダッシュボードから「メディア」→「新規追加」でアップしてOKです。

あとは、アイコンを設置したい場所に以下を記述するだけ。


パーマリンク設定をしている場合
<a href="サイトのURL/feed/">
 <img src="アイコンのパス" border="0" width="画像の幅" height="画像の高さ" alt="RSS" title="RSS" />
</a>

※RSSのURLは、表示したいURLの後に「/feed/」を入れました。個別の記事の場合は、記事のURLの後に「/feed/」を入れます。


パーマリンク設定をしていない場合
<a href="サイトのURL/?feed=rss2">
 <img src="アイコンのパス" border="0" width="画像の幅" height="画像の高さ" alt="RSS" title="RSS" />
</a>


※私が試した分のみを書いています。他にも方法がありますので、日本語Codexを確認してください。

ボタン設置イメージ

ついでに、Twitterやfacebookのボタンも設置して、こんなカンジになりました。

RSSフィードボタン、とてもカンタンに設置出来ました♪


パーマリンク設定について

今回、パーマリンク設定をしているかどうかで設定が違ってます。念のため、パーマリンク設定についてメモ。

パーマリンクの設定をするとURLの末尾が投稿と固定ページで変わります。

設定方法は、ダッシュボードの「設定」→「パーマリンク設定」をクリックし、「カスタム構造」にチェックします。
そこでURLの表示の仕方を入力します。

私は以下のように設定しています。多分、人によってケースによってここは変わるんだと思います。

/archives/%post_id%/

-Webの記録
-, , , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

WordPress はじめてのオリジナルテーマ作り。【まとめ】

この記事は約 1 分で読めます。 昨年の11月に、私はWordpressのオリジナルテーマをはじめて作成しアップしました。 はじめてなのでまだ高度な事は出来ていませんが、今まで幾つか書きためた記事をこ …

no image

WordPressプラグイン「WP-Copyright-Protection」で右クリック・ドラック禁止でコピーガード

この記事は約 1 分で読めます。 以前、「右クリック禁止で画像のコピーガード」など、画像のお持ち帰りを禁止したい措置について記事を書きました。 3年ほど前の記事にもかかわらず、今も毎日閲覧数が多いです …

no image

気になるブラウザサイズ。

この記事は約 1 分で読めます。最近、いくつかサイトを作らせて頂き・・・。 ちょっと他所のパソコンをいじらせて頂き、その画面表示にショックを受ける事がしばしば・・・。 日頃見ているパソコンと表示があん …

no image

Androidでp要素などが、勝手に改行されて幅が狭くなった時にしてみたこと。

この記事は約 1 分で読めます。 PCと同じようにスマホでも閲覧することが当たり前になって、最近ではアクセス解析をするとPCからの閲覧をすっかり抜いてしまったサイトもあります。 スマホからの見え方をチ …

カラーミーショップ無料テンプレート「Bit」のフリーページ表示順を変えてみた

この記事は約 1 分で読めます。 比較的安価でネットショップ初心者でも始められる「カラーミーショップ」。 スマホからのアクセスにも対応できる、シンプルなレスポンシブデザインの無料テンプレート「Bit」 …