を使用する方法について詳しく説明します。 Elementor 無料版 歌で応える ElementsKitプラグイン(無料のElementorフッタービルダー)を使って ヘッダーとフッターこれはすべて視覚的なインターフェイスによって行われます。
![画像[1] - Elementor無料版とElementsKitでカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231143416651-image.png)
ステップ1: Elementorのインストール
まず、次のことを確認してください。 ワードプレス このサイトにはElementorプラグインがインストールされ、有効になっています。以下の手順に従ってインストールしてください:
- WordPressのバックエンドで プラグイン → 新しいプラグインの追加.
- Elementor」で検索してください。
- 打点 今すぐインストールプラグインを有効にしてください。
![画像[2] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231142449249-image.png)
注目してください: Elementorの無料版は素晴らしい機能を提供していますが、より高度なカスタマイズを行うには、次のものが必要な場合があります。 エレメンタル・プロ.
ステップ2: ElementsKitプラグインのインストール
ヘッダーとフッターの作成とカスタマイズには ElementsKitプラグイン は良い選択です。このプラグインは エレメンタ 豊富なヘッダーとフッターのテンプレートとカスタマイズオプションを備えたユーザーデザイン。
- WordPressのバックエンドで プラグイン → 新しいプラグインの追加.
- ElementsKit」で検索してください。
- 打点 今すぐインストールプラグインを有効にしてください。
![画像[3] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231135508749-image.png)
ステップ3: カスタムElementorヘッダーまたはフッターの作成
ElementorとElementsKitプラグインをインストールすれば、Elementorのカスタムヘッダーやカスタムフッターを作成できます。
Elementorヘッダーの作成とカスタマイズ
- WordPressのバックエンドで エレメンツキット → ヘッダー・フッター.
![画像[4] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231135730164-image.png)
- 打点 新しいテンプレートの追加新しいテンプレートに名前を付けます。
![画像[5] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231140110119-image.png)
- テンプレート設定で 類型論 によって ヘッダーをクリックし、表示するヘッダーを選択します。 前提条件(例えば、サイト全体、個々のページ、または特定のアーカイブページに表示されます)。
![画像[6] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231140240750-image.png)
- 打点 アクティブ化 をクリックします。 編集内容Elementorエディタでカスタマイズできます。
![画像[7] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231140314315-image.png)
Elementorエディタでは、ElementsKitが提供するウィジェットとテンプレートを使って素早くヘッダーを追加することができます。ElementsKitは美しくデザインされたヘッダーテンプレートをいくつか提供しており、必要に応じて選択し、さらにカスタマイズすることができます。
![画像[8] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231140720804-image.png)
Elementorフッターの作成とカスタマイズ
フッターを作成する手順は、ヘッダーを作成する手順と似ています。 フッター をテンプレート・タイプとして使用します。
- ある エレメンツキット プラグインで ヘッダー・フッター モジュール
- 打点 新しいコンテンツの追加設定 類型論 によって フッター.
- 条件設定(フッター表示位置の選択)後 アクティブ化.
![画像[9] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231141242142-image.png)
ヘッダーと同様に、フッターもElementorエディタでElementsKitが提供するテンプレートとウィジェットを使ってカスタマイズできます。連絡先そしてソーシャルリンクそして著作権情報その他
![画像[10] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231141743823-image.png)
ステップ 4: ヘッダーとフッターのカスタマイズと編集
ヘッダーやフッターのテンプレートを作成した後、Elementorのビジュアルエディタを使ってさらにカスタマイズすることができます:
- テンプレートの横をクリック コンパイラ ボタンをクリックしてElementorの編集インターフェイスに入ります。
- 使う エレメンツキット ウィジェットナビゲーションメニューそして検索ボックスそしてボタンそしてアイコンなどを使用して、あなたのヘッダーやフッターに合ったヘッダーやフッターを作成してください。
![画像[11] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231142003363-image.png)
- ヘッダーには メガメニューそしてショッピングカートのアイコン(フッターには ソーシャルメディアリンクそして著作権表示そしてサイトマップ およびその他の情報。
ElementsKitにはいくつかのデザインテンプレートが用意されているので、適切なものを選んでカスタマイズすることができます。
ステップ 5: カスタムヘッダーとカスタムフッターの有効化と表示
編集が終わったら、ヘッダーまたはフッターテンプレートを直接プレビューして保存できます:
- デザインが完成したら、右下の セーブ ボタン。
- 戻る ヘッダー・フッター 管理ページでテンプレートが有効になっていることを確認してください。
- カスタムElementorヘッダーまたはフッターは、選択した場所に自動的に適用されます(例:ウェブサイト全体、特定のページまたは記事).
![画像[12] - Elementor無料版とElementsKitを使用してカスタムヘッダーとカスタムフッターを作成する方法](https://www.361sale.com/wp-content/uploads/2024/12/20241231142214923-image.png)
概要
を使用します。 エレメンタ 無料版と ElementsKitプラグインElementsKitを使えば、ウェブサイトのヘッダーとフッターを簡単に作成し、カスタマイズすることができます。すべてのプロセスはElementorの直感的なドラッグ&ドロップのインターフェイスで行われ、ElementsKitが提供する幅広いテンプレートとウィジェットでカスタマイズは簡単で柔軟です。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/32294
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし