WordPress上で特定の日付までの残り日数を表示できるショートコード【コピペOK】

WordPress上で特定の日付までのカウントダウンを表示したい時に使えるショートコードを紹介します。

本日から特定の日付までの残り日数を取得して表示します。

複数の日付に対して使うことができるので、新商品発売までの日数・東京オリンピック開催までの日数・友達の誕生日までの日数など、簡単に表示することが可能です。

プログラミングに詳しくない人でもコピペするだけで使うことができます。

特定の日付までの残り日数を表示できるショートコード
使い方

特定の日付までの残り日数を表示できるショートコード

以下のコードをfunction.php内にコピペします。

※function.phpに記述ミスがあるとサイトがうまく表示されなくなることがあるので、編集する際はバックアップを取ったり、追加したコードを削除できるようにしておいてください。

//特定の日付までの日数を表示させるショートコード
function countdown_date($days){
  extract(shortcode_atts(array('day' => NULL), $days));
  date_default_timezone_set('Asia/Tokyo');
  $day1 = new DateTime($day);
  $day2 = new DateTime();
  $day1->modify('midnight');	// 時刻 00:00 をセット
  $day2->modify('midnight');	// 時刻 00:00 をセット

  $interval = $day1->diff($day2);
  $interval_day  = (int)$interval->format('%a');

  if(is_null($day) === TRUE){//日付未定の場合
    return '日付け未定';
  }elseif($day1 == $day2){//当日の場合
    return '本日!';
  }elseif($day1 < $day2){//当日以降の場合
    return '過ぎました';
  }else{//残り日数がある場合
    return 'あと<span style='.'"font-weight: bold;">'.$interval_day.'日</span>です';
  }
}
add_shortcode('count','countdown_date');

//特定の日付までの日数を表示させるショートコード

function countdown_date($days){

extract(shortcode_atts(array('day' => NULL), $days));

date_default_timezone_set('Asia/Tokyo');

$day1 = new DateTime($day);

$day2 = new DateTime();

$day1->modify('midnight'); // 時刻 00:00 をセット

$day2->modify('midnight'); // 時刻 00:00 をセット

$interval = $day1->diff($day2);

$interval_day = (int)$interval->format('%a');

if(is_null($day) === TRUE){//日付未定の場合

return '日付け未定';

}elseif($day1 == $day2){//当日の場合

return '本日!';

}elseif($day1 < $day2){//当日以降の場合

return '過ぎました';

}else{//残り日数がある場合

return 'あと<span style='.'"font-weight: bold;">'.$interval_day.'日</span>です';

}

add_shortcode('count','countdown_date');

コードについては以上です。

WordPressのテキスト入力画面にて、

[count day=”2020-07-24″]

のように入力するだけで、現在から入力した日付までの残り日数を表示します。(上記の場合は2020年7月24日までの残り日数を表示します)

もう過ぎました!

↑同じコードを使用して表示しています。

日付を入力せずに[count]とだけ入力すると「日付け未定」と表示されるほか、指定した日付け当日や指定日を過ぎた場合にもそれぞれ「本日!」・「過ぎました」と表示されます。

日付以外の文字や数字を入力するとエラーが発生するので気を付けてください。

使い方

複数の商品発売日までの残り日数を表示したい場合などに使うことができます。

苺ケーキは好評発売中です!([count day=”2019-10-30″]と設定した場合)
自家製プリンは好評発売中です!([count day=”2020-02-20″]と設定した場合)
新食感ヨーグルトは好評発売中です!([count day=”2021-03-13″]と設定した場合)
タルトは発売日未定です([count]とだけ入力した場合)

のように、同一ページ内で何回も使うことができるので是非使ってみてください。

表示する文字は上の例のように変更できるので、表示したい文字に合わせて変更してみて下さい。(表示する文字はコードのように’ ‘か” “で囲ってください。)

日付が変わるごとにいちいち日付の変更作業をしないで済むようになるので、楽になると思います。