頑張らない!でも諦めない!必死にならずにええかげん

RSS購読ボタンをサイドバーウィジェットにJetpackを利用して表示する

      2014/11/22

WordPressを利用していてRSS購読のボタンをアイコンで設置する場合にも、
JetPackのウィジェットを利用すると簡単に表示することができます。

はじめに

サイドバーにRSS購読のボタンなどを設置すると、
最新投稿を購読してくれた方が継続的にサイトに訪れてくれるようになるかもしれません。
JetPackを利用するとそうしたボタンも簡単に設置することができます。

環境

  • WordPress: 3.7.1
  • JetPack: 2.5

事前準備

JetPackの画像ウィジェットを利用するには、JetPackを有効化する必要があります。

JetPackの有効化に関する詳細は以下でご紹介しています。
23.追加ウィジェット-Jetpack by WordPress.com

利用方法

JetPackを有効化し、追加ウィジェットの機能を有効にすると、
[外観]-[ウィジェット]を選択して「ウィジェット」を表示します。

01_外観・ウィジェットの選択

外観・ウィジェットの選択

ウィジェットの使用できるウィジェットのエリアに対して「画像 (Jetpack)」が表示されます。

01_RSS リンク (Jetpack)ウィジェットの追加

RSS リンク (Jetpack)ウィジェットの追加

ウィジェットの配置

ウィジェットをドラッグしサイドバーなど表示したいエリアにドラッグし配置します。

02_RSS リンク (Jetpack)ウィジェットの配置

RSS リンク (Jetpack)ウィジェットの配置

利用方法

ウィジェットの各設定を順番にご紹介します。

03_RSS リンク (Jetpack)ウィジェット設定

RSS リンク (Jetpack)ウィジェット設定

タイトル

ウィジェットのタイトルを設定します。
初期状態にタイトルのみを入力しRSSリンクを表示すると以下のようになります。

12_RSS リンク (Jetpack)の表示

RSS リンク (Jetpack)の表示

表示するフィード

表示するフィードは以下から選択が行えます。

  • 投稿
  • コメント
  • 投稿・コメント

これは投稿のRSSフィードのみ表示する、コメントのRSSフィードのみ表示する、両方を表示するという設定です。

13_RSS リンク表示対象指定

RSS リンク表示対象指定

形式

形式ではRSSフィードを表示する方法を選択できます。

  • テキストリンク
  • 画像リンク
  • テキスト・画像リンク

これはRSSフィードのリンクが以下のように変わります。

14_RSS リンクアイコン表示

RSS リンクアイコン表示

また画像リンクを含む選択を行った際には以下の設定が表示されます。
初期設定は「大サイズ」「赤」です

画像設定(画像サイズ)

表示される画像のサイズを選択できます。



大サイズ

実際の表示は以下のようになります。

15_RSS リンクアイコンサイズ

RSS リンクアイコンサイズ

画像設定(画像色)

画像の色を以下から選択します。

  • オレンジ
  • ピンク
  • シルバー

各色の色合いは以下のようになります。

16_RSS リンク色指定

RSS リンク色指定

利用法

RSSフィードの購読にはlivedoorのRSSリーダーなどが利用できます。
livedoor Reader (livedoor ID登録必要)

ブログに設置したRSSフィードボタンをクリックすると、以下のようなXMLが表示されます。

17_フィードURLのコピー

フィードURLのコピー

livedoor Readerに対して、RSSフィードのURLを貼り付けて登録します。
登録が完了するとlivedoor Reader側に購読したサイトの新着投稿が表示されるようになります。

18_livedoorReaderへ追加

livedoorReaderへ追加

実際のサイトで確認すると、サイトトップの抜粋表示より文字数は少なくなっていますが、
最新投稿の一覧が確認できるようになります。

RSSフィード表示

19_livedoorReaderの表示例

livedoorReaderの表示例

実際のサイト表示(抜粋表示)

20_サイト上の表示例

サイト上の表示例

参考

WordPressサイトのRSSフィード配信とRSSボタンの設置 | レンサバネット

RSS Links — Jetpack for WordPress

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

RSSリンクウィジェットでは、RSS投稿・RSSコメントへのリンクを表示することができます。
RSS自体あまり利用されている印象はないのですが、そういうものがあるといった感じです。


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - jetpack, WordPress ,

  関連記事

eye_wordpress
WordPressの独自ショートコード埋め込みにJavaScript外部ファイルを指定する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
19_09.Vimeoプレーヤー表示には、Jetpackのvimeo動画ショートコード埋め込み

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
headタグ挿入にHeader and Footer-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
wordpressでメディアページ(ギャラリー、gallery)を表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
headタグ挿入にWP Headmaster_v0.2-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_local_wordpress
ローカル(localhost)環境wordpressでjetpackの有効化

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
19_04.Dailymotionプレーヤー表示には、Jetpackのdailymotion動画ショートコード埋め込み

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
電子メール(email)への共有をJetpack by WordPress.comで行う動作

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_vaultpress
VaultPress™を利用して別のサイトに復旧(テスト・一時)サイトを構成する手順

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
headタグ挿入にWP Headmaster_v0.1-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …