Elementor無料版でヘッダーとフッターを作成・カスタマイズする方法

を使用する方法について詳しく説明します。 Elementor 無料版 歌で応える ElementsKitプラグイン(無料のElementorフッタービルダー)を使って ヘッダーとフッターこれはすべて視覚的なインターフェイスによって行われます。

画像[1] - Elementor無料版とElementsKitでカスタムヘッダーとカスタムフッターを作成する方法

ステップ1: Elementorのインストール

まず、次のことを確認してください。 ワードプレス このサイトにはElementorプラグインがインストールされ、有効になっています。以下の手順に従ってインストールしてください:

  1. WordPressのバックエンドで プラグイン新しいプラグインの追加.
  2. Elementor」で検索してください。
  3. 打点 今すぐインストールプラグインを有効にしてください。
画像[2] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

注目してください: Elementorの無料版は素晴らしい機能を提供していますが、より高度なカスタマイズを行うには、次のものが必要な場合があります。 エレメンタル・プロ.

ステップ2: ElementsKitプラグインのインストール

ヘッダーとフッターの作成とカスタマイズには ElementsKitプラグイン は良い選択です。このプラグインは エレメンタ 豊富なヘッダーとフッターのテンプレートとカスタマイズオプションを備えたユーザーデザイン。

  1. WordPressのバックエンドで プラグイン新しいプラグインの追加.
  2. ElementsKit」で検索してください。
  3. 打点 今すぐインストールプラグインを有効にしてください。
画像[3] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

ステップ3: カスタムElementorヘッダーまたはフッターの作成

ElementorとElementsKitプラグインをインストールすれば、Elementorのカスタムヘッダーやカスタムフッターを作成できます。

Elementorヘッダーの作成とカスタマイズ

  1. WordPressのバックエンドで エレメンツキットヘッダー・フッター.
画像[4] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法
  1. 打点 新しいテンプレートの追加新しいテンプレートに名前を付けます。
画像[5] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法
  1. テンプレート設定で 類型論 によって ヘッダーをクリックし、表示するヘッダーを選択します。 前提条件(例えば、サイト全体、個々のページ、または特定のアーカイブページに表示されます)。
画像[6] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法
  1. 打点 アクティブ化 をクリックします。 編集内容Elementorエディタでカスタマイズできます。
画像[7] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

Elementorエディタでは、ElementsKitが提供するウィジェットとテンプレートを使って素早くヘッダーを追加することができます。ElementsKitは美しくデザインされたヘッダーテンプレートをいくつか提供しており、必要に応じて選択し、さらにカスタマイズすることができます。

画像[8] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

Elementorフッターの作成とカスタマイズ

フッターを作成する手順は、ヘッダーを作成する手順と似ています。 フッター をテンプレート・タイプとして使用します。

  1. ある エレメンツキット プラグインで ヘッダー・フッター モジュール
  2. 打点 新しいコンテンツの追加設定 類型論 によって フッター.
  3. 条件設定(フッター表示位置の選択)後 アクティブ化.
画像[9] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

ヘッダーと同様に、フッターもElementorエディタでElementsKitが提供するテンプレートとウィジェットを使ってカスタマイズできます。連絡先そしてソーシャルリンクそして著作権情報その他

画像[10] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法

ステップ 4: ヘッダーとフッターのカスタマイズと編集

ヘッダーやフッターのテンプレートを作成した後、Elementorのビジュアルエディタを使ってさらにカスタマイズすることができます:

  1. テンプレートの横をクリック コンパイラ ボタンをクリックしてElementorの編集インターフェイスに入ります。
  2. 使う エレメンツキット ウィジェットナビゲーションメニューそして検索ボックスそしてボタンそしてアイコンなどを使用して、あなたのヘッダーやフッターに合ったヘッダーやフッターを作成してください。
画像[11] - Elementor無料版とElementsKitを使ってカスタムヘッダーとカスタムフッターを作成する方法
  1. ヘッダーには メガメニューそしてショッピングカートのアイコン(フッターには ソーシャルメディアリンクそして著作権表示そしてサイトマップ およびその他の情報。

ElementsKitにはいくつかのデザインテンプレートが用意されているので、適切なものを選んでカスタマイズすることができます。

ステップ 5: カスタムヘッダーとカスタムフッターの有効化と表示

編集が終わったら、ヘッダーまたはフッターテンプレートを直接プレビューして保存できます:

  1. デザインが完成したら、右下の セーブ ボタン。
  2. 戻る ヘッダー・フッター 管理ページでテンプレートが有効になっていることを確認してください。
  3. カスタムElementorヘッダーまたはフッターは、選択した場所に自動的に適用されます(例:ウェブサイト全体、特定のページまたは記事).
画像[12] - Elementor無料版とElementsKitを使用してカスタムヘッダーとカスタムフッターを作成する方法

概要

を使用します。 エレメンタ 無料版と ElementsKitプラグインElementsKitを使えば、ウェブサイトのヘッダーとフッターを簡単に作成し、カスタマイズすることができます。すべてのプロセスはElementorの直感的なドラッグ&ドロップのインターフェイスで行われ、ElementsKitが提供する幅広いテンプレートとウィジェットでカスタマイズは簡単で柔軟です。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス15 分かち合う
xiesongのアバター - Photon Flux|プロフェッショナルによるWordPress修理サービス、ワールドワイド、迅速対応
解説 ソファ購入

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

    コメントなし