wordpressの新着記事の投稿に、「NEW!」アイコンを付ける方法。

new

wordpressの記事等を読んでいて、よく付いている、「NEW!」アイコンを実装する方法を紹介します。
下記タグのみで簡単に実装できますので、是非試してみてください。

これだけで実装可能です。


<?php

$days = 7; //Newを表示させたい期間の日数
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 86400 ;
if( $days > $kiji ){
echo '<div class="new_icon">NEW!</div>'; //出力するタグと文言を記述

?>

<?php

$days = 7; //Newを表示させたい期間の日数

$today = date_i18n('U');

$entry = get_the_time('U');

$kiji = date('U',($today - $entry)) / 86400 ;

if( $days > $kiji ){

echo '<div class="new_icon">NEW!</div>'; //出力するタグと文言を記述

下記部分で、「NEW!」を表示させたい期間の日数を指定します。


$days = 7; //Newを表示させたい期間の日数

$days = 7; //Newを表示させたい期間の日数

そして、下記にタグと文言を設定すれば完了です。


echo '<div class="new_icon">NEW!</div>'; //出力するタグと文言を記述

echo '<div class="new_icon">NEW!</div>'; //出力するタグと文言を記述

以上です。
とても簡単ですね！

16.11.14　|　WEBデザイン制作・IT関連 KEiSoN★

「Garage Society」プーケットのコワーキングスペース①

目指せ達筆！ハンドレタリングで名刺などを簡単にデザインする方法。

この記事を書いた人

KEiSoN★ > facebook

スカイゴールド株式会社　代表取締役 / クリエイティブディレクター/webデザイナー

2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、タイ・バンコクを年間4,5回ほど往復しながら活動中。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
最近は、Shopify構築にも携わっている。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。