ドキュメントホーム › マスターガイド
クイックスタート
ダウンロードから稼働するサイトまでの 6 つのステップです。各ステップの詳細は、以下で説明します。
- Washlora テーマ(
washlora-theme.zip)をアップロードして有効化します。 - Washlora Core をインストールして有効化し、続いて無料の WordPress Importer をインストールします。
- 使用するエディター(Elementor、WPBakery、Classic Editor。Gutenberg は標準搭載です)に加え、WooCommerce と Contact Form 7 をインストールします。
- Appearance → Import a niche を開き、105 のニッチからひとつを選択します。
- Import selected niche をクリックし、Pages を開いて、ホームレイアウトとエディター版を選択します。
- サンプルコンテンツを置き換えます:Niche identity、メニュー、サービス、価格、予約、連絡先の詳細。
ステージング環境とホスティングの準備
まずステージング環境で作業してください。Washlora には、WordPress 6.6 以降と PHP 8.0 以降が必要です。
- 復元可能なデータベースとファイルのバックアップを取得します。
- ホスティング会社に、256 MB 以上の PHP メモリと、インポート用に約 300 秒の実行時間を依頼してください。
- アップロード上限を、アップロードする ZIP ファイルのサイズより大きく設定します。
テーマとプラグインのインストール
インストール用のテーマ ZIP をアップロードし、続いて補助プラグインと、使用予定のエディターのみをインストールします。
washlora-theme.zip(Washlora テーマ)をアップロードして有効化します。- 必須の補助プラグインである Washlora Core をインストールして有効化します。
- 無料の WordPress Importer をインストールします。
- Elementor、WPBakery、Classic Editor(Gutenberg は標準搭載)をインストールします。必要に応じて、WooCommerce と Contact Form 7 もインストールします。
詳細:インストールと要件
EP 1 · Washlora: Laundry & Dry Cleaning WordPress Theme with WooCommerce (105 Demos) · 5:18 · YouTube
ニッチのインポート
105 のニッチからひとつを選びます。それぞれに、3 種類のホームレイアウトが 4 つのエディター版で用意されています。
- Appearance → Import a niche を開き、ニッチを選択します。
- Download demo images はチェックしたままにするか、コンテンツのみをインポートする場合はチェックを外します。
- Import selected niche をクリックし、ログを確認します。
- Pages を開き、ホームとエディター版を選んで、Settings → Reading でフロントページを設定します。
詳細:ニッチのインポート
105 ニッチのコレクション4 つのエディターのいずれかで編集
Gutenberg、Elementor、WPBakery、Classic Editor のいずれかを選び、そのページ版を使い続けます。各版は別々のページであり、変換されたものではありません。
- Gutenberg:Washlora Section ブロックを編集し、リストビューで並べ替えます。
- Elementor:キャンバスまたはナビゲーターで、Laundry セクションのウィジェットを編集します。
- WPBakery:行と列の中にある Washlora Section コンポーネントを編集します。
- Classic:エディターの下にあるセクションコントロールを使用し、
[laundry_classic_sections]は残しておきます。
ホームレイアウトとエディターの切り替えブランド、カラー、メニュー
まずアイデンティティ、次に見せ方、最後に全体のデザインの順に設定します。ネイティブのニッチページには、独自のアイデンティティとデザインの階層があります。
- Brand、Tagline、Phone、Email、Hours、Area、About とカラーを Niche identity で設定します。
- コンテンツ幅、角の丸み、セクション間隔を Niche design で調整します。
- 全体のヘッダー、フッター、レイアウト、メニューのオプションには、Design Studio と Washlora Options を使用します。
- メニューのラベルとリンク先を更新します。
サービス、価格、画像
サンプルのサービス、価格、写真を、実際の事業情報に置き換えます。
- エディターで Services ページを編集し、service コンテンツタイプでサービスレコードを管理します。
- オンライン販売をする場合は、WooCommerce の実際の価格、税金、在庫状況を設定します。
- サンプルの写真を置き換え、わかりやすい代替テキストを追加します。
Service ledger セクションEP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube
予約、集荷、配達
予約ページはリクエストを受け付けます。リクエストは、支払い済みまたは確定済みの注文ではありません。
- 予約ページには、予約機能のセクションを残しておきます。
- サンプルのサービスエリアと営業時間を置き換えます。
- Submit a test request on staging and confirm that the request record is stored.
- ワークフローに合わせて、Pickup Slots、Garment Items、Delivery Routes を確認します。
集荷・配達リクエストフォームEP 7 · Laundry Pickup & Delivery Booking Form in WordPress (Built-in) · 4:15 · YouTube
ショップと決済
Commerce Studio は、WooCommerce ネイティブの上にランドリーサービスストアを追加します。
- Products でサービスを編集します。自社で提供できるサービスの詳細のみを入力してください。
- 必要に応じて、ショップのショートコード
[laundryes_commerce_store]または[laundryes_woocommerce_store niche="laundromat"]を使用します。 - ご自身の決済プロバイダーを設定します。ニッチをインポートしても、ゲートウェイは有効になりません。
- 公開前に、テスト注文を完了します。
AI Studio:ジェネレーターとアシスタント
インストール済みのテンプレートから、編集可能なページの下書きを作成します。外部の AI API キーは不要です。
- 管理者として AI Website Generator を開き、事業名、ニッチ、エディター、ホームレイアウトを入力します。
- ウェブサイトのプランをプレビューし、警告を確認します。
- 下書きを作成し、ひとつずつ確認して、確認後にのみ公開します。
- ホームページとメニューは、ご自身で割り当ててください。生成されたメニューは自動では割り当てられません。
詳細:AI Studio
ジェネレーターのプランニングデモスライダー、言語、品質チェック
公開前に、ヒーローセクション、オプションのスライダー、翻訳、右から左のレイアウト、アクセシビリティを確認します。
- ネイティブのヒーローセクションはページエディターで編集します。ページに実際にスライダーが埋め込まれている場合にのみ、スライダープラグインを使用してください。
- サイトの言語を選択し、翻訳したコンテンツを用意します。
- RTL、小さいスマートフォン、キーボードフォーカス、フォームのラベルをテストします。
公開と運用の維持
サンプルの値をすべて削除し、実際の業務ルールをテストして、バックアップを取ってから公開します。
- サンプルの名前、例の住所、電話番号、価格、ポリシーを置き換えます。
- 予約、お問い合わせ、カート、チェックアウトを、デスクトップとモバイルでテストします。
- キャッシュをクリアし、ログアウトした状態で公開サイトを確認します。
- カスタムコードは子テーマに保存し、アップデートはステージング環境でテストします。




