WordPress(ワードプレス)でホームページを作りたい、カスタムしたいという人のためのサイトです。

WordPressで新着アイコンを表示させる方法

TOP > カスタム方法 > WordPressで新着アイコンを表示させる方法

WordPressで記事を投稿するタイミングで自動的に新着アイコンが付けたいなーッと思っているそこのあなたにぴったりなカスタマイズ方法です。
方法としては簡単で、

  • functons.phpに記述を追記
  • アイコン画像をアップロード
  • 表示させたいテンプレートにタグを追加

の3つのプロセスを踏むだけです。
では簡単にではありますが説明します。

WordPressで新着アイコンを表示させる方法

順を追って説明します。

functons.phpに記述を追記

まずは機能を追加する為に以下の記述をfunctons.phpに追記します。
days = 14;の部分で表示させる日数を指定しましょう。

//新着アイコン表示
function new_icon_add($entry){
$days = 14; //アイコンを表示させる
$today = date_i18n('U');
$entry_date = strtotime($entry->post_modified);
$elapsed = ($today - $entry_date)/(24 * 60 * 60);
if($days > $elapsed){
echo '<img src="' .get_bloginfo('template_url'). '/img/icon_new.gif" alt="new" style="" />';
}
}

アイコン画像をアップロード

次に先ほど記述した内容にある画像をテーマディレクトリにアップロードします。
記述でいうと/img/icon_new.gifの部分ですね。
当然といえば当然ですが、ファイル名を変えたらここを変更してくださいね。

表示させたいテンプレートにタグを追加

最後に表示させたい部分を管理するテンプレートに以下を記述します。

<?php new_icon_add($post); ?>

これで自動的に一定期間アイコンを表示させることができます。
かなり簡単に実装できるのでオススメです。

新着アイコンを表示することでこんな事ができるかも

新着アイコンのメリットはなんといっても記事のクリック率をアップさせるアイキャッチ効果ですよね。
「お、この記事新しい!」とぱっと見で分かるので、より多くの記事を読んでもらえることになるかもしれないのは嬉しい効果ですね。
見る側からしてもパッと見で新着が分かるのは分かりやすくていいと思います。


« »

ABOUT THE AUTHOR

こしもあんず
こしもあんず

Wordpressをカスタマイズすることが好きなギーク女子です。
好きなエディタはSublimetext2です。
Google+やってるので、よろしくです。
デザインは好きですが、PHPはあまり得意ではないのでその辺ご容赦くださいね。


Twitterはこちら
https://twitter.com/wordpresscusto1

ad