通知バー

¥4,900.00

WooCommerce に通知バーを表示する機能を追加するアドオン

商品コード: top-bar-for-woocommerce カテゴリー:

通知バーは、WooCommerceプラグインで作成されたページの上部・下部に固定表示される通知用のバーを追加するアドオンです。

通知バーの主な機能

  • サイトの上部/下部に通知バーを表示
  • 通知バーのコンテンツをカスタマイズ
  • 通知バーの表示場所も選択できる

サイト全体やショッピングページなどに固定した表示でバナーや、紹介ページへのリンクを設置する場合、テーマなどを編集する必要があります。

通知バーは、ページ幅で固定表示される部分を追加することができます。

テキストや画像の他に、リンクやカウントダウンタイマーなど、様々なコンテンツを表示することができるので、発売前の商品紹介や、期間限定のセール情報などを表示させることができます。

常時、ユーザーの目に触れる場所を用意することで、強調したい商品やセール情報などの訴求に役立ちます。

サイトの上部/下部に通知バーを表示

ホームページ、商品ページ、固定ページなどの上部・下部に常に表示させることができる、固定された高さの通知用のバーを表示します。

商品バナーのようなプロモーションしたり、カウントダウンタイマーを設置してセール期間の告知といった使い方ができます。

通知バーのコンテンツをカスタマイズ

表示される通知バーの高さや位置(上部と下部)の他にも、画像の挿入や文字サイズの変更、リンク文字列の設置などWordPressの記事と同様な感覚で通知バーを作成することができます。

さらに複数の通知バーを切り替えて、スライドショーのように動きのある通知バーを設定することも可能です。

 

通知バーの表示場所も選択できる

通知バーはサイト全体に表示させる外に、商品やカテゴリー、固定ページなど設定画面を使って、表示・非表示を切り替えることができます。

複数のトップバーを用意することで、商品やカテゴリー別に異なる通知バーを表示するなど、利用者や商品の属性に対応したトップバーを表示させることができます。

通知バーは、テーマの編集をすることなくサイト全体や指定したページに固定表示されるバーを作成することができます。

テキストや画像などでスタイルを変更したり、リンクやカウントダウンタイマーを追加して告知文やバナーのように表示させることができます。

また、複数のバーを組み合わせてスライドショーのように表示させることも可能です。

 

通知バー の使い方

通知バーを追加

新しい通知バーをページに追加するには次の手順で行います。

  1. 管理画面の[トップバー]>[新しいトップバーを追加] をクリックします。
    新しいトップバーを追加
  2. 表示された [新しいトップバーを追加] 画面で、[タイトルを追加] に名前を入力します。
  3. [トップバーの設定] > [全般] で表示されるポジション(上部・下部)や高さなどを入力します。
    トップバーの設定|全般
  4. [コンテンツ] をクリックして [バーテキスト] に表示させる文字や、リンクについて設定します。
    トップバーの設定|コンテンツ
  5. [スタイル] をクリックして、背景色やテキストの書体やサイズなどを変更します。
    トップバーの設定|スタイル
  6. [条件] をクリックして、表示されるページ(カテゴリーや個別ページの設定も可能)を選択します。
    トップバーの設定|条件
  7. [公開] ボタンをクリックして、新しいバーを追加します。

指定したページの上部(または下部)に、固定されたバーが表示されます。

全体設定

表示されるバーの表示位置など全体に関係する設定を行います。

  1. 管理画面の [トップバー] > [設定] をクリックします。
  2. [プラグインオプションの追加] 画面が表示されます。
    カウントダウンタイマーの設定
  3. [カウントダウンタイマーの設定] をクリックして、カウンターの種類や背景色などについて設定を行います。
    カウントダウンタイマーの設定
  4. [スライドショーの設定] をクリックして、複数のバー設定を組み合わせたスライドショーの設定を行います。
    スライドショーの設定主な設定項目は次の通りです。
    [バースライドショーを有効にする] :[有効] を選択すると表示可能なバーが連続的に表示されるようになります。
    [次/前の矢印を表示]:[はい] を選択すると通知バーの両端にスライド切り替え用の矢印マークが表示されます。
    [変更バー時間] :スライドが切り替わる時間を秒で指定します。
  5.  [設定を保存する]をクリックします。

設定を行うことで、指定した日時へのカウントダウンするタイマーを設置したり複数のトップバーの設定を組み合わせてスライドショーのような表示に切り替えることができます。

 

通知バー は、記事を作るような操作でページの上部や下部にバナーのような固定表示される部分を簡単に作成できます。

テキストや画像などスタイルを変更したり、リンクや指定された期日へカウントダウンするタイマーやスライドショー表示など自由にカスタマイズしてページに設置します。

サイトやページに固定表示を簡単に設置したい場合に有用なアドインです。