• ツイート

+がどれくらい流行るのか検討がつきませんが、+1ボタン設置しておきたいなーと思い調べました。プラスボタン公式サイトですぐ出来るんだけど、個別記事につけるにはもう一手間必要だったのでご紹介。簡単です。

“いいね！ボタン”,”ツイートボタン”,”はてブボタン”の設置はこちらです↓

WordPressとかで各記事のいいねボタン、Tweetボタンを一覧ページで表示させる簡単な方法まとめた

プラスワン ボタン公式でjsを取得する

プラスワンボタン

上記リンクからボタン作成が簡単にできます。いいねボタンやツイートボタンなどのソーシャルボタンは高さがだいたい20pxで作成されているので「中(medium)」を選択しておけば大丈夫です。
jsは共通っぽいので下記をコピーでも大丈夫です。

<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="js/plusone.js">
 {}
</script>
<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone size="medium"></g:plusone>

一覧ページで各記事にボタンを付ける

これが本題。上記の手順だと記事一覧ページに全て同じリンクのプラスワンボタンが設置されてしまいますので、表示箇所に記載するjsにWordpressタグを加えて各記事のボタンにします。

<g:plusone size="medium" href="<?php the_permalink() ?>"></g:plusone>

これをpostタグ内の表示させたい箇所に記述するだけでおｋです。簡単ですね(・∀・)ｲ!!
Wordpressタグで紹介しましたがMovableTypeでも他のブログでもpostのurlを返してくれるタグをhref=”"に挿入すれば使えます。

ついでのクリック!

このブログでの収益は募金やサイト運営のためのサーバ保守料などに使用致します