WPTouch3.1をカスタマイズする（いいね！とNew！）

前回に引き続き今回は

の2番目と3番目のやり方を紹介します。下記イメージです。

まずフェイスブックのいいねボタンですが、これはFacebook for wordpressプラグインがすでに導入されていて使えるようになっていることが前提で話を進めます。

Facebook

Add Facebook social plugins and the ability to publish new posts to a Facebook Timeline or Facebook Page. Official Facebook plugin.

WordPress.org

以下のコードを表示させたいところに挿入すれば良いだけですが、他にもいろいろと属性があります。

<div class="fb-social-plugin fb-like" data-font="lucida grande" data-ref="above-post" data-href="<?php the_permalink(); ?>" data-layout="button_count" data-width="150" align="right"></div>

詳細はFacebookディベロッパーサイトを参照してもらいたいのですが、使いそうな属性を挙げておきます。

いいね！ボタン - ソーシャルプラグイン - ドキュメンテーション - Facebook for Developers

Facebook for Developers

<?php
$days=7;
$today=date('U'); $entry=get_the_time('U');
$diff=date('U',($today - $entry))/86400; //86400sec=24H=1day
if ($days &amp;gt; $diff) {
echo '<img src="https://blog.kamata-net.com/img/icon_new.gif" alt="New" />'; }>

を任意の箇所に挿入します。Newアイコンはご自身で用意してください。アイコンでなくて文字でも良いかと思います。
2行目の7日以内に投稿した記事に対してNewアイコンをつける指定になりますので好みに合わせてカスタマイズしてください。

さて、上記2つのコードを私は以下のコードに挿入しています。
$wordpress/wp-content/plugins/wptouch/themes/bauhaus/default/post-loop.php

<div class="fb-social-plugin fb-like" data-font="lucida grande" data-ref="above-post" data-href="<;?php the_permalink(); ?>" data-layout="button_count" data-width="150" align="right"></div>
<h2 class="post-title heading-font"><?php the_title(); ?></h2>
<?php
$days=7;
$today=date('U'); $entry=get_the_time('U');
$diff=date('U',($today - $entry))/86400;
if ($days > $diff) {
echo '<img src="https://blog.kamata-net.com/img/icon_new.gif" alt="New" />'; }?>;

2行目がオリジナルのコードです。タイトルを挟んで挿入しています。