ブログでの social sharing(AddThis の紹介と はてブの追加)
これはプラグインではなく、AddThis というサービスでコードを作成したものをテーマの PHP ファイルに貼り付けています。
やり方は簡単。
AddThis のホームページに行き、まずアカウントを作ります。
そうじゃないとコードを作れない。
右上の “Sign In or Create Account” から。
アカウント作成の画面が表示されるので、適宜選択。
自分の場合は Facebook のアカウントでログインしてちょいちょいしておしまい。
アカウントができたらコードを作ります。
トップメニューから “Get The Code” のタブを選択。
左に見えている設定ボタンをポチポチすると、右にプレビューとコードが出てきます。
このブログの場合は、”Get sharing buttons for” は “A Website”、”select style” は左下のホバリングバーティカルカウンター?を選んでいます。
その下に “Options” で “Track when users share by copying your URL” とあるのは、AddThis で統計情報をトラッキングするコードを追加するか?ってことみたい。
できたコードをコピーして(”Grab It” しても OK)、貼り付けるファイルを開きます。
このブログの場合は、wp-content/themes/(自分のテーマ名)/single.php です。
[php]
<!–?php if ($theme_post_headline_type == "latest_twitter_headline") { ?–>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">// <![CDATA[
// ]]></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<?php echo $theme_admin_twitter; ?>.json?callback=twitterCallback2&count=1">// <![CDATA[
// ]]></script>
<!–?php } ?–>
<!–?php get_footer(); ?–>
[/php]
一番下に
[php]
<!–?php get_footer(); ?–>
[/php]
の行があったので、その直前に貼り付けました。
その結果が今ご覧いただいている画面左でホバーしているやつです。
そして、ここからが問題です。
はてなブックマークの共有ボタンを入れたいのですが、思うようにいかないんです!
AddThis では、はてブもサポートしているのですが、自分が入れたいのは違うボタンなんです。
AddThis のマニュアルに従い、さっき入れたコードに追加して、こんな感じのを入れてみる。
[php]
<a class="addthis_button_hatena"></a>
[/php]
なんなんだ、この情けないボタンはっ!
ならばと、はてなブックマークのページで公式ボタンを作ってみる。
この “バーティカル” を入れたいのよ!
[php]
<a class="hatena-bookmark-button" title="このエントリーをはてなブックマークに追加" href="http://b.hatena.ne.jp/entry/http://insideofpapaya.com" data-hatena-bookmark-title="はてなブックマーク" data-hatena-bookmark-layout="vertical-balloon"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script charset="utf-8" type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" async="async"></script>
[/php]
できたコードを貼ってみる。
あれ、うまくいった!?ネ申!?
よくわからないけど、うまくいっちゃいました。
めでたしめでたし♪
(ちょっと見栄え悪いな…)
※あとで見たら出なくなっちゃってました。なんで (>_<)
※ん~、出たり出なかったり。なんだこりゃ…。
<< 追加 >>
ちなみに、同じ AddThis が提供している Welcome Bar っていうのも実装しています。
SNS からこのブログに飛んできた人向けに、画面の一番上にこんな↓バーが出るらしい。
やり方はここのページ見てください。
共有ボタンとあまり変わんないっす。
Fatal error: Uncaught Error: Call to undefined function related_posts() in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php:71 Stack trace: #0 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-includes/template-loader.php(106): include() #1 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-blog-header.php(19): require_once('/home/insidepap...') #2 /home/insidepapaya/insideofpapaya.com/public_html/index.php(17): require('/home/insidepap...') #3 {main} thrown in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php on line 71