[Wordpress] ワードプレスに4つのソーシャルなボタンを設置したメモ

このワードプレスのブログに新はてなブックマークボタン・Facebookのいいねボタン・Google+1ボタン・ツイートボタンを設置したときのメモであります。

参考サイト

ソースのメモ

<!-- ニューはてブ -->
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink();?>" class="hatena-bookmark-button" 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">
$(function() {
    var script = document.createElement('script');
    script.src = 'http://b.st-hatena.com/js/bookmark_button.js';
    script.charset = "utf-8";
    script.async = true;
    $('body').append(script);
});
</script>

<!-- グーグルプラス -->
<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript">
$(function() {
    var script = document.createElement('script');
    script.src = 'https://apis.google.com/js/plusone.js';
    script.async = true;
    $('body').append(script);
});
</script>
<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone></g:plusone>

<!-- フェイスブック -->
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:80px;" allowTransparency="true"></iframe>

<!-- ついったー -->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Fernweh8000" data-lang="ja">ツイート</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Share
関連記事