WordPressサイトに今日の日付を追加することは、ウェブサイトをよりプロフェッショナルで最新の状態に見せるための、ちょっとした工夫の一つです。
主要なニュースサイトを見てください。コンテンツの鮮度と関連性を確立するのに役立つため、すべて現在の С を目立つように表示しています。
多くのWordPressサイトにこの機能を追加した経験から、現在の Срок 表示には高度な技術スキルや高価なプラグインは必要ないと言えます。
実際、初心者と経験豊富なユーザーの両方に完全に機能する、信頼できる2つの方法があります。
このガイドでは、WordPressサイトに今日の日付を追加するための、これらの2つの簡単な方法を共有します。これらの方法はテスト済みで信頼性が高く、わずか数分で実装できます。
WordPress で今日の日付を表示する理由
多くのニュースウェブサイトでは、特に毎日主要な記事を公開する小規模なニュースサイトでは、サイトのヘッダーセクションに現在の日付を表示しています。
これは、ユーザーが公開物のオンライン版の最新版を閲覧していることを保証します。これは、1日に何度もフロントページを更新しているにもかかわらず、多くのニュースサイトが依然として使用している有用なスタイルの決定です。
同様に、オンラインジャーナルやブロガーもこのスタイルを採用しました。これにより、ユーザーはブログの最新のエントリを表示していることを確認できます。
現在の日時を表示したいだけの他の使用シナリオもあります。
例えば、あなたのライブチャットが特定の時間に稼働していて、顧客にあなたの地理的な場所の時刻を表示したい場合。あるいは、カウントダウンタイマーキャンペーンを実施していて、より強いFOMO効果を生み出すために現在の日付を表示したい場合。
それでは、WordPressウェブサイトに今日の日付、曜日、または現在の時間を簡単に表示する方法を見ていきましょう。2つの方法をカバーします。使用したい方法にジャンプするには、以下のクイックリンクを使用できます。
方法1：テンプレートファイルにコードを追加して今日の日付を表示する
WordPressには、現在の日付または時刻を表示するためのデフォルトのウィジェットまたはブロックが付属していません。
ただし、非常に簡単なコードを使用して、現在の日付または時刻を表示することもできます。
時間を表示したい場所に、この簡単なコードをWordPressテーマのテンプレートファイルに追加できます。
<?php echo date(get_option('date_format')); ?>
このコードは、WordPress の設定で指定された日付フォーマットを使用して現在の日付を単純に出力します。設定 » 一般 ページにアクセスして、日付フォーマットを変更できます。
また、独自のフォーマットタグを使用して、日付を他の任意の形式で出力することもできます。たとえば、次のコードを使用して、月、日、年の形式で日付を出力できます。
<?php echo date('F j, Y'); ?>
デモウェブサイトではこのようになりました。
この方法では、コードをWordPressテーマファイルに直接追加できますが、柔軟性はあまりありません。WordPressの投稿、ページ、またはサイドバーウィジェット内に現在の Срок と時刻を表示したい場合はどうなりますか？
この次の方法では、サイトのどこにでも日付と時刻を追加できます。
方法 2: ショートコードを使用して今日の日付をどこにでも表示する (推奨)
この方法では、ショートコードを作成し、それを使用して WordPress ウェブサイトのどこにでも日付と時刻を表示します。
上級ユーザーは、テーマのfunctions.phpファイルに直接コードを追加できます。しかし、カスタムコードスニペットプラグイン（例：WPCode）を使用することをお勧めします。これにより、ウェブサイトへのカスタムコードの追加が非常に安全かつ簡単になります。
徹底的なテストの結果、非常に初心者向けで信頼できることがわかりました。詳細については、WPCodeレビューをご覧ください。
まず、無料のWPCodeプラグインをインストールする必要があります。詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドに従ってください。
有効化したら、WordPressダッシュボードのコードスニペット » + スニペットを追加に移動してください。これにより、ウェブサイトに新しいコードスニペットを追加できます。
そこに着いたら、「カスタムコードを追加（新規スニペット）」オプションにマウスカーソルを合わせ、「+カスタムスニペットを追加」ボタンをクリックする必要があります。
次に、画面に表示されるオプションのリストから、コードタイプとして「PHPスニペット」を選択する必要があります。
次に、「今日の日付を追加」のようなスニペットにタイトルを追加します。
次に、次のコードスニペットをコードプレビューフィールドにコピーして貼り付ける必要があります。
function wpb_date_today( $atts, $content = null ) {
$atts = shortcode_atts( array(
'format' => '',
), $atts );
$date_time = '';
if ( $atts['format'] == '' ) {
$date_time .= date( get_option( 'date_format' ) );
} else {
$date_time .= date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );
最後に、アクティブのトグルを「オン」の位置に切り替える必要があります。
これで、「スニペットを保存」ボタンをクリックして、コードスニペットをウェブサイトに保存できます。
このコードは、現在の年月日を表示するショートコードを単純に作成します。サイトのどこにでもこのショートコードを追加して使用できます。
[date-today]
デフォルトでは、ショートコードは WordPress 設定のデフォルトの日付フォーマットで日付を表示します。
ショートコードを変更することで、独自の日付フォーマットを使用することもできます。
[date-today format='F j, Y']
そうすれば、ウェブサイトではこのようになります。
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箇所）。
上記の指示に注釈を付けると素晴らしいでしょう。
You’re welcome
WPBeginnerサポート
Thank you for sharing that and for your feedback
管理者
キャシー
これを使いたかったのですが、functions ファイルに追加した後、次のエラーが表示されます:
Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php
日付は表示されましたが、警告も表示されました。
WPBeginnerサポート
お知らせいただきありがとうございます。確認いたします。それまでの間、指定されたフォーマットの2番目のショートコードを使用すれば、その警告は回避できます。
管理者
日曜日 サミュエル
ありがとうございます
プラグインをもう一つインストールする手間が省けました
感謝しています
WPBeginnerサポート
ガイドがお役に立てて嬉しいです！
管理者
hugo
こんにちは、コードをありがとうございます。
月をスペイン語または数字で表示することは可能ですか？
こんにちは、
WPBeginnerサポート
echo dateメソッドを使用している場合に日付を数値として追加するには、F j, Y を m/d/Y に変更します
管理者
Rebekah
移動する日付を表示することは可能ですか？例えば、今日の日付に7日を加えたものですか？サイトに常に今日から1週間後の日付が表示されるようにしたいです。
ヘンリー
このPHPコードをヘッダーファイルに追加するのはOKですが、ページ上の日付をどこに表示したいかをどのように制御できますか？
Mark
Use the shortcode
シヴァ
とても良い
anees
本当にありがとうございます!!
Jon
またはJavaScriptで:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
こんにちは
このコードの色を変更するにはどうすればよいですか？
アーチの色で、白にしたいです
sameh
日付フォーマットの言語をアラビア語に変更するにはどうすればよいですか????よろしくお願いします。
morteza ahamadi
私は本当に初心者です。
これらのコードはどこに追加すればよいですか？
123プロジェクト
こんにちは
このコードのフォントと色を変更するにはどうすればよいですか？
WPBeginnerサポート
CSSを使用して色を変更できます。CSSを使用するには、次のように日付テンプレートタグを追加します:
<span class="date"><?php echo date('l jS F Y'); ?></span>1-click Use in WordPress
テーマのスタイルシートに、次のようにCSSを追加できます。
.date { color: blue; border: 1px solid #CCC; }1-click Use in WordPress
管理者
クレア
時間をかけて学べばWordPressで何でもできるということを発見し始めています。そして、そのほとんどはとてもシンプルです。2011年はプラグインを捨てて、サイトの負荷を軽減する年です！
編集スタッフ
Good call
管理者
プチ・ニュアージュ
ダッシュボードで定義されているローカルタイムゾーンを考慮に入れていないため、あなたの提案は正しくありません。
編集スタッフ
2つのソリューションについて言及しました。1つはサーバーの設定を使用する方法、もう1つはWordPressの設定を使用する方法です。もし3つ目のソリューションがあれば、私たちが間違っていると言うのではなく、それをご共有ください。なぜなら、上記のどちらのソリューションも機能するからです。
管理者
andreeib
以前はWordpressのショートコード機能を使ってこれを作成していました。
チェイス・アダムス
設定 > 一般 で表示タイプを変更できる組み込み関数を使用する方がはるかに簡単ではありませんか？
安いサイト
はい、本当に簡単でした！共有していただきありがとうございます =D