Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド (09)

WordPressでウェブサイトを構(gòu)築する場合、デフォルトのアストラのテーマヘッダーとフッターは、ウェブサイトの外観に関するすべてのニーズを満たすとは限りません。幸いelmentor獨自のヘッダーとフッターを簡単に作成し、カスタマイズすることができます。この投稿では、獨自のヘッダーとフッターをelmentorこれらのカスタムセクションはアストラのテーマデフォルトの設(shè)定で、ウェブサイトにパーソナライズを追加できます。

まず、Elementorで編集するページに行く必要があります。

畫像[1] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

上図のマークをクリックし、グローバル設(shè)定に入ります。

畫像[2] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、グローバルリーチ、迅速な対応

テーマビルダーをクリックして、elmentorのウィジェットビルダーにアクセスします。

畫像[3] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

ヘッダーやフッターはもちろん、個々の商品や他のページも編集することができるので、よりカスタマイズやDIYが必要な方にはお勧めです!

畫像[4] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

まず、上の図のようにヘッダーを追加する。

畫像[5] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速な対応

お好きなレイアウトをお選びください。

畫像[6] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速な対応

挿入]をクリックし、最初にダウンロードし、我々は次のように、インターフェイスのタイトルを取得します。

畫像[7] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

そうすれば、ロゴとメニュー、右側(cè)のソーシャル化を変更できる

畫像[8] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応
畫像[9] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

もちろん、新しいモジュールを追加することは可能だが、各デバイス間の適応の問題に注意すること!

畫像[10] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応
畫像[11] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速な対応
畫像[12] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

特に攜帯電話で連攜が取れているかチェックする

そして、すべての設(shè)定を調(diào)整して表示條件を設(shè)定することができ、設(shè)定しない場合は、以下のようにアストロテーマを優(yōu)先的に表示する。

表示條件を設(shè)定させるポップアップウィンドウも保存を直接クリックすると、これは自分で調(diào)整するだけの方法である!

畫像[13] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

表示條件、左側(cè)に保存される列が増える

畫像[14] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

次に、條件の追加をクリックして、條件の設(shè)定を続けます。

畫像[15] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPressの専門修理サービス、ワールドワイド、迅速対応
畫像[16] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

Entire Site(サイト全體)、Archives(アーカイブ)、Singular(単一ページ)を選択できます。

畫像[17] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

個々のお勧めは、特異なを選択し、オプションを設(shè)定すると、より多くなりますが、また、より完璧な、最終的には行の設(shè)定の効果に応じて!

保存して閉じる

畫像[18] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速対応

サイト全體を表示するように設(shè)定したので、テーマのヘッダー効果に取って代わります

削除する必要がある場合は、次の2つの方法があります。

1を入力した後、テーマビルダー(Theme Builder)に入るために前の手順を繰り返します。

畫像[19] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPressの専門修理サービス、ワールドワイド、迅速対応
畫像[20] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPress修理サービスのプロフェッショナル、ワールドワイド、迅速な対応

上の寫真のように、直接削除してください。

2、サイトのバックエンドに行き、エルメンターのテンプレート(Templates)を見つける。

畫像[21] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPressの専門修理サービス、ワールドワイド、迅速対応
畫像[22] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPressの専門修理サービス、ワールドワイド、迅速対応

クリックして削除するには、テンプレートが多くない、それを見つけることは比較的簡単ですが、見つけるために、各テンプレートの名前を設(shè)定することをお勧めします。

同様に、フッターを作成する手順も同じです。

畫像[23] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonfluctuation.com|WordPress修理サービスのプロフェッショナル、グローバルリーチ、迅速な対応
畫像[24] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonwave.com|WordPressの専門修理サービス、ワールドワイド、迅速対応

あなたのコンテンツに置き換えたり、コンテナを追加するには列が十分ではありません、つまり、列はすべての権利、著作権情報などです。

畫像[25] - Elementorでカスタムヘッダーとカスタムフッターを作成する方法:ステップバイステップガイド(09) - photonfluctuation.com|WordPress修理サービスのプロフェッショナル、グローバルリーチ、迅速な対応

必要なモジュールを追加し、各デバイスのインターフェイスが調(diào)整されていることを確認(rèn)します。

あとは必要な條件を設(shè)定し続ければ完了だ。簡単だろう?

しかし、もしあなたがAstraのテーマを持っているなら、elmentorのカスタムジェネレーターを使うことはお勧めしない。

概要

以上の手順で、Elementorでヘッダーとフッターを作成し、カスタマイズする方法をマスターしました。Astraテーマは素敵なデフォルト設(shè)定を提供していますが、Elementorのカスタムビルダーは、ウェブサイトのデザインをパーソナライズしたいユーザーにとって強力なツールであることは間違いありません。次回は、AstraテーマとElementorを組み合わせて使用することで、ウェブサイトのデザインと機能をより最適化するためのヒントを探ります。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし