WoodMart ヘッダー・ビルダー・チュートリアル：ヘッダーとフッターのカスタマイズ実践ガイド

あるワードプレス eコマースサイトにおいて、ヘッダーとフッターはナビゲーションやブランドプレゼンテーションのためのツールであるだけでなく、コンバージョンや信頼に関わるものでもある。ウッドマートこのテーマは、強力なヘッダービルダー最初のステップは、ユニークなヘッダーとフッターの構造を構築することです。この記事では、ユニークなヘッダーとフッターの構造を構築するためのステップバイステップを紹介します。

ヘッダーとフッターのパーソナライズ：WoodMart ヘッダービルダーの使い方詳細

I. WoodMart ヘッダービルダーを有効にする

サインインワードプレス舞台裏
WoodMart > ヘッダービルダーに移動します。

インターフェイスは非常に直感的で、Elementorの操作ロジックに似たドラッグ＆ドロップのコンポーネントレイアウトを備えています。

ヘッダーのカスタマイズ（ヘッダー）

1.新しいヘッダー

新しいヘッダーを追加」オプションをクリックし、次のような希望する構造スタイルを選択する。ロゴ左中心、メニュー中心、アイコン右中心など、または空白のテンプレート。

2.モジュール・コンポーネントの追加

プラス記号をクリックして以下のモジュールを検索し、追加する：

ロゴアップロード可能なウェブサイトロゴの追加ピーエヌジーもしかしたらエスブイジーフォーマッティング
メインメニューメインナビゲーションメニューは、まずWordPressで設定する必要があります！

検索検索ボックスは、製品検索への切り替えをサポートし、お気に入りのスタイルを選択します。

カートショッピングカートのアイコンを表示します。
ソーシャル・アイコンソーシャルメディアへのリンク

3.設定スタイルと応答表示

モジュールをクリックすると、フォント、色、背景、余白、その他のスタイルの詳細を設定できます。

右上の「Desktop/Mobile」アイコンをクリックすると、各端末の表示効果を調整できます。

4.スティッキーヘッダー

設定]をクリックし、[スティッキー]機能をオンにします。これにより、スクロールしてもヘッダーがページの最上部に残り、操作やナビゲーションが容易になります。

III.フッターのカスタマイズ（フッター）

ウッドマートスタンドアロンのフッタービルダーはありませんが、以下の2つの方法でカスタムフッターを実装することができます：

モード1：ガジェットエリアの使用

外観 > ウィジェット > フッターウィジェットテキスト説明、メニュー、連絡先などのコンテンツモジュールを追加することができます。

方法2：Elementorを使ってフッターテンプレートを作成する

Elementorを開くテンプレート > 新しいテンプレートの追加
タイプは「フッター」を選択

Elementorのドラッグ＆ドロップ編集でフッターをデザインする

表示範囲を「全ステーション」に設定する。

WoodMartに戻り、「テーマ設定」＞「フッター」で、作成したテンプレートを選択します。

IV.カスタムコード領域（高度な使用法）

WoodMartのヘッダーとフッターは挿入をサポートしています。 HTML ブロックと JS スクリプト、一般的な使い方は以下の通り：

サードパーティ・カスタマーサービス・プラグイン
ウェブサイト統計トラッキングコードを追加
トップバーへのお知らせや広告メッセージの表示

V. よくある質問とヒント

ロゴの変身？ 画像のぼやけを防ぐため、幅200px以内でSVG形式の画像をアップロードすることをお勧めします。
メニューが中央にない？ メニューモジュールを中央の列に置き、アライメントを「中央」に設定する。
フッターの重複？ テンプレートの二重呼び出しを避けるために、Elementorとテーマ設定の競合をチェックする。
反応のズレ？ レイアウトは、異なる画面サイズに合わせて各デバイスで個別に調整可能

結語

ウッドマートヘッダービルダーは、Elementorテンプレートとワードプレス強力なブランディングでヘッダーとフッターの構造をカスタマイズするウィジェット。あなたの手を汚さず、簡単な操作でeコマースサイトにプロフェッショナルな外観と明確なナビゲーションをもたらしましょう。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み