ウッドマートのテーマEコマースサイトのための非常に柔軟なヘッダーデザインシステムです。ミニマリストナビゲーション、ロゴセンター、トップパススルー、検索ボックスやショッピングカートを統(tǒng)合した複雑なレイアウトなど、あらゆるレイアウトが可能です。このチュートリアルでは、WoodMartをインストールしたばかりの方や、サイトのトップを再構(gòu)築したい方に向けて、ヘッダーレイアウトの設(shè)定からカスタマイズまでを順を追って説明します！ナビゲーションメニューのコンフィギュレーション

I. ヘッドレイアウトの入り口はどこですか？

WordPressのバックエンドに入ったら、順番にクリックしてください：

ウッドマート > ヘッダービルダー

この中でビジュアライゼーション?エディターインターフェイスを見ると、ヘッド構(gòu)造全體がゾーンに分かれていることがわかる：

• トップ?バー
• ヘッダー メイン
• ヘッダー下部

各エリアには、ロゴ、メニュー、検索ボックス、ボタンなどのコンポーネントを追加することができます、アイコンその他

II.ロゴとバナーの設(shè)定

をクリックしてください。 ロゴ モジュールの左側(cè)に設(shè)定パネルがポップアップ表示されます：

• メインロゴ畫像のアップロード
• Retina HDバージョンをアップロードするオプション
• ロゴの幅、余白の設(shè)定
• ロゴの下にスローガン」のテキストを設(shè)定可能（例：ブランドスローガン）

ロゴは各ページの最初に目に入る部分であり、背景の衝突を避けるために透過PNGフォーマットを使用することをお勧めします。

ナビゲーション?メニューの追加とカスタマイズ

メニューヘッダーの最も重要な機能部分であり、セットアップの手順は以下の通り：

WordPressのバックエンドに移動します：

外観 > メニュー

• メインメニュー」という名前で新しいメニューを作る。

• メニューにページ、カテゴリー、リンク、その他の項目を追加する

• ドラッグで順序を調(diào)整し、複數(shù)レベルのドロップダウンを設(shè)定することができます。

• ページ下部の "Show location "ボックスにチェックを入れる。 メインメニュー

ヘッダー?ビルダーに戻り、「メニュー?コンポーネント」をヘッダー?メイン?エリアにドラッグして、ページにメニューを表示する。

IV.モバイルメニューの設(shè)定

ウッドマートは個別設(shè)定に対応モバイルモバイルからのアクセス時にメニューをすっきりと表示するのに最適なヘッダー構(gòu)造。

入り込む テーマ設(shè)定 > ヘッダービルダー > モバイルヘッダー

あなたはそれを設(shè)定することができる：

• モバイルメニューボタン（ハンバーガーアイコン）を表示するかどうか
• 拡張メニューの內(nèi)容（メニュー項目、アイコン、検索など）の移動
• ロゴの中央寄せまたは左寄せ
• その他の要素の非表示?表示（ショッピングカート、言語切り替えなど）

モバイルはシンプルであることに重點を置き、あまり多くのコンテンツを積み重ねないことを推奨する。

V. 複數(shù)のヘッダーレイアウトのサポート（オプション）

また、WoodMartは、例えば、ページごとに異なるヘッダーを使用することもサポートしています：

• ホームページは白地に白のヘッダーを使用
• 製品詳細ページの使用オープン首
• 特別なアイコンを使ったイベントページのナビゲーション

概要

ウッドマート ヘッダーシステムはとても柔軟なので、コーディングなしでブランドのポジショニングに適したナビゲーションエリアを素早く構(gòu)築することができます。Header Builderのモジュール式アプローチでは、ロゴ、メニュー、検索バー、ショッピングカート、言語切り替えなどのコンポーネントを自由に組み合わせることができ、デスクトップとモバイルそれぞれに最適化されています。組み合わせる ワードプレス 獨自のメニュー管理システムにより、ナビゲーション構(gòu)造も簡単に維持できる。

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