WordPressで今日の日付を表示する方法を学ぶことは、ウェブサイトをよりプロフェッショナルで最新の状態に見せるためのちょっとした工夫です。
主要なニュースサイトを見てください。コンテンツの鮮度と関連性を確立するのに役立つため、すべて現在の С を目立つように表示しています。
良いニュースは、サイトに今日の日付を追加するために高度なコーディングスキルや高価なプラグインは必要ないということです。実際、初心者と経験豊富なユーザーの両方に完璧に機能する2つの信頼できる方法があります。
このガイドでは、WordPressサイトに今日の日付を追加するための、これらの2つの簡単な方法を共有します。これらの方法はテスト済みで信頼性が高く、わずか数分で実装できます。
💡クイックアンサー：WordPressで今日の日付を表示する方法
WordPressサイトに現在の日付を表示するには、簡単な2つの方法があります。
- テーマファイルにコードを追加する：テーマのテンプレートファイル（
header.phpなど）に直接簡単なPHPスニペットを追加できます。この方法は簡単ですが、テーマの更新中に変更が失われるのを避けるために子テーマを使用する必要があります。 - WPCode を使用したショートコードの利用（推奨）： 最も安全で柔軟な方法は、WPCode プラグインを使用して簡単なショートコードを作成することです。これにより、テーマファイルを直接編集することなく、投稿、ページ、またはサイドバーウィジェットのどこにでも現在の日付を配置できます。
WordPress で今日の日付を表示する理由
WordPressで今日の日付を表示することは、訪問者にあなたのウェブサイトがアクティブで、更新されており、関連性があることを見せるのに役立ちます。また、視聴者に役立つリアルタイム情報を提供することもできます。
WordPressサイトに現在の日付または時刻を表示する一般的な理由はいくつかあります。
- コンテンツの鮮度を示す：現在の日付を表示することで、訪問者はあなたのウェブサイトが定期的に更新されていることを安心させることができます。
- 信頼性と信憑性を構築する：多くのニュースウェブサイト、雑誌、プロフェッショナルブログは、コンテンツがよりタイムリーで信頼できると感じられるように日付を表示しています。
- ユーザーエクスペリエンスを向上させる：現在の日時を表示することで、訪問者はイベントスケジュール、プロモーション、営業時間、またはライブサポートの利用可能性を知ることができます。
- キャンペーンの緊急性を高める：一部のストアオーナーは、カウントダウンタイマーや期間限定オファーとともに現在の日付を表示し、FOMOマーケティングキャンペーンを強化しています。
- ローカルタイム情報を表示する：サポートチーム、ウェビナー、またはサービスが特定のタイムゾーンで運営されている場合に役立ちます。
それを念頭に置いて、WordPressで今日の日付、曜日、または現在の時刻を簡単に表示する方法を見てみましょう。初心者向けの2つの方法をカバーし、以下のクイックリンクを使用して
プロのヒント：まずWordPressのタイムゾーンを確認してください
開始する前に、WordPressはコンピューターの時計ではなく、タイムゾーン設定に基づいて日付を表示することを知っておくことが重要です。
設定 » 一般に移動して、サイトのタイムゾーンが正しく設定されていることを再確認してください。これにより、訪問者に常に正しい日付が表示されるようになります。
方法1：ショートコードを使用して今日の日付をどこにでも表示する（推奨）
この方法では、WordPressウェブサイトのどこにでも日付と時刻を表示するためのショートコードを作成します。
ショートコードの素晴らしい点は、その柔軟性にあります。投稿、固定ページ、サイドバーウィジェット、さらにはサイトのフッター内にも配置できます。
コードをテーマのfunctions.php ファイルに直接追加することも可能ですが、強くお勧めしません。このファイルに小さな間違いがあると、ウェブサイト全体が壊れて管理画面にアクセスできなくなる可能性があります。
だからこそ、カスタムコードスニペットプラグイン、例えばWPCodeを使用することをお勧めします。サイトのエラーを危険にさらすことなく、カスタムコードをウェブサイトに追加する最も安全で簡単な方法です。
WPCodeプラグインは、WordPress.orgで2,000件以上のレビューから5つ星中4.9の評価を受けており、300万以上のWordPressウェブサイトで信頼されています。
徹底的なテストの後、WPCodeは直感的なインターフェースと、あなたをガイドする組み込みのエラー防止機能のおかげで、信じられないほど初心者向けであることがわかりました。詳細については、WPCodeレビューをご覧ください。
ステップ1：WPCodeプラグインをインストールする
まず、無料の WPCode プラグインをインストールする必要があります。詳細な手順については、WordPress プラグインのインストール方法に関するステップバイステップガイドに従ってください。
ステップ2：新しいカスタムスニペットを追加する
有効化したら、WordPressダッシュボードのコードスニペット » + スニペットを追加に移動してください。これにより、ウェブサイトに新しいコードスニペットを追加できます。
そこに着いたら、「カスタムコードを追加（新規スニペット）」オプションにマウスカーソルを合わせ、「+カスタムスニペットを追加」ボタンをクリックする必要があります。
次に、画面に表示されるオプションのリストから、コードタイプとして「PHPスニペット」を選択する必要があります。
次に、「今日の日付を追加」のようなスニペットにタイトルを追加します。
ステップ3：PHPコードを追加する
次に、次のコードスニペットをコードプレビューフィールドにコピーして貼り付ける必要があります。
function wpb_date_today( $atts, $content = null ) {
$atts = shortcode_atts( array(
'format' => '',
), $atts );
$date_time = '';
if ( $atts['format'] == '' ) {
$date_time .= wp_date( get_option( 'date_format' ) );
} else {
$date_time .= wp_date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );
ステップ 4: スニペットをアクティブ化して保存する
最後に、アクティブのトグルを「オン」の位置に切り替える必要があります。
これで、「スニペットを保存」ボタンをクリックして、コードスニペットをウェブサイトに保存できます。
ステップ5：サイトでショートコードを使用する
このコードは、現在の日付を表示するショートコードを作成します。サイトのどこにでもこのショートコードを追加して使用できます：
[date-today]
デフォルトでは、ショートコードは WordPress 設定のデフォルトの日付フォーマットで日付を表示します。
ショートコードを変更することで、独自の日付フォーマットを使用することもできます。
[date-today format='F j, Y']
これで、サイト上の日付は次のようになります。
これで完了です！現在の日付を正常に表示できました。
PHPフォーマット文字で日付と時刻の表示をカスタマイズする
日付と時刻の表示方法を完全に制御できるように、ショートコードの`format`属性またはPHPコードで直接使用できる一般的なPHPフォーマット文字をいくつか紹介します。
| 文字 | 説明 | 出力例 |
|---|---|---|
d | 月の日、ゼロ埋めされた2桁 | 01 から 31 |
D | 曜日のテキスト表現（3文字） | Mon から Sun |
j | ゼロ埋めされていない月の日 | 1 から 31 |
l （小文字の「L」） | 曜日の完全なテキスト表現 | Sunday から Saturday |
m | ゼロ埋めされた月の数値表現 | 01 から 12 |
M | 月の短いテキスト表現（3文字） | 1月から12月 |
F | 月の完全なテキスト表記 | 1月から12月 |
Y | 年の完全な数値表記、4桁 | 1999または2003 |
y | 年の2桁表記 | 99または03 |
H | 先頭にゼロが付いた24時間形式の時間 | 00から23 |
h | 先頭にゼロが付いた12時間形式の時間 | 01 から 12 |
i | 先頭にゼロが付いた分 | 00から59 |
s | 先頭にゼロが付いた秒 | 00から59 |
a | 小文字の午前と午後 | 午前または午後 |
A | 大文字の午前と午後 | 午前または午後 |
U | Unixエポックからの秒数（1970年1月1日 00:00:00 GMT） | 1123456789 |
例えば、「Monday, January 1, 2024 at 03:30 PM」のような完全な日付と時刻を表示するには、[date-today format='l, F j, Y at h:i A']を使用します。
方法2：テンプレートファイルにコードを追加して今日の日付を表示する
WordPressには、現在の日付または時刻を表示するためのデフォルトのウィジェットまたはブロックが付属していません。
ただし、非常に簡単なコードを使用して、現在の日付または時刻を表示することもできます。
この簡単なコードを WordPress テーマのテンプレートファイルに追加できます。これらのファイル（header.php や footer.php など）は、サイトのレイアウトを制御します。
重要：テーマファイルに直接コードを追加する前に、子テーマを使用することを強くお勧めします。そうしないと、次回テーマを更新したときにカスタムコードが消去されます。
お持ちでない場合は、まずWordPressの子テーマの作成方法に関するガイドに従ってください。
子テーマが設定されたら、現在の СДАТА を表示したいテンプレートファイルに次のコードを追加できます。
例えば、ウェブサイトの上部近くに日付を表示するために、子テーマのheader.phpファイルの閉じタグ</header>の直前に貼り付けることができます。
代わりに日付をフッターエリアに表示したい場合は、footer.phpファイルの開きタグ<footer>の直後に貼り付けることもできます。
コードを追加した後、ファイルを保存し、ウェブサイトにアクセスして、現在の日付が正しく表示されていることを確認してください。
<?php echo wp_date(get_option('date_format')); ?>
このコードは、WordPress の設定で指定された日付形式を使用して現在の日付を出力します。設定 » 一般 ページにアクセスして日付形式を変更できます。
また、独自のフォーマットタグを使用して、日付を他の任意の形式で出力することもできます。たとえば、次のコードを使用して、月、日、年の形式で日付を出力できます。
<?php echo wp_date('F j, Y'); ?>
デモウェブサイトでの日付の表示は以下のようになります。
テーマファイルを編集するのは直接的ですが、投稿やウィジェットに日付を配置するためのより柔軟なアプローチは、ショートコードを使用することです。
これで完了です！WordPressで今日の日付を表示する簡単な方法が2つできました。
テーマファイルに直接コードを追加する場合でも、柔軟なショートコードメソッドを使用する場合でも、サイトを訪問者にとって新鮮で関連性の高い状態に保つプロフェッショナルなタッチを追加できます。
WordPressで今日の日付を表示することに関するよくある質問
WordPressで今日の日付を表示することについて、読者からよく寄せられる質問を以下に示します。
WordPressで現在の日付を表示するにはどうすればよいですか？
WordPressのどこにでも現在の日付を表示するには、最も簡単で柔軟な方法はショートコードを使用することです。WPCodeのようなプラグインを介して簡単なPHPスニペットを実装することで、投稿、ページ、またはウィジェットに[date-today]ショートコードを配置できます。
サイトのタイムゾーン設定に基づいて、今日の日付が動的に表示されます。
WordPressで日付を表示するのに最適なプラグインは何ですか？
専用の日付表示プラグインも利用可能ですが、単に現在の日付を表示するだけであれば、WPCodeのようなコードスニペットプラグインを使用するのが、最も効率的で推奨される方法であることが多いです。
これにより、日付表示専用のフル機能プラグインを必要とせずに、日付のショートコードにカスタムPHPを追加できるため、サイトを軽量に保つことができます。
高度なカレンダー機能が必要な場合は、Sugar Calendarのような専用カレンダープラグインの方が適しているかもしれません。
ウェブサイトの日付が正しく表示されないのはなぜですか？
日付が正しくない最も一般的な理由は、タイムゾーンの設定です。WordPressは、ローカル時間ではなく、ダッシュボードで設定されたタイムゾーンを使用します。
これを修正するには、WordPress管理画面の設定 » 一般に移動し、正しい都市またはUTCオフセットが選択されていることを確認してください。
WordPressの投稿に日付を表示するにはどうすればよいですか？
WordPressはデフォルトで、投稿に公開日または最終更新日を自動的に表示します。設定 » 一般に移動し、新しい「日付フォーマット」を選択することで、日付の外観を変更できます。今日のライブ日付を表示したい場合は、このガイドのいずれかの方法を使用できます。
動的な日付を表示すると、ウェブサイトのパフォーマンスに影響しますか？
いいえ、影響しません。日付を取得するために使用されるPHP関数は非常に軽量であり、サイトの速度にほとんど影響しません。これは非常に一般的で効率的な関数であり、ウェブサイトを遅くすることはありません。
WordPressで日付を表示するためのエキスパートガイド
この記事が、WordPressで今日の表示を簡単に表示する方法を学ぶのに役立ったことを願っています。WordPressで日付を表示することに関連する他のガイドも参照してください。
- WordPressで日付と時刻のフォーマットを変更する方法
- WordPress テーマでブログ投稿のメタデータを表示する方法
- WordPressで相対日付を表示する方法
- WordPressで投稿の最終更新日を表示する方法
- WordPressフッターに動的な著作権日付を追加する方法
- WordPress のコメントから日付と時刻を削除する方法
- WordPressのURLから日付を削除する方法
- WordPress に Google カレンダーを追加する方法（ステップバイステップ）
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
da_hammer nath
シンプルで役立つ、ありがとうございます。本当に感謝しています！
WPBeginnerサポート
どういたしまして！
管理者
デニス・ムトミ
こんにちは、時間表示について質問があります。私のウェブサイトにはさまざまなタイムゾーンからの訪問者がいる場合、表示される日付と時刻は訪問者のローカル時間に調整されますか、それとも常にウェブサイトの設定に基づいた時間が表示されますか？
WPBeginner コメント
このガイドの方法では、ウェブサイトのタイムゾーンの日付と時刻が表示されます。
イジー・ヴァネック
これはPHP関数であり、残念ながらサーバー時刻を使用するように設定されています。PHPは、共有ホスティングが実行されているサーバーの時刻を確認して、その時刻を表示します。したがって、この方法はあなたが望む目的には適していません。あなたが必要とするものは、まずIPアドレスに基づいてユーザーの場所を特定し、次にユーザーのローカル時刻を表示するプラグインで処理する必要があります。これは、単一のスクリプトでは解決できない、はるかに複雑な問題です。ユーザーがどの国から来ているかを判断するためにGEO IPデータベースにアクセスできるプラグインも必要です。
Mrteesurez
共有ありがとうございます。
時刻が表示されず、日付のみが表示されています。管理者を含むすべての訪問者が見られるように、日付と時刻の両方を一番上に並べて表示したいです。
WPBeginnerサポート
そのためには、ショートコードのフォーマットを次のように変更する必要があります: format=’F j, Y h:i’
管理者
WPBeginner コメント
最も簡単なオプションは、このプラグインを使用することでしょう：https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
管理バーだけでなく、サイトに時間を追加する方法については、第2セクションをご確認ください。
これはブログのタイムゾーンを使用した時刻であり、サイト訪問者のタイムゾーンではないことに注意してください。
ducmu
時刻を含めて表示するにはどうすればよいですか？
あなたのコードは日付のみです
ベルト・ヘネフォフ
PHP 7.4 から PHP 8.2 へのアップグレード後、コードが機能しなくなりました
WPCode は次の行でエラーを示しています:
if ($atts[‘format’] == ”) {
WPBeginnerサポート
こちらでスニペットをテストしたところ、現在 PHP 8.2 で動作しています。表示されるエラーメッセージは、行によって異なります。
管理者
Ihtisham Z
素晴らしい記事をありがとうございます。
ここで注意しておきたいのは、ユーザーがformat属性を提供しない場合、ショートコードは失敗し、致命的なエラー（属性を文字列として解析）が発生してページが壊れるということです。そのため、文字列を配列に変換する必要があります。
function wpb_date_today($atts, $content = null) { if ( ! is_array( $atts ) ) { $atts = []; }
// コードの残りは…
}
クリス・コロッティ
コードの更新、ありがとうございます！！！スニペットはしばらく動作していましたが、ご指摘の通り動作しなくなりました。
Generosus
便利なヒント:
方法2（上記参照）では、UTC形式で日付が出力されます。出力をローカル時間形式に変更するには、「date」を「wp_date」に置き換えてください（2箇所）。
上記の指示に注釈を付けると素晴らしいでしょう。
どういたしまして
WPBeginnerサポート
共有いただき、フィードバックもありがとうございます
管理者
キャシー
これを使いたかったのですが、functions ファイルに追加した後、次のエラーが表示されます:
Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php
日付は表示されましたが、警告も表示されました。
WPBeginnerサポート
お知らせいただきありがとうございます。確認いたします。それまでの間、指定されたフォーマットの2番目のショートコードを使用すれば、その警告は回避できます。
管理者
日曜日 サミュエル
ありがとうございます
プラグインをもう一つインストールする手間が省けました
感謝しています
WPBeginnerサポート
ガイドがお役に立てて嬉しいです！
管理者
ヒューゴ
こんにちは、コードをありがとうございます。
月をスペイン語または数字で表示することは可能ですか？
こんにちは、
WPBeginnerサポート
echo dateメソッドを使用している場合に日付を数値として追加するには、F j, Y を m/d/Y に変更します
管理者
Rebekah
移動する日付を表示することは可能ですか？例えば、今日の日付に7日を加えたものですか？サイトに常に今日から1週間後の日付が表示されるようにしたいです。
ヘンリー
このPHPコードをヘッダーファイルに追加するのはOKですが、ページ上の日付をどこに表示したいかをどのように制御できますか？
マーク
ショートコード
を使用してください
シヴァ
とても良い
anees
本当にありがとうございます!!
ジョン
またはJavaScriptで:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
アビオドゥン
こんにちは
このコードの色を変更するにはどうすればよいですか？
アーチの色で、白にしたいです
sameh
日付フォーマットの言語をアラビア語に変更するにはどうすればよいですか????よろしくお願いします。
morteza ahamadi
私は本当に初心者です。
これらのコードはどこに追加すればよいですか？
123プロジェクト
こんにちは
このコードのフォントと色を変更するにはどうすればよいですか？
WPBeginnerサポート
CSSを使用して色を変更できます。CSSを使用するには、次のように日付テンプレートタグを追加します:
<span class="date"><?php echo date('l jS F Y'); ?></span>WordPressで1クリックで使用
テーマのスタイルシートに、次のようにCSSを追加できます。
.date { color: blue; border: 1px solid #CCC; }WordPressで1クリックで使用
管理者
クレア
時間をかけて学べばWordPressで何でもできるということを発見し始めています。そして、そのほとんどはとてもシンプルです。2011年はプラグインを捨てて、サイトの負荷を軽減する年です！
編集スタッフ
良い判断です
管理者
プチ・ニュアージュ
ダッシュボードで定義されているローカルタイムゾーンを考慮に入れていないため、あなたの提案は正しくありません。
編集スタッフ
2つのソリューションについて言及しました。1つはサーバーの設定を使用する方法、もう1つはWordPressの設定を使用する方法です。もし3つ目のソリューションがあれば、私たちが間違っていると言うのではなく、それをご共有ください。なぜなら、上記のどちらのソリューションも機能するからです。
管理者
andreeib
以前はWordpressのショートコード機能を使ってこれを作成していました。
チェイス・アダムス
設定 > 一般 で表示タイプを変更できる組み込み関数を使用する方がはるかに簡単ではありませんか？
安いサイト
はい、本当に簡単でした！共有していただきありがとうございます =D