「WordPressのWPTouchでトップページにソーシャルボタンを表示するようにしました」iPhoneの話題 vol.438

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
  • 0
広告1 レスポンシブ
WPTouch

 お正月休み中にこのブログのシステムをWordPressに移行しました。

 WordPressに移行した理由の大きな割合を占めるのが、スマートフォンに対応したページが簡単に作れるWPTouchというプラグインが使えるというものです。

 WPTouchをそのままインストールしただけでも充分なのですが、欲を言うとソーシャルボタンを付けたかったのです。
 「WP Social Bookmarking Light」というプラグインを使うとソーシャルボタンが付きますが、これってトップページを表示した時に記事一覧のところにはソーシャルボタンが付かないのです。

 そこでWP Social Bookmarking Light」がインストールされているというのが前提ですが、トップページを表示した時にも表示されるように改造しました。

/wp-content/plugins/wptouch/theme/default/index.php の

		<div class="post-author">
		<?php if ($wptouch_settings['post-cal-thumb'] != 'calendar-icons') { ?><span class="lead"><?php _e("Written on", "wptouch"); ?></span> <?php echo get_the_time('d.m.Y') ?> <?php _e("at", "wptouch"); ?> <?php echo get_the_time('G:i') ?><br /><?php if (!bnc_show_author()) { echo '<br />';} ?><?php } ?>
			<?php if (bnc_show_author()) { ?><span class="lead"><?php _e("By", "wptouch"); ?></span> <?php the_author(); ?><br /><?php } ?>
			<?php if (bnc_show_categories()) { echo('<span class="lead">' . __( 'Categories', 'wptouch' ) . ':</span> '); the_category(', '); echo('<br />'); } ?> 
			<?php if (bnc_show_tags() && get_the_tags()) { the_tags('<span class="lead">' . __( 'Tags', 'wptouch' ) . ':</span> ', ', ', ''); } ?>
		</div>	
		
<!-- この下に以下を追加 -->

<div class='wp_social_bookmarking_light'>
<div class="wsbl_facebook_like">
<fb:like href="<?php the_permalink(); ?>" send="false" layout="button_count" width="100" show_faces="false" action="like" colorscheme="light" font=""></fb:like>
</div>
<div class="wsbl_twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-count="horizontal" data-text="<?php the_title(); ?>" data-via="kitamitv" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="wsbl_hatena_button">
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" 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>
</div>
</div>

以上で、以下のようにソーシャルボタンを表示することができます。

ソーシャルボタン

ニュース

  iPhone Tips|iPhoneで撮影した写真を複数枚まとめて添付する方法iPhone女史

iPhone Tips|iPhoneで撮影した写真を複数枚まとめて添付する方法iPhone女史

View original iphone-girl.jp iPhone Tips|iPhoneで撮影し…

くまモン「メタボだモン!」for iPhone5: くまモンの内臓脂肪たっぷりなお腹がかわいいケース。 - たのしいiPhone! AppBank

くまモン「メタボだモン!」for iPhone5: くまモンの内臓脂肪たっぷりなお腹がかわいいケース。 – たのしいiPhone! AppBank

View original appbank.net くまモン精一杯の自虐ネタ「くまモン、メタボだモン!」がケースになりました。 ゆるキャラ界人気No.1のくまモンのiPhone5ケースです。 真横から、しかも体の前面のみを描くことにより、く…

はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

View original webdesignrecipes.com WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013…

アプリ

新年最初の当たりゲー『Catch the Ark』をプレイして気分が良くなる:iPhoneゲーマーな日々40

新年最初の当たりゲー『Catch the Ark』をプレイして気分が良くなる:iPhoneゲーマーな日々40

View original gamecast-blog.com プレイ記 2013年01月04日 ゲームキャストをやっていて1番辛い作業は何か、と言われると間違い無く新作のチェック。地雷っぽいものもプレイして「地雷です」と伝える方針なので、…

iPhoneで一日の感情まとめをゆるふわで記録するライフログアプリ「Mr Mood」が実にゆるふわな僕にフィットする*frasm

iPhoneで一日の感情まとめをゆるふわで記録するライフログアプリ「Mr Mood」が実にゆるふわな僕にフィットする*frasm

View original blog.quusookagaku.com これはゆるふわ! コレならふんわり続けられる感じです。@shintarowfreshです。 ブログを真面目に書き始めて、(実際)始めての年まとめを経て、日々のライフログ…

その他

自称宇宙人の友人が最近ヤバい:キニ速

自称宇宙人の友人が最近ヤバい:キニ速

View original blog.livedoor.jp 自称宇宙人の友人が最近ヤバい :2013/01/02(水) 21:13:13.20 ID: :2013/01/02(水) 21:15:47.19 ID:cowxQ8cv0 友人を…

オチが面白い小説教えておくれ : あじゃじゃしたー

オチが面白い小説教えておくれ : あじゃじゃしたー

View original blog.livedoor.jp 1 名前:[] 投稿日:2010/11/26(金) 17:35:47.80 ID:DIKPe//T0コメント:長編は読みきる前に飽きちゃうのでショートショートくらいがいいです。 …

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存