ワードプレスサイトにカウントダウンタイマーを追加する方法

カウントダウン・タイマーの追加方法

WordPressのカウントダウンタイマーは、単に時を刻むだけの時計ではありません。訪問者を興奮させ、行動を起こさせるスマートな方法です。フラッシュセール、コンテンツへの早期アクセス、近日開催予定のイベントなど、カウントダウンを活用することで、様々なゴールに柔軟に対応することができます。各訪問者にユニークに反応するように設定したり、時間切れで特定のアクションをトリガーしたり、特定のオーディエンスだけに表示させたりと、サイトのニーズの鼓動に適応させることができます。

いくつかのプラグインがカウントダウン機能を備えていますが、このガイドではUltimate Blocksの適応性の高いカウントダウンブロックを選びました。このブロックは、スタイルのカスタマイズ、複数の表示オプション、特定のゴールに合わせるための調整可能な単位を提供します。この後のステップでは、Ultimate Blocksを使って効果的なカウントダウンタイマーを追加する方法をご紹介します。さっそく見ていきましょう。

ステップ1: アルティメットブロックのインストールと有効化

WordPressのダッシュボードにアクセスして プラグイン > 新規追加. 検索 「究極のブロックをクリックする。 Install Now そして アクティベート.

アルティメット・ブロックのインストールと有効化

ステップ 2: カウントダウンタイマーブロックを追加する

カウントダウンタイマーを表示させたいページまたは投稿を開きます。をクリックしてください。 "+"アイコン と入力して新しいブロックを追加する。Countdown"をブロック検索で選択し、アルティメットブロックからカウントダウンブロックを選択します。

カウントダウン・タイマー・ブロックの追加

ステップ3:カウントダウン日時の設定

カウントダウンブロックを挿入すると、空白のタイマーが表示されます。ダッシュボードの右側にあるブロック設定に移動し、お好みの日付と時刻を設定し、表示単位セクションまでスクロールダウンしてタイマーの最大単位と最小単位を選択します。 

カウントダウン・ブロックの設定

時間、日付、表示形式を設定したら、タイマーの下に表示するカスタムテキストを追加できます。そのためには、カウントダウンブロックを選択し、テキストを入力し、必要であれば整列を調整します。

テキストを追加し、配置を調整する

ステップ4:タイマーの外観をカスタマイズする

に移動する。 スタイル セクションをご覧ください。Ultimate Blocksには3つのタイマースタイルがあります: オドメーター、レギュラー、サーキュラー.デフォルトでは、タイマーは "オドメーター"オプションがある。 

走行距離計タイマー

を選ぶことができる。レギュラー" ストレートなルックに。 

レギュラータイマー

を選択して、ラウンドクロックのスタイルを選択することもできます。 円形 オプションがある。

サーキュラータイマー

さらにパーソナライズするには、カラー設定までスクロールダウンしてください。あなたのウェブサイトのスタイルに合わせて、タイマーユニットとカウントダウン表示のお好みの色を選択してください。

色のカスタマイズ

ステップ5:プレビューと公開

セットアップに満足したら プレビュー カウントダウン・タイマーを使って、すべてが期待通りに表示されることを確認する。すべてがあなたのビジョンと一致していれば、 出版 をクリックし、カウントダウンタイマーを表示させます。

プレビューと出版

最終結果はこのようになるはずだ。

カウントダウン・タイマー

結論

アルティメットブロックでは、カウントダウンタイマーを追加することで、ユーザーをタイムリーなアクションに導くことができます。ここで紹介するステップでは、タイマーをあなたのブランドに合わせて簡単にカスタマイズし、どのような場面にも対応できることを紹介しています。フラッシュセールの緊急性を高めたり、特別なイベントへのカウントダウンを示すなど、このブロックを使用することで、真のインパクトを生み出すことができます。その結果は?注目を集めるだけでなく、訪問者が最も重要な時に行動を起こすよう促すカウントダウン。



テーブルバーグ・チーム