↑これは以前の仕事でつくった日数カウンターをWordPress用に少し整理したものです。WordPressプラグイン形式で作成したので、/wp-content/plugins フォルダに入れてご使用ください。中途半端な完成度なので適宜改造されるといいでしょう。

東日本大震災から復興10年で予算がつかなくなって閉鎖されたサイトですが、東日本大震災からの日数をカウントしていました。

投稿や固定ページにショートコード [date_range_count] を貼ると、以下のようなHTMLが出力されますので、Custom CSSで装飾する際に参考にしてください。

<div id="drc-count">
	<span class="drc-custom-text">自由記述</span>
	<span class="drc-days">XXXXX</span><span class="drc-label">日</span>
	<span class="drc-hours">XX</span><span class="drc-label">時間</span>
	<span class="drc-minutes">XX</span><span class="drc-label">分</span>
	<span class="drc-seconds">XX</span><span class="drc-label">秒</span>
	<span class="drc-direction">経過or文字無し</span>
</div>

このページの頭で表示しているのは↓こんな感じに設定したものです。

Target Date は指定日。今日から指定日までの日数を計算しています。過去の日付にすると今日まで何日経過しているかを表示します。未来の日付にするとカウントダウンになります。

Use Comma Separator は３桁でカンマを入れるかどうかです。

Custom Text は文頭に置くテキストです。