Bearbeiten mit vier Seiteneditoren

Bearbeiten Sie Washlora-Seiten mit Gutenberg, Elementor, WPBakery oder dem Classic Editor.

Dokumentation – Startseite › Bearbeiten mit vier Seiteneditoren

Video-Tutorial ansehen

EP 2 · 105 Laundry Website Demos, 3 Home Layouts & 4 Page Editors · 5:02 · YouTube

Einen Editor wählen

Jede Nischen-Startseite existiert in vier Editor-Versionen. Wählen Sie einen Editor und bleiben Sie bei dessen Seitenversionen – die Versionen sind getrennte Seiten, keine Konvertierungen voneinander. Öffnet sich eine Seite als nicht verfügbarer Block, roher Shortcode oder leerer Bereich, ist der Editor oder das Plugin Washlora Native Layouts nicht aktiv.

Eine native Demo-Seite mit Umschalter für Startseiten-Layout und Editor.
Eine native Demo-Seite mit Umschalter für Startseiten-Layout und Editor. Zum Vergrößern anklicken.
Editor 1

Mit Gutenberg bearbeiten

Native Laundry-Section-Blöcke stellen strukturierte Inhalte bereit, ohne dass PHP-Templates bearbeitet werden müssen.

  1. Öffnen Sie Pages → All Pages und wählen Sie die Gutenberg-Version Ihrer Seite.
  2. Wählen Sie einen Washlora Section-Block aus. Bearbeiten Sie Überschrift, Eyebrow, Text, Bilder, Schaltfläche, Link und wiederholte Elemente in den Blockeinstellungen.
  3. Verwenden Sie die Listenansicht, um ganze Abschnitte auszuwählen und neu anzuordnen. Behalten Sie im Hero genau eine Haupt-H1 bei.
  4. Ändern Sie die Darstellung eines Abschnitts mit der Layout-Einstellung und sehen Sie sich dann die Vorschau an – jedes Layout behandelt Bilder und Elemente anders.
  5. Speichern Sie einen Entwurf oder aktualisieren Sie die Seite und prüfen Sie dann das Frontend auf Mobilgerät und Desktop.
Lassen Sie Washlora Native Layouts aktiv. Eine Meldung über einen nicht verfügbaren Block bedeutet meist, dass das Block-Plugin fehlt.
Editor 2

Mit Elementor bearbeiten

Die Seite verwendet native Laundry-Section-Widgets in Elementor-Containern.

  1. Öffnen Sie Pages → All Pages → Edit with Elementor.
  2. Wählen Sie das Laundry-Section-Widget in der Arbeitsfläche oder im Navigator aus.
  3. Bearbeiten Sie Text, Bilder, Schaltfläche oder Link und die Felder der wiederholten Elemente. Wählen Sie Layout und Ton in den Widget-Einstellungen.
  4. Ordnen Sie Widgets im Navigator neu an und lassen Sie Funktionsabschnitte wie die Buchung an der vorgesehenen Position.
  5. Aktualisieren Sie die Seite und prüfen Sie das Frontend. Wirken die Stile veraltet, nutzen Sie die Cache- und Regenerierungswerkzeuge von Elementor und leeren Sie dann den Website-Cache.
Verwenden Sie die Elementor-Version der Demo. Das Öffnen einer Gutenberg-Seite in Elementor konvertiert deren Blöcke nicht.
Editor 3

Mit WPBakery bearbeiten

Laundry-Sections sind bearbeitbare Komponenten innerhalb von WPBakery-Zeilen und -Spalten.

  1. Öffnen Sie die WPBakery-Version der Seite und starten Sie den Backend- oder Frontend-Editor.
  2. Bearbeiten Sie eine Laundry-Section-Komponente, um Text, Bilder, Elementzeilen, Layout, Ton und Links zu ändern.
  3. Verschieben Sie die gesamte Komponente oder ihre übergeordnete Zeile, um die Seite neu anzuordnen.
  4. Bewahren Sie Funktionskomponenten, wenn Sie die umgebende Darstellung ändern.
  5. Speichern Sie und sehen Sie sich die Vorschau an. Erscheinen rohe Shortcodes, prüfen Sie, ob WPBakery und Washlora Native Layouts aktiv sind.
Vermeiden Sie es, codierte Attribute wiederholter Elemente in der Textansicht von Hand zu bearbeiten.
Editor 4

Mit dem Classic Editor bearbeiten

Die Classic-Version verwendet strukturierte Abschnittssteuerungen, die mit der Seite gespeichert werden.

  1. Öffnen Sie die Classic-Version über Pages → All Pages.
  2. Die Laundry-Section-Steuerung finden Sie unterhalb des Haupt-Inhaltseditors.
  3. Ändern Sie Abschnittsfelder und wiederholte Elemente und ordnen Sie die Abschnitte nach Bedarf neu an.
  4. Belassen Sie den Ausgabe-Shortcode [laundry_classic_sections] im Hauptinhalt.
  5. Aktualisieren Sie die Seite und laden Sie das Frontend neu, um das gespeicherte Layout zu prüfen.
Ersetzen Sie den Haupt-Shortcode nicht durch kopierten Vorschau-HTML-Code. Die Abschnittssteuerung ist die bearbeitbare Quelle.