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

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

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

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

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

画像[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修理サービスのプロフェッショナル、ワールドワイド、迅速対応

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

画像[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修理サービス、グローバルリーチ、迅速な対応

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

そして、すべての設定を調整して表示条件を設定することができ、設定しない場合は、以下のようにアストロテーマを優先的に表示する。

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

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

表示条件、左側に保存される列が増える

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

次に、条件の追加をクリックして、条件の設定を続けます。

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

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

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

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

保存して閉じる

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

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

削除する必要がある場合は、次の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の専門修理サービス、ワールドワイド、迅速対応

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

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

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

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

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

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

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

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

概要

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


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

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

    コメントなし