WordPressにはてなブログの「読者登録」ボタンを設置する方法

公開日：2017/05/30

更新日：2017/05/30

カテゴリー: WordPress

WordPressで運営しているブログに、はてなブログの読者登録ボタンを設置する方法を説明しています。

陸の孤島と言われるWordPressに、はてなブログの煌びやかな「交流」要素を加えたら今よりもっとブログが楽しくなるはずです！

読者登録ボタンって何？

そもそもはてなブログをしたことがない人は「読者登録ボタンって何？」って感じだと思いますので、軽くジャブ程度に説明を入れておきたいと思います。

はてなブログには、のように読者登録ボタンがあります。

これは、ブログに訪れた人が「このブログおもしろい。定期的に読みたい」と思ったときに押すと、そのブログの読者になれるのです。いわゆるファン登録みたいな感じですね。

そしてこの読者登録の何がすごいかというと、自分が新しくブログ記事を書いたら、読者登録をしてくれた人のブログ管理画面にという感じでアナウンスが出されるのです。

そしてそれに気づいた人が自分のブログに足を運んで読んでくれるというわけです。

つまり、記事を書いてすぐに読んでもらえる可能性が高いってことですね。

WordPressに読者登録機能あるの？

Feedlyとか使えば別ですが、WordPressにはこのような機能はありません。

そのため記事を書く→Google検索にインデックスされる→検索ユーザーが訪れる・・・という流れになり、記事を書いてすぐに読まれることは稀です（ツイッターは除く）。

しかしこれってかなりタイムラグがあるのです。

WordPressユーザーならわかると思いますが、だいたいこんな感じになります。

しかしはてなブログの場合は、

こんなのが日常茶飯事です！（すみません嘘です）

これはあり得ない極端すぎる例ですけど、はてなブログでは「読者登録」機能があるので、割と記事公開後でもすぐに読んでもらうことは可能です。

そこで今回は、このはてなブログの読者登録ボタンをWordPressに設置してみよう！というのが主旨です。

WordPressに「読者登録」ボタンを設置する方法

「方法」という言葉を使うのが正しいのか？と自問するほどかなり簡単です。

はてなブログですること

まずは、はてなブログにアクセスして、既にはてなブログを持っている人はログイン、まだ持っていない人は作成してください。

そしてはてなブログの管理画面にいき、「設定」をクリックします。

そして、「詳細設定」をクリックして、画面下にいきます。

すると、「読者になるボタン」があるので、表示されているソースコードをコピーします。

私の場合は、このようになっています。

<iframe src="https://blog.hatena.ne.jp/ysklognet/ysklog.hatenablog.com/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe>

WordPressですること

次に運営しているWordPressにログインして、左サイドバーの「外観」から「テーマ編集」にいきます。

記事下に「読者登録」ボタンを設置する場合

記事下に「読者登録」ボタンを設置したい場合は、右サイドバーから「テーマのための関数（functions.php）」を探し、

「functions.php」の最後に、次のコードをコピペして保存してください。

function add_reader_button($the_content) {
	if (is_singular()) {
		$return  = $the_content;
		$return .= '<p><iframe src="https://blog.hatena.ne.jp/ysklognet/ysklog.hatenablog.com/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe></p>';
		return $return;
	} else {
		return $the_content;
	}
}
add_filter('the_content','add_reader_button');

※4行目は私の読者登録ボタン用のコードなので自分のものに差し替えてください