RSSボタンを設置する方法[THE THOR]

THE THORテーマでRSSボタンを設置する方法は2つあります。1つはカスタマイザーから設置する方法で、もう1つはウィジェットから設置する方法です。それぞれを画像付きで紹介します。

目次

RSSボタンをカスタマイザーで設置する

THE THORテーマのカスタマイザーでRSSボタンを設置する方法はとても簡単で、この方法ではヘッダーとフッターに設置することができます。

まず、WordPressの管理画面から、[外観]→[カスタマイズ]とクリックして、カスタマイザーを開きます。

カスタマイザーが開いたら、[SNS設定]→[Follow設定]と進み、Follow設定画面を開いてください。

外観→カスタマイズ→SNS設定→Follow設定と進む

[Follow設定]画面が開いたら、下のほうにある[RSSページのURL]の項目に、「RSSフィードのURL」を入力し、「ヘッダー」と「フッター」の表示したい場所すべてにチェックを入れて、[公開]ボタンを押します。

たったこれだけでRSSボタンの設置が完了します。

Follow設定欄[URLは未入力でもOK]アイコン表示にチェックする

THE THORテーマの場合、RSSフィードのURLは空白でも自動で指定して表示してくれるので、フィードのURLが分からない場合は空白のまま設定を保存して[公開]してください。公開後、自サイトからRSSフィードのURLを調べることが可能です。(次の項にURLの調べ方について書きましたので参考にしてください)

実際に当サイトにRSSボタンを設置した状態を掲載します。このような感じでRSSボタンが設置されます。

まずは、ヘッダーに設置されたRSSボタンです。グローバルメニュー(メインメニュー)の横に配置されるようになっています。

ヘッダーに設置したRSSボタンの見本
THE THORテーマでヘッダーに設置したRSSボタン


次に、フッターに配置されたRSSボタンです。他のフォローボタンを追加した場合は、他のフォローボタンと並んで表示されます。

フッターにRSSボタンを設置した状態の見本
THE THORテーマでフッターに配置したRSSボタン

スマートフォンなどの場合に表示されるRSSボタンは、メニューパネルでの表示になります。

このような感じでヘッダーとフッターにRSSボタンを配置することができます。

先ほどの設定画面で[URLを空白]にした場合には、ヘッダーとフッターに表示されたRSSボタンを使って自サイトのRSSフィードのアドレスを調べておくと便利です。

自サイトのRSSボタンからRSSフィードのURLを調べる方法

RSSフィードのURLが分からず空白で設定した場合、サイトに表示されたRSSボタンからRSSフィードのURLを調べておくことをお勧めします。

2通りの調べ方がありますが、いずれも方法はとても簡単です。

  1. ヘッダーまたはフッターにあるRSSボタンをクリックする
  2. ヘッダーまたはフッターにあるRSSボタンを右クリックする

①の方法は、RSSボタンをクリックしてRSSフィードのURLの画面に移動して確認する方法です。インターネットエクスプローラー(IE)で開いた場合を除いて、XML文書が画面いっぱいに表示されますが、画面を読み解く必要はありません。

画面上部のアドレスバーに表示されているURLが、RSSフィードのURLです。

②の方法で調べる場合は、リンクのコピーから調べる方法です。RSSボタンを右クリックして表示される[リンクの(アドレスの)コピー]をクリックすると、リンクアドレスがクリップボードにコピーされるので、メモ帳やワードなどのソフトに貼り付けて調べます。調べるだけなら、アドレスバーや検索窓に貼り付けてもURLを調べることが可能ます。

RSSフィードのURLを調べるためにブラウザを右クリックして、リンクをコピーする

インターネットエクスプローラー(IE11)の場合は、右クリックして[プロパティ]を選択すると「アドレス(URL):」欄にRSSフィードのURLが表示されます。

①の方法でも②の方法でも、同じURLが表示されるので、ご自分に合った調べ方でRSSフィードのURLを調べ、必要に応じて控えておいてください。

RSSフィードのURLは、コメントやカテゴリ別などで指定することも可能ですが、ここでは説明しません。(ウィジェットで設置するメタ情報にはコメントのRSSフィードへのリンクが張られているので、そこからURLを調べることは可能です)

WordPressのWikiに「フィード配信」についての詳しい説明が書かれていますので、リンクを張っておきますね。

WORDPRESS Codex 日本語版(ワードプレスWiki)フィード配信
https://wpdocs.osdn.jp/WordPress_%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E9%85%8D%E4%BF%A1

RSSボタンをテキストウィジェットで設置する

RSSボタンをヘッダーやフッターではなく、サイドバーなど別の場所に設置したいことがあるかもしれません。そのような場合には、ウィジェットで設置することが可能です。上記の方法と比較して少しだけ手間を要しますが難しくはないので必要に応じてチャレンジしてください。

  • 準備するもの:RSSのアイコン画像

①アイコンを準備する

アイコンとなる画像を準備します。無料イラストサイトなどから画像を入手する場合は、そのサイトの利用規約を厳守してください。著作権や商用利用などの決まりがあります。

画像の大きさはお好きな大きさで構いませんが、参考までにこのRSSボタンは50px×50pxの画像です。

②RSSアイコン(画像)をメディアに追加(WordPressにアップロード)

管理画面メニューからメディアを選択し、メディアライブラリの画面で[新規追加]をクリックします。そして、①で準備した画像をドラッグ&ドロップでアップロードします。

新規追加をクリックして、画像を追加

③アップロードしたアイコン(画像)のURLを調べる

アップロードした画像のURLを調べてコピーします。コピーのボタンをクリックするとアドレスがクリップボードにコピーされます。

RSS画像のURLをコピーする

④ウィジェットの「テキスト」欄にHTMLを書き込む

テキスト欄にHTMLを記述する

[外観]→[ウィジェット]、または[外観]→[カスタマイズ]→[ウィジェット]で、テキストを表示したいエリアに設置します。そして、テキスト欄を選択して、てに以下の記述を入力します。

<a href="RSSフィードのURL">
<img src="RSSボタン画像のURL" border="0" /></a>

です。
RSSフィードのURLは、先ほどの方法(ページ内リンク)で調べたものを入力し、RSSボタンの画像のURLは③で調べたURLを入力します。

※ダブルクォーテーション「”」が全角になっていることがあるので、コピーペーストする際にはすべてが半角文字で書かれていることを確認してください。

⑤保存して完成

テキスト欄にHTMLを書き込んだら、一度ビジュアル画面で確認してみましょう。また、カスタマイザーのウィジェットで設定している場合は、右側の画面でも確認することができます。

RSSの画像が表示されていれば[保存]をクリックして完成です。最後にサイトを確認してみてください。

その他の表示と方法

これまではRSSボタンの設置方法を紹介してきましたが、次に、RSSのボタンではなく、RSSフィードのテキストリンクを張る方法を紹介します。

ウィジェットでメタ情報を設置すると、RSSのテキストリンクが表示されます。メタ情報の場合は、投稿の更新情報だけではなく、コメントの更新情報へのリンクもあるので、そこからRSSフィードのURLを調べることも可能です。

メタ情報に表示されるRSSフィード

ウィジェットの設定方法は以下を参照してください。

この記事を書いた人

このサイトの管理人です。
■ダッシュボード→ユーザー→プロフィール→プロフィール情報の欄に記入した情報が出力されます。
■プロフィール写真はGravatarまたは、SWELLテーマ導入で登録可能です。
(当サイトはGravatarではなく、SWELLテーマでの登録です)
■下のSNSリンクはすべてトップページに移動します。

目次