WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

10分でできた!購読者数付きのFeedlyボタンを設置する方法(ついでにRSSボタンも)

この記事は約2分34秒で読めます

Feedly_Eyecatch
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

ようやくFeedlyボタンを設置しました。前からやろうやろうと思って半年くらい過ぎましたね。
やってみたらあっという間に終わってしまったので、ぜひあなたも導入してみましょう!

Feedlyを導入することで、読者があなたの記事の更新情報を簡単に得ることができるのでリピーターの増加が見込めます。
また、Feedlyにあなたのサイトが何人から登録されているかの購読者数も把握できるため何人くらいの人がいつも読んでくれているのか数値化できるところもメリットがあります。

ちなみにゆとりっちにFeedlyボタンを設置したときには既に8人の購読者の方がおりました。
わざわざ追加してくださってありがとうございます。

サイドバーにデカデカとボタンを設置したので今後はFeedlyに登録する人は簡単に追加できるかと思います!

Feedlyとは?

Feedly

Feedlyはあなたがよく訪れるサイトの最新情報をまとめて集めてくれる便利なアプリです。
たくさんの読みたいブログへ毎日毎日新しい記事更新されてないかな〜っと訪問をせずともFeedlyが一括でチェックしてくれます。

TwitterやFacebook,GoogleアカウントなどのSNSアカウントを持っていればすぐ始めることができます。

Feedly公式サイト

ちなみに今回は自分のサイトをFeedlyに登録してもらうためのボタンを表示する方法についてなのでFeedly自体の説明は割愛します。

Feedlyの導入方法

Feedlyコード生成ページ

上記のコード生成ページからコードを生成します。
英語で書かれてありますが難しいことはないので簡単にご紹介します。

Step1.デザインを選択する

Feedly Step 1: Select your design

Step2.自分のサイトのURLを貼り付ける

Feedly Step 2: Insert your feed URL

Step3.生成されたソースコードをコピーしてテキストウィジェットに貼り付ける

Feedly Step 3: Copy and embed the HTML code snippet

生成されるFeedlyコード例

最終的にこのようなコードをテキストウィジェットなどに貼り付ければokです。

Feedlyボタンの実際の表示


follow us in feedly

こんな感じで表示できます。クリックするとFeedlyのページに飛びます。
よかったら登録して、どうぞ。

RSSボタンの導入方法

RSSソースコード

上記のソースコードをテキストウィジェットなどに貼り付けます。

RSSボタンの実際の表示



画像について

srcには自身のサーバー内の画像を指定するように適宜変更ください。
RSSのボタン画像は下記のサイトからお借りしました。

並べて使おうと、feedlyの購読ボタンっぽいデザインのRSSボタンを作ってみた。ので公開。|sabotem * blog

購読者数付きのFeedlyボタンを作成する

先ほど表示したFeedlyボタン画像の上にFeedly購読者数の情報を表示します。
Feedlyの購読者数を取得するためのPHPを使う必要があるので、Post Snippetsというプラグインを使用しています。

Post Snippetsに追加するソースコード

購読者数付きのFeedlyボタンを作成する

上記のソースコードをPost Snippetsに追加します。

こちらのソースコードは下記のサイトを参考にしました。

ようやくできた!feedlyの購読者数をJavaScriptのAjaxオンリーで取得する方法|寝ログ

テキストウィジェットに追加するコード

購読者数付きFeedlyボタンの実際の表示


follow us in feedly

購読者数:28

画像の上に購読者数を表示してみました。
デザインによっては文字が入りきらないと思うので、普通に下に表示したりしてもいいと思います。

参考サイトではFeedlyに吹き出しで表示していますので、吹き出しがよければ下記サイトをご覧ください。

ようやくできた!feedlyの購読者数をJavaScriptのAjaxオンリーで取得する方法|寝ログ

関連記事

  1. WordPress-Theme-mono-lab
  2. wordpress
  3. Cron 時計
  4. 段落、改行タグの正しい使い方
  5. 女性,ユニット,SALBIA,SARY,サルビア,悩み,苦悩,頭痛,表情
  6. WordPress Popular Postsの使い方

コメントをお待ちしております

PR

カテゴリー