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回ほど往復しながら活動中。
Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
最近は、Shopify制作の勉強も行なっている。