Divi Fullwidth Menu モジュールで動的ロゴを使用しますか?
のロゴを変更する サイトのWeb 時間のかかるプロセスになる可能性があります。 これは、 サイトのWeb テンプレートごとに異なるヘッダーを使用します。
これらの各ヘッダーに画像を使用する場合は、それぞれに手動でアクセスして編集する必要があります。
幸いなことに、Divi はロゴを動的に表示できます。 ウェブサイト、時間を節約できます。
この記事では、Divi の全幅メニュー モジュールでダイナミック ロゴを使用する方法について説明します。
のは、始めましょう！
全幅メニューモジュールで動的ロゴを使用する方法
開始するには、動的ロゴを使用する全幅メニュー モジュールを開きます。 Divi Theme Builder でヘッダー テンプレートを調整します。
この例では、選択したロゴを含む全幅メニュー モジュールが既に構成されていることを前提としています。
Diviテーマビルダーを開く
ダイナミック ロゴを使用するには、 Divi > テーマビルダー WordPressダッシュボード。
- Divi
- テーマビルダー
を選択 アイコン 変更するヘッダーの。 エディターが開くまで待ちます。
- 編集
ロゴを動的コンテンツに変更
次に、 設定 歯車アイコンを選択して、全幅メニューモジュールから。
- モジュール設定
タブ内 コンテンツ、タイトルのセクションまで下にスクロールします 及び. ロゴ画像にカーソルを合わせて、 ゴミ箱アイコン . 必要に応じて、円形のリセット アイコンをクリックすることもできます。
- 削除
次に、画像領域にマウスを合わせると、 アイコン 中身 dynamique 。 アイコンをクリックして選択肢を開きます。 コンテンツ 動的。
- 動的コンテンツ
多くのオプションから選択できるモーダルが開きます。 選択する サイトのロゴ 上のセクションで。
- サイトのロゴ
のオプションで指定されたヘッダー メニューに新しいロゴが表示されます。 Diviテーマ.
ロゴ選択設定のロゴの下に、メッセージが表示されます 「ロゴサイト」. これは、モジュールが動的ロゴを表示するようになったことを示しています。 緑色のボタンをクリックして、モジュールを閉じます。
次に、緑色のボタンをクリックしてレイアウトを保存します Enregistrer をクリックし、 X エディタを閉じるには、右上隅にある
- Save
- 閉じる
最後に、クリック 変更の保存 テーマビルダー画面の左上隅にあります。
- 変更を保存
ダイナミック ロゴを使用する全角メニュー モジュールごとに、この一連の手順を実行します。 ヘッダーをコピーまたは作成するときに、このタスクを実行することをお勧めします。
次に、全幅メニュー モジュールで変更されるように Divi ロゴを変更する方法を見てみましょう。
Diviでロゴを変更する方法
次に、使用するロゴをDiviに伝える方法を見てみましょう. ロゴを変更する場合は、次の手順を実行してください。 ロゴは動的に変化するため、Divi ユーザーは全幅メニュー モジュールを開いてロゴを変更する必要はありません。
ディビ「前」のロゴ
何が起こっているのかを理解するために、変更前と変更後のサイトのフロントにあるロゴを見てみましょう。 まず、これが私のテスト サイトでの現在のロゴのプレビューです。 これは、 Diviテーマ.
ディビのロゴを変更する
Divi ロゴを変更するには、 Divi > テーマオプション WordPressダッシュボードで。 最初のタブである General には、Logo というフィールドがあります。 これには、ロゴの URL を含むフィールド、デフォルトのロゴをリセットするためのボタン、およびメディア ライブラリにロゴをアップロードするためのボタンが含まれています。
- Divi
- テーマオプション
- 一般（1 行目）
- 一般 (2 行目
- アップロード
これにより、メディア ライブラリから画像を選択したり、新しい画像をアップロードしたりできるメディア フォルダーが開きます。
- 画像を選択してください
- ロゴとして設定
上をクリックします 変更の保存 画面の左上隅のオプションの上にある Diviテーマ。 これで、動的なロゴ設定を備えた全幅メニュー モジュールを含むすべてのテンプレートで、ロゴが自動的に変更され、新しいロゴが表示されるようになりました。
- 変更を保存
ディビロゴ「アフター」
テーマビルダーを開いて変更を加えていないにもかかわらず、サイトのフロントエンドに新しいロゴが表示されるようになりました。 この変更は、ダイナミック ロゴを使用するすべての全幅メニュー モジュールに自動的に反映されています。
別の例として、テーマ ビルダーでテンプレートの XNUMX つを開くと、新しいロゴが表示されます。 この例は、私からの入力なしでロゴが既に更新されているホームページのヘッダー レイアウトを示しています。
今すぐDIVIをダウンロードしてください!!!
まとめ
これは、Divi の全幅メニュー モジュールでダイナミック ロゴを使用する方法です。 動的なロゴは、モジュールに簡単に設定できます。 動的なロゴを使用すると、Divi サイトでロゴを変更するときに多くの時間を節約できます。
フル幅メニュー モジュールを XNUMX つしか使用しない場合でも、ダイナミック ロゴによりプロセスが簡素化されます。 複数のモジュールを使用する場合、動的ロゴは時間の節約とエラーの削減にさらに大きな影響を与えます。
これがあなたの次のブログ サイトに役立つことを願っています。 ご不明な点やご提案がございましたら、 コメントセクション それを議論する。
相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合。
また、私たちのガイドを参照することを躊躇しないでください WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
