テーマカスタマイズ

WPTouch3.1をカスタマイズする(いいね!とNew!)

2014年2月3日

0
(0)

前回に引き続き今回は

ポイント

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

PL_PID_F532F07F-D9D7-44BF-93ED-2FC1E309381B

 

まずフェイスブックのいいねボタンですが、これは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.

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

<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ディベロッパーサイトを参照してもらいたいのですが、使いそうな属性を挙げておきます。

data-layout "standard", "button_count", "box_count"の3種類のアイコンから選択します
data-share 指定しないとfalseになっていますがtrueにすると「シェア」ボタンも表示されます

続いてNewボタンですが、


<?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行目がオリジナルのコードです。タイトルを挟んで挿入しています。

この記事は役に立ちましたか? | Is this article useful for you?

評価をお願いします | Please leave your rating.

平均 | Av.: 0 / 5. 投票数 | Votes: 0

最初の評価を下さい | Please vote for the first rating.

-テーマカスタマイズ
-, , ,

Copyright© 蒲田ネット , 2000-2020 All Rights Reserved.