Washlora – Hauptanleitung

Vollständige Schritt-für-Schritt-Dokumentation von der Installation und dem Nischen-Import über Bearbeitung, Buchung, Service-Shop und AI Studio bis zum Start.

Dokumentation – Startseite › Hauptanleitung

Lieber zuschauen? Die komplette Washlora-Serie gibt es auf YouTube (11 Folgen).Gesamte Playlist auf YouTube öffnen

Schnellstart

Sechs Schritte vom Download zur funktionierenden Website. Jeder Schritt wird unten ausführlich erklärt.

  1. Laden Sie das Washlora-Theme (washlora-theme.zip) hoch und aktivieren Sie es.
  2. Installieren und aktivieren Sie Washlora Core und anschließend den kostenlosen WordPress Importer.
  3. Installieren Sie den Editor, den Sie verwenden möchten (Elementor, WPBakery oder Classic Editor – Gutenberg ist integriert), sowie WooCommerce und Contact Form 7.
  4. Öffnen Sie Appearance → Import a niche und wählen Sie eine der 105 Nischen.
  5. Klicken Sie auf Import selected niche, öffnen Sie dann Pages und wählen Sie Ihr Startseiten-Layout und Ihre Editor-Version.
  6. Ersetzen Sie die Beispielinhalte: Niche identity, Menüs, Services, Preise, Buchung und Kontaktdaten.
Schritt 1

Staging und Hosting vorbereiten

Arbeiten Sie zuerst in einer Staging-Umgebung. Washlora benötigt WordPress 6.6 oder neuer und PHP 8.0 oder neuer.

  1. Erstellen Sie eine wiederherstellbare Sicherung von Datenbank und Dateien.
  2. Bitten Sie Ihren Hoster um 256 MB oder mehr PHP-Speicher und eine Ausführungszeit von etwa 300 Sekunden für Importe.
  3. Legen Sie die Upload-Limits höher fest als die Größe der ZIP-Dateien, die Sie hochladen.
Admin path: Tools → Site Health → Info

Details: Installation und Voraussetzungen · Hosting und Fehlerbehebung

Schritt 2

Theme und Plugins installieren

Laden Sie die installierbare Theme-ZIP-Datei hoch und installieren Sie dann die Begleit-Plugins sowie nur den Editor, den Sie verwenden möchten.

  1. Laden Sie washlora-theme.zip (das Washlora-Theme) hoch und aktivieren Sie es.
  2. Installieren und aktivieren Sie Washlora Core, das erforderliche Begleit-Plugin.
  3. Installieren Sie den kostenlosen WordPress Importer.
  4. Installieren Sie Elementor, WPBakery oder Classic Editor (Gutenberg ist integriert) sowie bei Bedarf WooCommerce und Contact Form 7.
Admin path: Appearance → Themes → Add New / Plugins → Add New

Details: Installation und Voraussetzungen

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

Schritt 3

Ihre Nische importieren

Wählen Sie eine der 105 Nischen. Jede bietet drei Startseiten-Layouts in vier Editor-Versionen.

  1. Öffnen Sie Appearance → Import a niche und wählen Sie eine Nische aus.
  2. Lassen Sie Download demo images aktiviert oder deaktivieren Sie die Option für einen reinen Inhaltsimport.
  3. Klicken Sie auf Import selected niche und prüfen Sie anschließend das Protokoll.
  4. Öffnen Sie Pages, wählen Sie Startseite und Editor-Version und legen Sie die Startseite unter Settings → Reading fest.
Admin path: Appearance → Import a niche

Details: Nischen-Import

Die Sammlung mit 105 NischenDie Sammlung mit 105 Nischen
Durchsuchen Sie Nischen, Startseiten-Layouts und Editor-Optionen auf der Live-Seite Demos.
Schritt 4

Mit einem von vier Editoren bearbeiten

Wählen Sie Gutenberg, Elementor, WPBakery oder den Classic Editor und bleiben Sie bei dessen Seitenversionen. Die Versionen sind getrennte Seiten, keine Konvertierungen.

  1. Gutenberg: Bearbeiten Sie Washlora Section-Blöcke und ordnen Sie sie in der Listenansicht neu an.
  2. Elementor: Bearbeiten Sie die Laundry-Section-Widgets in der Arbeitsfläche oder im Navigator.
  3. WPBakery: Bearbeiten Sie Laundry-Section-Komponenten innerhalb von Zeilen und Spalten.
  4. Classic: Verwenden Sie die Abschnittssteuerung unterhalb des Editors und behalten Sie [laundry_classic_sections] bei.
Admin path: Pages → All Pages

Details: Bearbeiten mit vier Seiteneditoren

Umschalter für Startseiten-Layout und EditorUmschalter für Startseiten-Layout und Editor
Sehen Sie sich jede Editor-Version einer nativen Demo-Seite in der Vorschau an.
Schritt 5

Marke, Farben und Menüs

Legen Sie zuerst Ihre Identität fest, dann die Darstellung, dann das globale Design. Native Nischenseiten haben eigene Ebenen für Identität und Design.

  1. Legen Sie Brand, Tagline, Phone, Email, Hours, Area, About und Farben unter Niche identity fest.
  2. Passen Sie Inhaltsbreite, Eckenradius und Abschnittsabstand unter Niche design an.
  3. Verwenden Sie Design Studio und Washlora Options für globale Header-, Footer-, Layout- und Menüoptionen.
  4. Aktualisieren Sie die Menübezeichnungen und -ziele.
Admin path: Appearance → Niche identity / Niche design · Washlora AI Studio → Design Studio

Details: Branding, Design und Inhalte

Schritt 6

Services, Preise und Bilder

Ersetzen Sie die Beispiel-Services, -Preise und -Fotos durch Ihre echten Unternehmensdaten.

  1. Bearbeiten Sie die Seite Services in Ihrem Editor und verwalten Sie die Service-Datensätze im Inhaltstyp service.
  2. Wenn Sie online verkaufen, legen Sie echte WooCommerce-Preise, Steuern und Verfügbarkeit fest.
  3. Ersetzen Sie Beispielfotos und ergänzen Sie hilfreiche Alternativtexte.
Admin path: Pages → Services · Products → All Products

Details: Branding, Design und Inhalte

Service-Ledger-AbschnittService-Ledger-Abschnitt
Ein Service-Ledger-Abschnitt in der Demo Tent & Awning Care.

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

Schritt 7

Buchung, Abholung und Lieferung

Die Buchungsseite erfasst Anfragen. Eine Anfrage ist keine bezahlte oder bestätigte Bestellung.

  1. Belassen Sie den Funktionsabschnitt der Buchung auf der Buchungsseite.
  2. Ersetzen Sie die Beispiel-Servicegebiete und Betriebszeiten.
  3. Submit a test request on staging and confirm that the request record is stored.
  4. Prüfen Sie Pickup Slots, Garment Items und Delivery Routes für Ihren Ablauf.
Admin path: Pages → Booking

Details: Buchung, Abholung und Betrieb

Formular für Abhol- und LieferanfragenFormular für Abhol- und Lieferanfragen
Das echte Anfrageformular, ohne Übermittlung von Kundendaten dargestellt.

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

Schritt 8

Shop und Zahlungen

Commerce Studio ergänzt das native WooCommerce um einen Wäsche-Service-Shop.

  1. Bearbeiten Sie Services unter Products; machen Sie nur Serviceangaben, die Ihr Unternehmen erfüllen kann.
  2. Verwenden Sie bei Bedarf die Shop-Shortcodes [laundryes_commerce_store] oder [laundryes_woocommerce_store niche="laundromat"].
  3. Konfigurieren Sie Ihren eigenen Zahlungsanbieter. Der Import einer Nische aktiviert nie eine Zahlungsart.
  4. Führen Sie vor dem Start eine Testbestellung durch.
Admin path: Products · WooCommerce → Settings → Payments · WooCommerce → Settings → Products → Washlora shopping

Details: Commerce Studio und Shop

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

Weitere Video-Tutorials

Schritt 9

AI Studio: Generator und Assistent

Erstellen Sie bearbeitbare Seitenentwürfe aus den installierten Vorlagen. Es ist kein externer AI-API-Schlüssel erforderlich.

  1. Öffnen Sie den AI Website Generator als Administrator und geben Sie Firmenname, Nische, Editor und Startseiten-Layout ein.
  2. Zeigen Sie den Website-Plan in der Vorschau an und prüfen Sie die Warnungen.
  3. Erstellen Sie die Entwürfe, prüfen Sie jeden einzelnen und veröffentlichen Sie erst nach der Prüfung.
  4. Weisen Sie Startseite und Menü selbst zu – das generierte Menü wird nicht automatisch zugewiesen.
Admin path: Washlora AI Studio → AI Website Generator / AI Theme Assistant

Details: AI Studio

Planungs-Demo des GeneratorsPlanungs-Demo des Generators
Die öffentliche Planungs-Demo. Der Administrator-Workflow erstellt Entwürfe.

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

Weitere Video-Tutorials

Schritt 10

Slider, Sprachen und Qualitätsprüfungen

Prüfen Sie vor dem Livegang Hero-Bereiche, optionale Slider, Übersetzungen, Rechts-nach-links-Layouts und Barrierefreiheit.

  1. Bearbeiten Sie native Hero-Bereiche im Seiteneditor; verwenden Sie ein Slider-Plugin nur, wenn die Seite tatsächlich einen Slider einbettet.
  2. Wählen Sie die Website-Sprache und stellen Sie übersetzte Inhalte bereit.
  3. Testen Sie RTL, kleine Smartphones, Tastaturfokus und Formularbeschriftungen.
Admin path: Settings → General

Details: Sprachen, RTL und Barrierefreiheit

Schritt 11

Starten und gesund halten

Entfernen Sie alle Beispielwerte, testen Sie die echten Geschäftsregeln, erstellen Sie eine Sicherung und veröffentlichen Sie dann.

  1. Ersetzen Sie Beispielnamen, Beispieladressen, Telefonnummern, Preise und Richtlinien.
  2. Testen Sie Buchung, Kontakt, Warenkorb und Checkout auf Desktop und Mobilgerät.
  3. Leeren Sie die Caches und prüfen Sie die öffentliche Website im abgemeldeten Zustand.
  4. Halten Sie eigenen Code in einem Child-Theme und testen Sie Updates in der Staging-Umgebung.

Details: Start, Updates und Support