Washlora — przewodnik główny

Kompletna dokumentacja krok po kroku: od instalacji i importu niszy, przez edycję, rezerwacje i sklep z usługami, po AI Studio i start.

Strona główna dokumentacji › Przewodnik główny

Wolisz oglądać? Pełna seria o Washlora jest w YouTube (11 odcinków).Otwórz pełną playlistę w YouTube

Szybki start

Sześć kroków od pobrania do działającej witryny. Każdy krok jest szczegółowo opisany poniżej.

  1. Wgraj i aktywuj motyw Washlora (washlora-theme.zip).
  2. Zainstaluj i aktywuj Washlora Core, a następnie darmową wtyczkę WordPress Importer.
  3. Zainstaluj edytor, którego będziesz używać (Elementor, WPBakery lub Classic Editor — Gutenberg jest wbudowany), a także WooCommerce i Contact Form 7.
  4. Otwórz Appearance → Import a niche i wybierz jedną ze 105 nisz.
  5. Kliknij Import selected niche, następnie otwórz Pages i wybierz układ strony głównej oraz wersję edytora.
  6. Zastąp przykładową treść: Niche identity, menu, usługi, ceny, rezerwacje i dane kontaktowe.
Krok 1

Przygotuj środowisko testowe i hosting

Najpierw pracuj w środowisku testowym (staging). Washlora wymaga WordPressa 6.6 lub nowszego i PHP 8.0 lub nowszego.

  1. Wykonaj kopię zapasową bazy danych i plików, z której można przywrócić witrynę.
  2. Poproś hosting o co najmniej 256 MB pamięci PHP i limit czasu wykonywania około 300 sekund dla importów.
  3. Ustaw limity przesyłania wyższe niż rozmiar plików ZIP, które będziesz wgrywać.
Ścieżka w panelu: Tools → Site Health → Info

Szczegóły: Instalacja i wymagania · Hosting i rozwiązywanie problemów

Krok 2

Zainstaluj motyw i wtyczki

Wgraj instalacyjny plik ZIP motywu, a następnie zainstaluj wtyczki towarzyszące i tylko ten edytor, którego zamierzasz używać.

  1. Wgraj i aktywuj washlora-theme.zip (motyw Washlora).
  2. Zainstaluj i aktywuj Washlora Core, wymaganą wtyczkę towarzyszącą.
  3. Zainstaluj darmową wtyczkę WordPress Importer.
  4. Zainstaluj Elementor, WPBakery lub Classic Editor (Gutenberg jest wbudowany), a także WooCommerce i Contact Form 7, jeśli ich potrzebujesz.
Ścieżka w panelu: Appearance → Themes → Add New / Plugins → Add New

Szczegóły: Instalacja i wymagania

EP 1 · Washlora: Laundry & Dry Cleaning WordPress Theme with WooCommerce (105 Demos) · 5:18 · YouTube

Krok 3

Zaimportuj swoją niszę

Wybierz jedną ze 105 nisz. Każda ma trzy układy strony głównej w czterech wersjach edytora.

  1. Otwórz Appearance → Import a niche i wybierz niszę.
  2. Pozostaw zaznaczone Download demo images albo odznacz tę opcję, aby zaimportować samą treść.
  3. Kliknij Import selected niche, a następnie przejrzyj dziennik.
  4. Otwórz Pages, wybierz stronę główną i wersję edytora, a stronę startową ustaw w Settings → Reading.
Ścieżka w panelu: Appearance → Import a niche

Szczegóły: Import niszy

Kolekcja 105 niszKolekcja 105 nisz
Przeglądaj nisze, układy strony głównej i wersje edytorów na stronie Demos na żywo.
Krok 4

Edytuj w jednym z czterech edytorów

Wybierz Gutenberg, Elementor, WPBakery lub Classic Editor i trzymaj się jego wersji stron. Wersje to osobne strony, a nie konwersje.

  1. Gutenberg: edytuj bloki Washlora Section i zmieniaj ich kolejność w widoku listy (List View).
  2. Elementor: edytuj widżety sekcji Laundry na kanwie lub w Navigatorze.
  3. WPBakery: edytuj komponenty Washlora Section wewnątrz wierszy i kolumn.
  4. Classic: użyj kontrolek sekcji pod edytorem i zachowaj [laundry_classic_sections].
Ścieżka w panelu: Pages → All Pages

Szczegóły: Edycja w czterech edytorach stron

Przełącznik układu strony głównej i edytoraPrzełącznik układu strony głównej i edytora
Obejrzyj podgląd każdej wersji edytora natywnej strony demo.
Krok 5

Marka, kolory i menu

Najpierw ustaw tożsamość, potem prezentację, a na końcu wygląd globalny. Natywne strony niszowe mają własne warstwy tożsamości i wyglądu.

  1. Ustaw Brand, Tagline, Phone, Email, Hours, Area, About i kolory w Niche identity.
  2. Dostosuj szerokość treści, zaokrąglenie narożników i odstępy między sekcjami w Niche design.
  3. Użyj Design Studio i Washlora Options do globalnych opcji nagłówka, stopki, układu i menu.
  4. Zaktualizuj etykiety i cele pozycji menu.
Ścieżka w panelu: Appearance → Niche identity / Niche design · Washlora AI Studio → Design Studio

Szczegóły: Marka, wygląd i treść

Krok 6

Usługi, cennik i obrazy

Zastąp przykładowe usługi, ceny i zdjęcia rzeczywistymi informacjami o swojej firmie.

  1. Edytuj stronę Services w swoim edytorze i zarządzaj rekordami usług w typie treści service.
  2. Jeśli sprzedajesz online, ustaw rzeczywiste ceny, podatki i dostępność w WooCommerce.
  3. Zastąp przykładowe zdjęcia i dodaj przydatny tekst alternatywny.
Ścieżka w panelu: Pages → Services · Products → All Products

Szczegóły: Marka, wygląd i treść

Sekcja rejestru usługSekcja rejestru usług
Sekcja rejestru usług w demo Tent & Awning Care.

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

Krok 7

Rezerwacja, odbiór i dostawa

Strona rezerwacji zbiera zgłoszenia. Zgłoszenie nie jest opłaconym ani potwierdzonym zamówieniem.

  1. Zachowaj sekcję funkcji rezerwacji na stronie rezerwacji.
  2. Zastąp przykładowe obszary usług i godziny pracy.
  3. Submit a test request on staging and confirm that the request record is stored.
  4. Przejrzyj Pickup Slots, Garment Items i Delivery Routes pod kątem swojego sposobu pracy.
Ścieżka w panelu: Pages → Booking

Szczegóły: Rezerwacje, odbiór i obsługa

Formularz zgłoszenia odbioru i dostawyFormularz zgłoszenia odbioru i dostawy
Prawdziwy formularz zgłoszenia, pokazany bez wysyłania danych klientów.

EP 7 · Laundry Pickup & Delivery Booking Form in WordPress (Built-in) · 4:15 · YouTube

Krok 8

Sklep i płatności

Commerce Studio dodaje sklep z usługami pralniczymi na bazie natywnego WooCommerce.

  1. Edytuj usługi w Products; wypełniaj tylko te szczegóły usług, które Twoja firma jest w stanie zrealizować.
  2. W razie potrzeby użyj shortcode'ów sklepu [laundryes_commerce_store] lub [laundryes_woocommerce_store niche="laundromat"].
  3. Skonfiguruj własnego dostawcę płatności. Import niszy nigdy nie włącza bramki płatności.
  4. Przed startem złóż zamówienie testowe.
Ścieżka w panelu: Products · WooCommerce → Settings → Payments · WooCommerce → Settings → Products → Washlora shopping

Szczegóły: Commerce Studio i sklep

EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube

Więcej poradników wideo

Krok 9

AI Studio: generator i asystent

Twórz edytowalne szkice stron z zainstalowanych szablonów. Zewnętrzny klucz API do AI nie jest potrzebny.

  1. Otwórz AI Website Generator jako administrator i wpisz nazwę firmy, niszę, edytor i układ strony głównej.
  2. Wygeneruj podgląd planu witryny i sprawdź ostrzeżenia.
  3. Zbuduj szkice, sprawdź każdy z nich i publikuj dopiero po przeglądzie.
  4. Stronę główną i menu przypisz samodzielnie — wygenerowane menu nie jest przypisywane automatycznie.
Ścieżka w panelu: Washlora AI Studio → AI Website Generator / AI Theme Assistant

Szczegóły: AI Studio

Demo planowania generatoraDemo planowania generatora
Publiczne demo planowania. Przepływ pracy administratora tworzy szkice.

EP 10 · Laundry Checkout with Pickup Fields, Website Generator & Docs · 4:26 · YouTube

Więcej poradników wideo

Krok 10

Slidery, języki i kontrole jakości

Zanim opublikujesz witrynę, sprawdź sekcje hero, opcjonalne slidery, tłumaczenia, układy od prawej do lewej i dostępność.

  1. Natywne sekcje hero edytuj w edytorze stron; wtyczki slidera używaj tylko wtedy, gdy strona rzeczywiście osadza slider.
  2. Wybierz język witryny i przygotuj przetłumaczoną treść.
  3. Przetestuj RTL, małe telefony, fokus klawiatury i etykiety formularzy.
Ścieżka w panelu: Settings → General

Szczegóły: Języki, RTL i dostępność

Krok 11

Uruchom witrynę i dbaj o jej kondycję

Usuń wszystkie przykładowe wartości, przetestuj rzeczywiste zasady biznesowe, wykonaj kopię zapasową, a następnie opublikuj.

  1. Zastąp przykładowe nazwy, adresy, numery telefonów, ceny i polityki.
  2. Przetestuj rezerwacje, kontakt, koszyk i kasę na komputerze i urządzeniu mobilnym.
  3. Wyczyść pamięci podręczne i sprawdź publiczną witrynę, będąc wylogowanym.
  4. Trzymaj własny kod w motywie potomnym i testuj aktualizacje w środowisku testowym.

Szczegóły: Start, aktualizacje i wsparcie