サイト全体に「COLORS(ブルー)」スキン適用中。

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

ショートコード

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

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

スポンサーリンク

countdownショートコード

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

[countdown to="日にち"]

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

2030年まで、あと3971日。

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

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"]日!!

表示例

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

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

参考

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

カウントダウンタイマーを設置するCountDownショートコードのカスタマイズ。プラグイン不要
こんにちは!ふるのーと(fullnote)です!(*^^*)先日、ショートコードで年齢を表示するカスタマイズを紹介しました。⇒相対的時間経過で年齢を表現するageショートコードのカスタマイズ「これを応用してカウントダウンタイマーを作成できる
ショートコード
スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
わいひら

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

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

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

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
〇アダルト・出会い系サイト可
△安定性にやや欠ける

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

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

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

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

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

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

Cocoon

コメント

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