WordPress:ソーシャルボタン実装方法(Google +1, Tweet, はてブ編)

WordPress3に、

  1. Google +1ボタン
  2. ツイートボタン
  3. はてなブックマーク

以上のボタンを設置する方法について、忘備録的に記述いたします。

1.Google +1

・<head></head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

・loop.php

<!-- Google +1 -->
<g:plusone size="medium" href="<?php the_permalink(); ?>">
</g:plusone>

 

詳細はコチラをご参照ください。

http://www.google.com/webmasters/+1/button/index.html

2.Tweet

・loop.php

<!-- Twitter -->
<a href="http://twitter.com/share"
  data-url="<?php the_permalink(); ?>"
  data-via="bren_official"
  data-text="<?php the_title(); ?>"
  data-lang="ja"
  data-count="horizontal">
Tweet
</a>

 

詳細はコチラをご参照ください。

http://twitter.com/goodies/tweetbutton

3.はてなブックマーク

・loop.php

<!-- Hatena -->
<a  href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>"
  data-hatena-bookmark-title="<?php the_title(); ?>"
  data-hatena-bookmark-layout="standard"
  title="このエントリーをはてなブックマークに追加">
<img
  src="http://b.st-hatena.com/images/entry-button/button-only.gif"
  alt="このエントリーをはてなブックマークに追加"
  width="20"
  height="20"
  style="border: none;" /></a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

 

詳細はコチラをご参照ください。

http://b.hatena.ne.jp/guide/bbutton

コメントする