WordPress 2024 にアナウンスバーを追加するには? 【完全ガイド】

WordPress にアナウンスバーを追加するには? 3ステップ

アナウンス バーを追加する方法を学びましょう。 WordPress.

このチュートリアルでは、 ビーバーテーマ 使用されている。 WordPress にアナウンスバーを追加するにはどうすればよいですか? 段階的なチュートリアルは次のとおりです。

ステップ 1: テーマのレイアウトを作成する

• 両方のプラグインをインストールした後、最初のアナウンス バーを作成します。
• Beaver Builder を起動し、[テーマ レイアウト] > [新規] を選択します。 新しいテーマのレイアウト。
• まず、レイアウトに名前を付けます。 「アナウンスバー」を想定します。
• 「テーマのレイアウト」と入力します。 「レイアウト」メニューから「パーツ」を選択します。
• テーマのレイアウトを追加し、変更を保存します。 次のステージに進みます。

ステップ 2: レイアウトのセットアップ

保存後、テーマレイアウトの編集ページが表示されます。 ここでコンテンツの配置と表示の制限を設定できます。

アナウンス バーを表示する場所と、それを表示できるユーザーを選択します。 場所と可視性のルールをカスタマイズします。 要点に囚われないでください

レイアウトを移動するには、「位置」に移動します。 アナウンスバーが上部にあるはずです。 より明確になります。 ヘッダーの前: 通知バーはすべての Web サイト訪問者に届く必要があります。

「場所」に移動し、「サイト全体」を選択します。 次に、編集内容を公開します。 今すぐ始めましょう。

ステップ 3: アナウンス バーの模様替え

レイアウトを設定したら、外観を変更できます。 「テーマレイアウトの編集」ページで「Beaver Builder の起動」をクリックします。 ビルダーを有効にします。 次に、テキストエディタモジュールを追加します。

[全般] タブで、アナウンス バーのテキストを作成します。 接続することもできます。 たとえば、オンライン ストアにリンクして販売を促進できます。

[スタイル] タブでは、テキストのフォント、配置、行の高さを変更できます。 text-shadow、spacing、caps も使用できます。 [詳細設定] で余白を変更することもできます。 薄いアナウンス バーには、上下の余白が 0 必要です。

アナウンスをアニメーション化することもできます。 モーション効果を使用してオファーを紹介します。 変更を保存します。 列を変更します。 アナウンス バーのレンチ アイコン。

「スタイル」タブでフォント、リンク、背景を変更できます。 アナウンスバーを全幅に設定します。

詳細設定の場合は、「詳細」を選択します。 テキスト エディター モジュールの下部のゼロへのパディングを利用します。 各デバイスの紹介バーはカスタマイズできます。

各フィールドのデバイス シンボルをクリックします。 したがって、デバイスごとにメッセージを調整できます。 デスクトップ、タブレット、またはモバイルのカスタム オプションはデバイス固有です。

同じタブで新しいアニメーションを変更します。 遅延を設定することもできます。 完了したら、「完了して公開」をクリックします。 サイトに上部のお知らせバーが表示されました。