新しい記事をブログに投稿すると、それが読者にとって注目すべきコンテンツであることを示す方法として”NEW”マークを表示することは非常に役立ちます。WordPressを使用している場合、”NEW”マークを新着記事に表示する方法を2つ紹介します。まずは、テーマファイルにカスタムコードを追加する方法から始めましょう。
テーマファイルにカスタムコードを追加する
新着記事一覧を表示するテンプレートファイルを編集します。通常、index.php、archive.php、またはcontent.phpなどが関連するファイルです。
<?php
// 新しい記事かどうかを判断する条件
if (strtotime(get_the_date()) > strtotime('-7 days')) {
echo '<span class="new-post">NEW</span>';
}
?>
<!-- 通常の記事コンテンツ -->
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
このコードでは、記事の公開日が直近7日以内の場合に”NEW”マークを表示します。new-postはスタイルを適用するためのクラス名です。
プラグインを使用する
WordPressプラグインを使用することで、”NEW”マークの表示作業を簡略化できます。コードを編集する必要がないため、初心者向けです。
- プラグインのインストール: WordPressのダッシュボードにログインし、プラグインセクションに移動します。プラグインを検索し、”WP Last Modified Info”や”WP Last Modified”などのプラグインをインストールして有効化します。
- プラグインの設定: プラグインが有効になったら、設定メニューにアクセスして、新しい記事に”NEW”マークを表示するための設定をカスタマイズします。プラグインの設定方法はプラグインによって異なる場合があるため、ドキュメンテーションを確認することをお勧めします。
よくある質問(FAQ)
Q. WordPressで一定期間内に公開された記事に「NEW」バッジを表示するにはどうすればよいですか?
A. get_the_time()とcurrent_time()を比較します:
$post_time = get_the_time("U"); $threshold = current_time("timestamp") - 7 * 24 * 60 * 60; if($post_time > $threshold){ echo "<span class='new-badge'>NEW</span>"; }で7日以内の記事にNEWバッジを表示します。Q. NEWマークの表示日数を管理画面から設定できるようにするにはどうすればよいですか?
A. カスタマイザーAPIまたはadmin_menuでオプションページを追加して、日数設定を保存します。add_option()/update_option()でwp_optionsテーブルに値を保存し、get_option()で取得します。プラグイン化することで管理がしやすくなります。
Q. NEWマークを更新日(公開日ではなく)を基準に表示するにはどうすればよいですか?
A. get_the_time()の代わりにget_the_modified_time(“U”)を使います。最近更新された記事にNEWまたは「更新済み」バッジを表示することでユーザーに新しいコンテンツを知らせることができます。
まとめ
どちらの方法を選択するかは、テーマの構造や要件に依存します。新着記事に”NEW”マークを表示して、読者の注目を引きつけましょう。