WordPressブログにFeedly購読ボタンを設置する方法を試してみたとか。

公開日:  最終更新日:2015/04/10

WordPressブログにFeedly購読ボタンを設置

ニュースサイトやブログの更新情報をチェックするためにFeedlyというRSSフィードリーダーを使っていますが、自分のブログにもFeedly購読(登録)ボタンを設置してみました。難しいのかと思ったらFeedlyの方で設置用のサービスを用意していてくれて、とても簡単でした。

愛用中のRSSフィードリーダーFeedly

登録しておいたブログやニュースサイトの更新情報をまとめ読みできる、RSSフィードリーダーというサービスやアプリがありますが、SiSOが愛用しているのはFeedlyというサービスです。

ブログやニュースサイトをFeedlyに登録しておくと、各サイトが発信している更新情報(RSSフィード)を拾ってきてくれて一覧表示してくれます。ニュースサイトなんかを斜め読みするのに最適で、記事タイトルをズラズラっと斜め読み、気になったものだけニュースサイトに接続して内容確認、時間が無ければSaveフラグをつけておいてあとで確認という使い方ができます。

また、ネット上の情報を保存して後読みできるサービス、Pocketとの連携もできるため使い勝手はかなり良好です。
WordPressブログにFeedly購読ボタンを設置

Feedlyへの登録は、Feedlyに登録したいサイトのURLを入力すると該当サイトを検索してくれ、それを追加するだけです。

しかし、やはりブログ設置していてFeedlyがお気に入りであれば、ブログにFeedly購読ボタンを付けておくのが親切じゃないかな?なんて思って、Feedly購読ボタンを設置してみました。

自分のブログもFeedlyに登録しているのですが、登録しておくと何人の方が登録してくれているかもわかるので、ちょっとドキドキします。
WordPressブログにFeedly購読ボタンを設置

5ユーザーも登録してくださっています!(内1名はSiSOですが)ありがとうございます。

ブログにFeedly購読ボタンを設置する方法

Feedlyボタン作成サービスにてコード生成

まずはFeedlyサイトにある「Feedly Button」へ接続し、Feedly購読ボタンのコードを生成します。

WordPressブログにFeedly購読ボタンを設置
Feedly Button

続いてデザインを選びます。
WordPressブログにFeedly購読ボタンを設置

さらに登録するサイトのRSSフィード情報を入力します。大体の場合、WordPressのサイトであればサイトURLの最後に「/feed/」をつければフィード情報につながります。ちなみに、カテゴリ別のフィード情報も取り出すことができますので、カテゴリ別に購読ボタンを作るのも大手ニュースサイトみたいで面白いかもしれません。
WordPressブログにFeedly購読ボタンを設置

というわけで出来上がったのが以下のコードです。
WordPressブログにFeedly購読ボタンを設置


<a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2F100s.siso-lab.net%2Ffeed%2F'  target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png' alt='follow us in feedly' width='131' height='56'></a>

WordPressならウィジェットでポンっと設置完了

これをWordPressであればウィジェットとして登録するだけでOKですね!画像ファイルなどはFeedlyのサイトへリンクされていますので、改めてWordPressの方へアップロードする必要はありません。

WordPress管理画面から「外観」矢印「ウィジェット」と進んでウィジェット管理画面に入り、「テキスト」ウィジェットをマウスでつまんでサイドバーに設置します。
WordPressブログにFeedly購読ボタンを設置

あとは先ほど生成されたコードを書き込んで保存します。
WordPressブログにFeedly購読ボタンを設置

あっと言うまに設置完了です。
WordPressブログにFeedly購読ボタンを設置

 

σ(´^`)

 

うーん、Feedlyには申し訳ないですが、ちょっとデザインが合わない感じ…と、こだわるほどデザインに凝っているサイトでもないのですが、やはりここのあたりのデザインにあわせたいところです。というわけで、後でオリジナル画像に入れ替えてみようと思います。
WordPressブログにFeedly購読ボタンを設置

 

今日の一言二言三言

 

Feedly 購読ボタンの 設置には

10分かからず とても簡単

 

手順としては、Feedly Buttonにアクセス、FeedのURLを入力してコード生成、WordPressでウィジェット登録するだけなので、5分もあれば設置できます。ぜひぜひお試しください。

  • このエントリーをはてなブックマークに追加
  • Pocket

関連前後記事

Your Message

メールアドレスが公開されることはありません。


*

PAGE TOP ↑