ブログ(WordPress)にGoogle+1ボタン、Facebook(いいね!)ボタンを追加する方法
- タイトルとURLをコピーする
- Tweet
以前、Twitterボタンとはてブボタンの設置方法を書きましたが、
今回はGoogle+1ボタン、Facebook(いいね!)ボタンの設置についてです。
まずは、Google+1ボタンの設定方法
公式サイト:Google+1 / プラスワン ボタン
上のリンクから、簡単に設定できます。
好きなデザインを選んで、
ページ下にあるソースを、自分のブログに貼ればOKです。
下記のように、パーマリンクのタグを書けば、
ホームに表示させた時もその記事のURLを取得してくれます。
<g:plusone href="<?php the_permalink() ?>"></g:plusone>
次は、Facebook(いいね!)ボタンの設定方法
公式サイト:Like Button / Facebook(いいね!)ボタン
こちらも、上のリンクから、簡単に設定できます。
ただし、Google+1ボタンのように「ボタンが表示されるページのURL」というのは設定できません。
でもWordPressならw
「URL to Like」という項目にURLを入れるのですが、
現在のページのURLを取得するタグを入れるとコードを吐き出すときに、
文字化けしてしまうので、
最初は「xxxxxxx」など分かりやすい適当な文字を入れて、
吐き出されたコードの「xxxxxxx」を、下記のテンプレートタグと差し替えます。
<?php the_permalink(); ?>
これをindex.phpなど、表示させたい場所に埋め込みます。
これでOKです。
- タイトルとURLをコピーする
- Tweet