HOME > > > WordPressの記事に「いいね!」ボタンを設置する方法

WordPressの記事に「いいね!」ボタンを設置する方法

worpress

WordPressの記事に「いいね!」ボタンを設置します

最近のブログは記事の最後にFacebookやtwitterなどの「いいねボタン」を設置し、記事を読んで気に入った、参考になったという人に情報を拡散してもらいたいという形が当たり前となりました。と言っても私は設置方法があまり頭に入りません。今回はWordPressの記事(single)に設置する方法をご紹介します。

アプリの作成方法

いいねボタンを設置するにはまずアプリが必要です。
まずはアプリを制作しましょう。

アプリを作成する

いいねボタンの設置方法

いいねボタンの設置方法は以下のページに説明を記載しております。 参考までに。

Facebookの「いいね!」ボタン(Like Button)をサイトやブログに設置する方法

取得したコードのURLを変更する

ここから上記ページを参考に「いいねボタン」のコードを取得した前提で進めますね。
取得したコードは以下のとおり(ここではiframeで取得しています)。


<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.test.com%2F&width&layout=standard&action=like&show_faces=true&share=true&height=80&appId=アプリのコード" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

このコード内の以下の部分をパーマリンクタグに変更します。


http%3A%2F%2Fwww.test.com%2F


<?php the_permalink() ?>

変更後はこんな感じ


<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&width&layout=standard&action=like&show_faces=true&share=true&height=80&appId=アプリのコード" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

変更完了

これで各singleページ毎のいいねボタンが設定されます。

このページを共有する

Facebook
twitter
Line
googleプラス
はてなブックマーク
Pocket

2014.04.29