wordpressを利用したブログをiPhoneなどのスマートフォンで表示したい。
そんな欲求を満たしてくれるwordpressのプラグインが「WPtouch」です。

しかし、デフォルトでは記事の下にはてなブックマークやtwitterのツイートボタンなどのソーシャルボタンを置くことはできません。

「WP Social Bookmarking Light」というプラグインを使えば一発で解決するのですが、今回はそのプラグインを使わず設置する方法を紹介したいと思います。

編集するファイル

「(wordpressを設置した場所)/wp-content/plugins/wptouch/themes/default/single.php」

ファイル内に以下のようなコードが書かれています

         <div id=”post-<?php the_ID(); ?>”>
             <div id=”singlentry” class=”<?php echo $wptouch_settings[‘style-text-justify’]; ?>”>
                <?php the_content(); ?>

この下にソーシャルボタンを設置するコードを埋め込みます。

<?php the_content(); ?>が記事の内容なので、その下に置くのがベストですね。
自分で設置することによって配置を自由に決めることができます。

最初の画像は自分のサイトで設置してみたものです。
ブログランキングも埋め込んだため、ちょっと雑多な感じですが、こんな感じになります。

スタイルシートを変更したい場合は、
「(wordpressを設置した場所)/wp-content/plugins/wptouch/themes/default/style.css」
を編集すれば、好きなレイアウトにできます。