最近気付いたことなのですが、ソーシャルボタンってしっかり表示されていますか？
私はMacでChromeを使っているのですが、今まで他のブラウザでの確認をしたことがありませんでした。
Windowsで自分のブログをみてビックリしましたΣ(ﾟДﾟ；ｴｰｯ!

消えたソーシャルボタン

相方のPCで自分のブログを見た時のことなのですが、有るはずのモノが無い!!
無いんですよ！Σ(´∀｀；)
ソーシャルボタンが…。

まずは私がいつも見ている画面をお見せしましょう。
こんな感じでズラーッとソーシャルボタンが並んでいる”つもり”でした。

そしてこちらが相方の使用環境。
WindowsでブラウザはIE8です。
何故かGoogle+とTumblrだけは表示されていましたｗ

【はてなボタン】【いいね！ボタン】【ツイートボタン】が見当たらない。
Internet Explorerのお客様は多いのに、今までこんな失礼極まりないことをしていたなんて…。
IE愛用中の皆さん本当にごめんなさい_(._.)_

同じテーマの人をチェックしてみた

誠に勝手ながら同じテーマ（Yoko）を使用している方のページをInternet Explorerで見てみることに。
身近な方といえば、@feelingplaceさんです。
こちらはMac＆Chromeでみた画面↓

Feelingplaceさんの場合も同じ Photo by oOsp00nOo

そしてこっちはWindows＆IEです。
やはり、ほとんどのボタンが表示されていなかった。
【Google+】【はてな】それ以外は見当たらない…。

これで私だけの問題でないことはわかりました。
今使っているプラグインは「WP Social Bookmarking Light」です。
その他に人気のソーシャルボタンサービスAddthisを使っても【はてな】【ツイートする】【いいね！】のボタンは表示できませんでした。（ボタンの形によっては表示できた）

手動でソーシャルボタンを設置する方法

仕方ないので手動でソーシャルボタンを設置することに。　
参考にさせて頂いたのではこちらの記事↓
[WordPress] 記事ごとにソーシャルボタンを配置 | スタックスリー開発奮闘ブログ

これをベースに自分なりのボタンにカスタムさせていただきました。
あとは自分的備考録として記載しておきます。
手動でソーシャルボタンを設置される人は参考にして下さい。

１．PHPファイルを作成する

まず無料のmi – テキストエディタで下記のテキストをコピペする。

その際にTwitterの”自分のアカウント”とFacebookの”appID”はご自分のモノに変えて下さい。
あ、もちろんテキストエディタもご自分の使いやすいものを使って下さい。

<!-- snsボタン -->
<div class="entry_social_buttons">
	<!-- はてなブックマーク -->
    <div class="entry_hatebu_button">
        <a href="http://b.hatena.ne.jp/entry/<?php urlencode(the_permalink())?>"
            class="hatena-bookmark-button"
            data-hatena-bookmark-title="<?php urlencode(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>
    </div>
	<!-- ツイートボタン -->
    <div class="entry_tweet_button">
        <a href="https://twitter.com/share"
            class="twitter-share-button"
            data-count="horizontal"
            data-via="oOsp00nOo"
            data-text="RT <?php the_title();?>"
            data-url="<?php the_permalink();?>"
            data-lang="ja">ツイート</a>
        <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
    </div>
	<!-- facebookいいねボタン -->
    <div class="entry_fb_like_button">
        <iframe src="http://www.facebook.com/plugins/like.php?href=<?php urlencode(the_permalink())?>&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90&amp;appId=224971184188854" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
    </div>
	<!-- Google+ボタン -->
    <div class="entry_plusone_button">
        <g:plusone></g:plusone>
    </div>
</div>

これをentry_social_buttons.phpファイルとして保存。
www→wp→wp-content→theme→自分の使っているテーマを選択。
FTPアップローダー（私はCyberduck）を使って自分の使用しているtheme（テーマ）にアップロードしましょう。

WordPressの管理画面→テーマの編集を見てみるとアップロードしたファイルが表示されていると思います。

２．使用しているテーマのstyle.cssに以下を追記する

テーマによって位置調整の必要あり。
私はこんな感じです。

/****************************************
		ソーシャルボタン
*****************************************/
#content .entry_social_buttons {
padding: 0 0 10px 8px;
width: 550px;
display: inline-table;
}
#content .entry_hatebu_button {
float: left;
width: 70px;
height: 20px;
}
#content .entry_tweet_button {
float: left;
margin: 0 10px 0 0;
width: 130px;
height: 20px;
}
#content .entry_fb_like_button {
float: left;
width: 115px;
height: 20px;
}
#content .entry_plusone_button {
float: left;
width: 100px;
height: 24px;
}

３．ボタンを設置したい場所を決める

大体はタイトルの下か、記事の最後ですよね。
私はタイトル下に設置してみました。

single.phpの中の＜/header＞の下辺りに下記を記述して下さい。

<?php include( TEMPLATEPATH . '/entry_social_buttons.php' ); ?>

以上が手動で設置するソーシャルボタンの行程です。
PHPファイルを作成したことでボタン位置の修正も楽チンです。
上のコードの場所を変えるだけですから。
とりあえずこんな感じになりました。

ソーシャルボタンを手動で設置 Photo by oOsp00nOo

IE8で表示されているか確認

これで表示されていないと何の意味もないので確認！
無事に表示されていますね♪
iPhoneで撮ったので変な色ですがご了承下さい_(._.)_

これで主力のボタンの設置は無事にできました。
後で追加したくなったらPHPファイルとCSSをチョロッといじれば簡単に修正できます。

今までPHPファイルなどを作成したことはなかったのですが、正直やって良かったです！
何事も一度やるまでは躊躇しちゃいますが、やってみると意外と出来るものだし、出来たことで自信も付きます♪
同じようにソーシャルボタンが表示されてない人は一度試してみてはいかがえしょうか？:-)

Cyberduck 4.1.3（￥2,100）
カテゴリ: 仕事効率化, ユーティリティ
販売元: David Kocher – David Kocher（サイズ: 54.5 MB）

最後まで読んでいただきありがとうございます。“いいね！”していただけると励みになります_(._.)_