時刻表

リアルタイムに時刻を表示する。

WordPressで任意の場所に日付や現在時刻をショートコード で表示させたい! WordPressの記事内に自動的に今日の日付を取得して挿入したくなることはあ…
kaffee.mmcotone.com
sample

日本語表記で表示する(これはリアルタイムに表示されない)

これを現在の時刻に表示するためにはブラウザの再ロードが必要になる。
リアルタイムに時刻を表示するにはjabascriptが必要。

まずは日本語表記のコードから紹介します。

「functions.php」に記述するコード

基本的なphpはこちら。

/* 今日の日付を呼び出すショートコード */
function shortcode_today() {
    return date_i18n("Y年n月j日(D) G:i s");
}
add_shortcode('today_date', 'shortcode_today');

「return date_i18n(“Y年n月j日(D) G:i s”);」で現在時刻を取得。

「add_shortcode(‘today_date’, ‘shortcode_today’);」でショートコード [today_date]に設定しています。

functions.phpの場所

このスクリプトを「functions.php」に追記するわけですが、「functions.php」がどこにあるかわからなければ話になりません。

WordPressで編集

[外観]→[テーマの編集]→「functions.php」

または

FTPソフトで編集

[wp-content]→[themes]→[使用しているテーマのフォルダ]→「functions.php」

です。

実際に編集を始める前に、「functions.php」のコピーをとってくことを推奨いたします。

記事や固定ページに記述するコード

さらに、記事への挿入コードはこんな感じ。

<p>本日は[today_date]です。</p>

本日は[today_date]です。

上記コードの[]は半角[]に置き換えてください。

実際の表記はこんな感じ。

本日は2022年8月22日(月) 11:10 28です。

表記のカスタマイズ

目的に合わせた現在時刻の表記方法は様々ですよね。

表記方法によってphpのコードが変わりますのでご注意ください。

西暦の表記
phpコード
/* 今日の西暦を呼び出すショートコード */
function shortcode_today_year() {
    return date_i18n("Y");
}
add_shortcode('today_year', 'shortcode_today_year');
HTMLコード
<p>本日は[today_year]年です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

本日は2022年です。

月の表記
phpコード
/* 今日の月を呼び出すショートコード */
function shortcode_today_mon() {
    return date_i18n("n");
}
add_shortcode('today_mon', 'shortcode_today_mon');
HTMLコード
<p>本日は[today_mon]月です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

本日は8月です。

日の表記
phpコード
/* 今日の日を呼び出すショートコード */
function shortcode_today_day() {
    return date_i18n("j");
}
add_shortcode('today_day', 'shortcode_today_day');
HTMLコード
<p>本日は[today_day]日です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

本日は22日です。

曜日の表記
phpコード
/* 今日の曜日を呼び出すショートコード */
function shortcode_today_week() {
    return date_i18n("D");
}
add_shortcode('today_week', 'shortcode_today_week');
HTMLコード
<p>本日は[today_week]曜日です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

本日は月曜日です。

時の表記
phpコード
/* 今の時を呼び出すショートコード */
function shortcode_today_hour() {
    return date_i18n("G");
}
add_shortcode('today_hour', 'shortcode_today_hour');
HTMLコード
<p>今は[today_hour]時です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

今は11時です。

分の表記
phpコード
/* 今の分を呼び出すショートコード */
function shortcode_today_minu() {
    return date_i18n("i");
}
add_shortcode('today_minu', 'shortcode_today_minu');
HTMLコード
<p>今は[today_minu]分です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

今は10分です。

秒の表記
phpコード
/* 今の秒を呼び出すショートコード */
function shortcode_today_sec() {
    return date_i18n("s");
}
add_shortcode('today_sec', 'shortcode_today_sec');
HTMLコード
<p>今は[today_sec]秒です。</p>

※上記コードの[]は半角[]に置き換えてください。

実際の表示

今は28秒です。