WordPress・新着記事に「NEW」をつける方法

Question

ワードプレスにてテーマはLightningを使用してWEBサイトを作成しています。

WordPress Ver5.7.1
Lightning Ver 13.8.13

タイトルにありますように新着記事に「NEW」をつける方法をご教授ください

https://webdesignday.jp/inspiration/wordpress/3687/にて
手法を参考にさせていただき、

$days = 3;
$today = date_i18n('U');
$entry_day = get_the_time('U');
$keika = date('U',($today - $entry_day)) / 86400;
if ( $days > $keika ):
    echo 'new';
endif;     

以上のコードを挿入すればいい事まで分かりましたが、
Lightningではどのファイルのどこに挿入すれば良いか分かりません。

ちなみに投稿記事のタイトルの横に「NEW」というアイコンタイプのものを実装したいです。

上記コードの

echo 'new';

のところを変更しないといけないですね？
どのようにCSSも絡めて実装すれば良いでしょうか？
どうぞご教授ください。

Answer 1

Lightningではどのファイルのどこに挿入すれば良いか分かりません。

表示したい箇所に挿入すればよい、としかいいようがないです。

参考にしているページでの「Twenty Seventeen」テーマと同じなら、
template-parts/post/article.php あたりでしょうか。
（ざっと ソース を見ただけなので合っている保証はないです）

のところを変更しないといけないですね？
どのようにCSSも絡めて実装すれば良いでしょうか？

これも参考サイトが参考になるのでは？
（参考サイトでは画像ではないですが、divタグ ＋ CSS で修飾しています）

Comments

[natty1971]

ありがとうございました
助かりました