Cocoon【ショートコード】「残り●日」カウントダウンの使い方・やり方

WordPressテーマCocoonでの
カウントダウンのショートコードを
ご紹介します。

WordPressでのショートコードとは、
[ ]で囲む短い記述で、
装飾や何らかの結果などを表示できる便利な機能のこと。

Cocoonにも
ショートコードが用意されています。

「残り●日」「～まであと●日」（カウントダウン）

「残り●日」「～まであと●日」
といった記述は、
カウントダウンになります。

例えば、
「キャンペーン終了まで、残り3日」とか、
「新端末の発売まであと5日」といった表現。

WordPressテーマCocoonでの
カウントダウンのショートコード
やり方、使い方は、
[]で括って、
countdown to=”●”と記述します。

countdown to=” “

例えば、「オリンピック開催まで、あと★日」
という文章を入力して用意。
そして★のところを[]で括った
ショートコードで記述します。

そして、ショートコードの中にある2つの記号
「”（ダブルクォーテーション）」の間、
●のところに、
「2100/01/01」などと最終日や開始日などの
日付を入れる。

使用例）
オリンピック開催まで、あと27434日

ショートコードの前後はもちろん、
ショートコードの部分も、
文字装飾が反映されます。

使用例）
オリンピック開催まで、あと27434日

ビジュアルエディターにある
「ショートコード」のドロップダウンリスト
からも設定できます。

[ショートコ…▼]と、
見切れてるかもしれませんが、
それが「ショートコード」です。
クリックするとドロップダウンで
一覧リストが開きます。

「カウントダウン（日にちを入力）」を選ぶと、
[]で囲ったcountdown to=””が入力されますので、
あとは、””の間に日付を入力してください。

注意点を挙げます。

このカウントダウンの
ショートコードの記述を入力すると、
編集の画面では反映されません。
ビジュアルエディターでも
テキストエディターでも、
もろにソースコードそのまま。

しかし、公開して、
ブラウザでページを閲覧してみると
ショートコードがきちんと機能していて、
カウントダウンの日にちを表示します。

もし、カウントダウンできない？
ショートコードが機能しない？
と思ったら、
記事を公開した状態で確認してみてください。