現在デフォルトスキンとして「Season (Summer)」を適用中。

~まで○○日!といったような、日にちcountdownショートコードの使い方

ショートコード
この記事は約3分で読めます。

「iPhone 100 の発売まで、あと36308日!!」といったような日付カウントダウンショートコードの利用方法です。

何かの発売日や、開演・公開を待ちわびている感じに残りの日にちを表示できます。

スポンサーリンク

countdownショートコード

ショートコードの基本的な使い方は、こんな感じです。

[countdown to="日にち"]

例えばこんな使い方ができます。

2030年まで、あと3782日。

上記は以下のように記入しています。

2030年まで、あと[countdown to="2030/01/01"]日。

countdownは、デフォルトでは単位が入りません。ですので、自由な単位をつけて利用することが可能です。

ビジュアルエディターから使う

ショートコードは、ビジュアルエディターのショートコードドロップダウンリストから雛型を取得することができます。

カウントダウンショートコードをビジュアルエディターから使用する

toオプション

toオプションは、発売日・開演日等の未来の「日にち」を入力します。

入力例:to=”2025/12/11″

入力例:to=”2026-03-02″

入力例:to=”20340428″

デフォルト値:(空欄)

オプションが未入力の場合は、エラーメッセージが表示されます。
対象日が当日を過ぎた場合は、以降は0表示になります。

unitオプション

unitオプションは、表示する単位を入力します。

入力例:unit=”日”

入力例:unit=”にち”

入力例:unit=””(単位を表示させたくない場合)

デフォルト値:(空欄)

デフォルトで単位は表示されません。ですので、本文中に直接単位を入力した方が楽に使えるかと思います。

入力例

利用するための入力例はこんな感じ(内容は適当です)。

[countdown to="2066/11/07"]

[countdown to="2048/01/18" unit="にち"]

3回目の東京オリンピック開催まで、あと[countdown to="2080/7/24"]日

「ハリウッド版 吾輩は猫である」公開まで、残り[countdown to="2036/04/14"]日!!

表示例

入力例を実際に表示させると、こんな感じになります。

  • 17241
  • 10373にち
  • 3回目の東京オリンピック開催まで、あと22249日
  • 「ハリウッド版 吾輩は猫である」公開まで、残り6077日!!
内容は不正確です。
ページキャッシュプラグインを利用している場合は、キャッシュが作成された時点での日にちが表示されます。

参考

このショートコードは、fullnoteblogを運営されているふるのーとさんの、以下の記事を参考に作成しました。

【Cocoon】WordPressにカウントダウンタイマを設置するショートコードのカスタマイズ。プラグイン不要
こんにちは!ふるのーと(fullnote)です!(*^^*)先日、ショートコードで年齢を表示するカスタマイズを紹介しました。⇒相対的時間経過で年齢を表現するageショートコードのカスタマイズ「これを応用してカウントダウンタイマーを作成できる
ショートコード
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年1ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:10ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon

コメント テーマの質問はフォーラムへ

タイトルとURLをコピーしました