ドキュメントホーム › ブランディング、デザイン、コンテンツ
動画チュートリアルを見る
EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube
設定の階層構造
Washlora には複数の階層があります。最も限定的な階層から、最も全体的な階層の順に作業してください。
- ページコンテンツ — ページエディターで編集するセクション内のテキスト、画像、リンク。
- Niche identity と Niche design — ネイティブニッチ共通のアイデンティティと見せ方。
- Washlora Design Studio と Washlora Options — 標準のテーマシェルに対する全体のビジュアル設定。
ニッチ独自のヘッダーとフッターは、標準のグローバルシェルより優先されることがあります。ネイティブデモで全体のカラー変更が反映されない場合は、まず Niche identity で設定してください。
Niche identity
管理画面のパス： Appearance → Niche identity
- 編集する前に、ニッチを選択します。
- Brand、Tagline、Phone、Email、Hours、Area、About を設定します。
- Primary、Dark、Accent、Soft、Ink のカラーを調整し、Save identity をクリックします。
- ニッチのヘッダーとフッターを、ホームページと下層ページの両方で確認します。
共通のアイデンティティを変更しても、デモのすべての段落が書き換わるわけではありません。セクション固有のテキストは、ページエディターで編集してください。
Niche design
管理画面のパス： Appearance → Niche design
- ニッチを選び、Atelier、Dispatch、Enterprise、Home care などの表現スタイルを選択します。
- コンテンツ幅を 1040 から 1320 px、角の丸みを 0 から 48 px、デスクトップでのセクション間隔を 64 から 120 px の範囲で設定します。
- デザインを保存し、同じニッチを複数のエディターでプレビューします。
セクションの構成を変えたい場合は、代わりにページエディターのレイアウトコントロールを使用してください。
Washlora Design Studio
管理画面のパス： Washlora AI Studio → Design Studio
標準のテーマシェルに対する全体のビジュアル設定です。Save Design をクリックすると適用されます。
| コントロール | 選択肢 |
|---|---|
| カラー | Primary、Secondary、Accent、Body background、Text colour。 |
| Header style / Footer style | 12 種類のヘッダースタイルと 12 種類のフッタースタイル。 |
| ロゴの幅 | 60 から 360 px。 |
| スライダーのスタイル | スタイル 1 から 5。 |
| サイトレイアウト | Wide または Boxed。 |
| ヘッダーのオプション | Sticky header、Mega menu、Menu search、Menu cart。 |
Washlora Options
Redux Framework を有効にすると、標準のテーマシェルに適用される全体のブランディング、カラー、タイポグラフィ、ヘッダー、フッター、ブログ、パフォーマンスの設定を、Washlora Options で行えます。
メニュー、ヘッダー、フッター
管理画面のパス： Appearance → Menus
- ご自身のニッチに対応するメニューを選択し、ラベルを更新します。
- サンプルのリンク先を自分のページに置き換え、プライマリメニューの割り当てを確認します。
- ニッチのヘッダーがコールトゥアクションとして使用している場合は、最後のメニュー項目を、主要な問い合わせまたは予約のアクションのままにしておきます。
- 共通の連絡先と事業に関するテキストは、Niche identity で更新します。
- 保存後、モバイルメニュー、キーボードフォーカス、フッターのリンク、すべてのボタンを確認します。
公開されている 105 デモのショーケースのメガメニューは、作者のデモブラウザーです。ショーケース自体がご自身の事業サイトにインポートされるとは考えないでください。
サービス、価格、画像
編集用のページコピーは、サービスレコードや課金対象の商品とは分けて管理します。
- サービスの見せ方を変更するには、選択したエディターで Services ページを編集します。
- ランドリーサービスのレコードは、WordPress の service コンテンツタイプで管理します。タイトル、説明、サービスの詳細を確認してください。
- オンライン販売をする場合は、WooCommerce で該当する Products を編集し、実際の価格、税金、在庫状況を設定します。Commerce Studio をご覧ください。
- サンプルの写真は、各セクションの画像コントロールで置き換えます。メディアライブラリで、意味のある代替テキストを追加してください。
- スマートフォンとワイド画面で画像のトリミングを確認し、サードパーティの写真については出典とライセンスの記録を残してください。
プレビューの写真とサンプルの価格は、事業としての約束ではありません。再利用する前に、各デモ写真のライセンスを確認してください。メディアクレジットをご覧ください。
ヒーロー画像とオプションのスライダー
ネイティブのヒーローセクションと、サードパーティのスライダーモジュールは、異なる種類のコンテンツです。
- ネイティブのヒーローは、選択したページエディターで、セクションの画像、タイトル、本文、コールトゥアクションを編集します。
- ページに実際にスライダーが埋め込まれている場合は、そのモジュールを特定し、対応するスライダープラグイン（Slider Revolution、Smart Slider 3、Master Slider）を開きます。プレビューサイトでは、Prime Slider と Serious Slider も有効になっています。
- 埋め込まれているスライダーがインポート後も存在し、そのショートコードまたはウィジェットが正しいモジュールを指していることを確認します。
- モバイルで、自動再生、キーボード操作、モーション低減、画像の読み込みをテストします。
デフォルトのスライダーオプションを選択しても、ネイティブのヒーローセクションがスライダーモジュールに変換されるわけではありません。
Demo-Data 内のスライダーのデータベースエクスポートは、生の SQL として本番データベースにインポートしないでください。管理された移行プロセスを使用してください。各スライダープラグインのパッケージ内容とライセンスを確認してください。