期間限定のランディングページを作成した時は、同時にカウントダウンタイマーも設置しておくといいでしょう。カウントダウンタイマーは、緊急性を視覚化し、ユーザーの早い行動を促してくれる可能性があります。ここでは、WordPressでアニメーションのカウントダウンタイマーを追加する方法についてご紹介します
プラグイン「Countdown Timer Ultimate」の使い方
管理画面
→プラグイン
→新規追加
→「Countdown Timer Ultimate」で検索
→インストール
→有効化
「Add Timer」で新規のタイマーを作成します。
任意の名前を設定し、次に有効期限を決めます。
その他、細かいデザイン調整も可能となっているようです。
Choose Animation | アニメーションを選択 |
Circle Width | サークル幅 |
Background Width | 背景幅 |
Countdown Width | カウントダウン幅 |
Background Color | 背景色 |
Foreground Color | 表示するサークルの色 |
完成すると、以下の通りショートコードが生成されますので記事内に貼ってみましょう。
記事に貼る場合は必ず「テキストモード」に切り替えてコピペしてください。
直接テーマを編集する際は以下のコードを入力します。
<?php echo do_shortcode('[wpcdt-countdown id="1"]'); ?>
完成するとこのように動きます。
当プラグインの説明は以上となりますが参考になればぜひご活用してみてください。ランディングページと相性抜群ですのでぜひこちらも参考に^^
サイトに特設ページを設置したい場合は、固定ページテンプレートを応用すると便利です!
・特定タグ・カテゴリーの一覧ページを”特集ページ風”に固定ページテンプレートで作成する方法
「STORY(tcd041)」を活用すれば低コストで美しいランディングページを作ることが可能です。
・最上級の美しさで訴求するWordPressのランディングページテーマ【STORY】の活用イメージ