WoodMart Theme: ヘッダービルダーでヘッダーを作成・カスタマイズ

あるウッドマートテーマの中で。ヘッダービルダーは、ウェブマスターがヘッダー構造を簡単にデザイン・編集できる強力なツールです。フロントエンドモードを使用すると、ワードプレスのバックエンドに切り替えることなく、フロントエンドで直接リアルタイムに編集することができ、作業効率が大幅に向上します。

ヘッダー編集のためにフロントエンドモードをオンにする

ヘッダーのフロントエンド・モード編集を有効にするには、まずトップ管理パネルでWoodMart -> ヘッダービルダー -> 現在のヘッダーを編集する.

こうすることで、フロントエンドで直接ヘッダーを編集できるようになる。

編集時には、下部のドロップダウンメニューから編集したいページを選択することもできます。

この機能により、ページごとに異なるヘッダー構造を設定することができ、パーソナライズが非常に容易になります。

新しいヘッダーを作成する

新しいヘッダーを作成する際にウッドマートいくつかの方法が用意されている：

• ボイド構造空白のヘッド構造を作成し、必要に応じてさまざまな要素を追加することができます。

• テンプレートライブラリWoodMartにはサンプルテンプレートが豊富に用意されています。

新しいヘッダーを作成するにはダッシュボード -> WoodMart -> ヘッダービルダークリック新しいヘッダーを作成するボタンをクリックします。ポップアップ・ウィンドウには2つのセクションがあります：

• ヘッダーレイアウト例ライブラリベースとなるテンプレートを選択し、後でカスタマイズすることができます。
• 既存ヘッドすでにカスタムヘッダーがある場合は、新しいヘッダーのベースとして使用するヘッダーを選択することができます。

これらの手順を完了すると、新しいヘッダーレイアウトが作成され、編集を開始できます。

デフォルトヘッダの設定

ヘッダー管理ページでは、どのヘッダーをウェブサイトのデフォルトヘッダーとするかを選択できます。のデフォルトに設定したいヘッダーの横をクリックするだけです。星形ボタン(デフォルト設定）でセットアップを完了します。

JSONデータをインポートしてヘッダーを作成する

以前に作成し、エクスポートしたJSONファイルをインポートすることができます。をクリックする。取り込むボタンをクリックし、JSONデータを貼り付け、ポップアップの取り込むこれはインポート操作が完了したことを意味します。この方法を使って、以前のヘッダーデザインを現在のサイトに移行し、カスタマイズを続けることができます。

ヘッダーの行と列の構成

ヘッダー・ビルダーでは、それぞれが3つのカラムを含む3つの行からなるレイアウトが表示されます。これらのカラムはサイトヘッダーの3つのセクションを表しています: トップカラム、メインヘッダー、ボトムカラムです。各セクションはドラッグ＆ドロップ可能なコンテナエリアになっており、様々な要素をこれらのカラムにドラッグ＆ドロップし、必要に応じてカラムの位置を変更することができます。このようにして、ニーズに応じて様々なヘッダーレイアウトをデザインし、コンテンツ要素の順序を自由に調整することができます。

ヘッダーの行と列の設定

各ヘッダーセクションにはそれぞれ設定オプションがある。ヘッダーセクションのコンパイラアイコンの後、行の高さ、配色、ボーダーなどをカスタマイズできます。設定ポップアップでは、以下の設定も可能です：

• スクロールの修正: スクロール時に行を固定するかどうかを設定します。
• デバイスの非表示モバイルデバイスとデスクトップデバイスのどちらで行を非表示にするかを選択します。
• ボトムベゼル下枠を付けるかどうかを設定します。
• 背景色または画像行の背景をカスタマイズします。
• レイアウト構成行のレイアウト構造を選択します。

これらのオプションの後、ヘッドの様々な部分を調整する柔軟性があり、あなたのニーズに合ったパーソナライズされたデザインを作ることができる。

概要

ウッドマートこのテーマのヘッダー・ビルダーは、柔軟で効率的なヘッダー・デザイン機能を提供します。フロントエンドモードを使えば、フロントエンドでリアルタイムにヘッダーを編集することができ、バックエンドへの頻繁な切り替えを避け、デザイン効率を向上させることができます。空白の構造を作成するか、テンプレートを使用するか、またはJSONこれらのデータはすべて、あなたのニーズに合ったヘッダーを素早く作成するのに役立ちます。