loading中...

個人事業主に特化した無料WordPressテーマ「LiteWord」

期限・カウントダウン設定

最終更新: 2026-03-15

期限・カウントダウン設定 — 使い方マニュアル

> 設定場所: 外観 → カスタマイズ → 「期限の設定」
> カスタマイザーで開く: 期限設定を開く
> このページのURL: https://lite-word.com/manual/countdown/

キャンペーンやセールの締切日をカウントダウンタイマーで表示する機能。最大15パターンの期限を設定でき、ページ内にショートコード感覚で埋め込める。


基本仕様

項目 内容
カスタマイザーセクション deadline_setting_sec(期限の設定)
パターン数 最大15パターン(プレミアムではさらに追加可能)
表示形式 日 / 時間 / 分 / 秒 のカウントダウンタイマー
期限後の動作 カスタムメッセージ表示 または 指定URLへリダイレクト
ページへの埋め込み <span class="lw_deadline_setting set_1"></span>

期限パターンの種類

パターン 説明
今月末 当月の最終日 23:59:59 まで
来月末 翌月の最終日 23:59:59 まで
2ヶ月先の末日 2ヶ月後の最終日 23:59:59 まで
手動設定 任意の日時を直接指定(年月日・時刻)

設定手順

カウントダウンを設定する

  1. 外観 → カスタマイズ を開く
  2. 「期限の設定」 セクションを開く
  3. 使用したいパターン番号(set_1 〜 set_15)を選択する
  4. 期限の種類 を選択する(今月末 / 来月末 / 2ヶ月先 / 手動設定)
  5. 手動設定の場合は 日時を入力 する
  6. 期限後の動作 を設定する:
    • メッセージ表示: 期限後に表示するテキストを入力
    • リダイレクト: 期限後に転送するURLを入力
  7. 「公開」 で保存する

ページにカウントダウンを埋め込む

  1. カウントダウンを表示したいページの編集画面を開く
  2. 表示したい位置に以下のHTMLを挿入する:
<span class="lw_deadline_setting set_1"></span>
  1. パターン番号に応じて set_1set_2set_15 に変更する
  2. 「更新」 または 「公開」 をクリックして保存する

埋め込みコード一覧

パターン 埋め込みコード
パターン1 <span class="lw_deadline_setting set_1"></span>
パターン2 <span class="lw_deadline_setting set_2"></span>
パターン3 <span class="lw_deadline_setting set_3"></span>
... ...
パターン15 <span class="lw_deadline_setting set_15"></span>

期限後の動作

動作 説明
カスタムメッセージ表示 カウントダウン部分が指定したテキストに切り替わる(例:「このキャンペーンは終了しました」)
URLリダイレクト 期限を過ぎるとページ自体が指定URLに自動転送される

活用例

ユースケース 設定例
キャンペーン締切 手動設定で終了日時を指定 → 期限後に「キャンペーンは終了しました」メッセージ表示
月末セール 今月末パターンを使用 → 毎月自動的に月末までカウントダウン
イベント申込締切 手動設定でイベント前日を指定 → 期限後に申込終了ページへリダイレクト
早期割引タイマー 手動設定で割引期限を指定 → 期限後に通常価格ページへリダイレクト

FAQ

Q: パターンは最大何個まで使えますか?
A: 標準で最大15パターン(set_1 〜 set_15)まで設定可能です。プレミアムプランではさらに多くのパターンが利用できます。

Q: 1つのページに複数のカウントダウンを表示できますか?
A: はい。異なるパターン番号の埋め込みコードを複数配置することで、1ページに複数のカウントダウンを表示できます。

Q: カウントダウンが「0」になったらどうなりますか?
A: 設定に応じて2つの動作が可能です。カスタムメッセージが表示されるか、指定したURLにリダイレクトされます。

Q: 「今月末」パターンは毎月自動的に更新されますか?
A: はい。「今月末」「来月末」「2ヶ月先の末日」パターンは自動的に計算されるため、毎月手動で更新する必要はありません。

Q: カウントダウンのデザインは変更できますか?
A: カスタマイザーの「期限の設定」セクション内でデザインの調整が可能です。CSSカスタマイズでさらに細かい調整もできます。

最終更新: 2026-03-15 10:00