Bewerken met vier pagina-editors

Bewerk Washlora-pagina's met Gutenberg, Elementor, WPBakery of de Classic Editor.

Documentatie-startpagina › Bewerken met vier pagina-editors

Bekijk de videotutorial

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

Kies één editor

Elke homepage van een niche bestaat in vier editorversies. Kies één editor en blijf bij de bijbehorende paginaversies — de versies zijn aparte pagina's, geen conversies van elkaar. Opent een pagina als niet-beschikbaar blok, ruwe shortcode of leeg gebied, dan is de editor of de plugin Washlora Native Layouts niet actief.

Een native demopagina met de schakelaar voor homepage-indeling en editor.
Een native demopagina met de schakelaar voor homepage-indeling en editor. Klik om te vergroten.
Editor 1

Bewerken met Gutenberg

Native Washlora Section-blokken tonen gestructureerde inhoud zonder dat je PHP-templates hoeft te bewerken.

  1. Open Pages → All Pages en kies de Gutenberg-versie van je pagina.
  2. Selecteer een Washlora Section-blok. Bewerk in de blokinstellingen de kop, de eyebrow, de tekst, afbeeldingen, knop, link en herhaalde items.
  3. Gebruik List View om hele secties te selecteren en te herordenen. Houd één enkele hoofd-H1 in de hero.
  4. Gebruik de lay-outinstelling om de presentatie van een sectie te wijzigen en bekijk daarna het voorbeeld — elke lay-out behandelt afbeeldingen en items anders.
  5. Sla een concept op of werk de pagina bij en controleer daarna de front-end op mobiel en desktop.
Houd Washlora Native Layouts actief. Een melding over een niet-beschikbaar blok betekent meestal dat de blokplugin ontbreekt.
Editor 2

Bewerken met Elementor

De pagina gebruikt native Laundry-sectiewidgets binnen Elementor-containers.

  1. Open Pages → All Pages → Edit with Elementor.
  2. Selecteer de Laundry-sectiewidget in het canvas of in Navigator.
  3. Bewerk de tekst, afbeeldingen, knop of link en de velden voor herhaalde items. Kies de lay-out en toon in de widgetinstellingen.
  4. Wijzig de volgorde van widgets in Navigator en houd functionele secties zoals boeken op de bedoelde plek.
  5. Werk de pagina bij en controleer de front-end. Zien de stijlen er verouderd uit, gebruik dan de cache- en regeneratietools van Elementor en wis daarna de sitecache.
Gebruik de Elementor-versie van de demo. Een Gutenberg-pagina in Elementor openen zet de blokken niet om.
Editor 3

Bewerken met WPBakery

Laundry-secties zijn bewerkbare componenten binnen WPBakery-rijen en -kolommen.

  1. Open de WPBakery-versie van de pagina en start de backend- of front-endeditor.
  2. Bewerk een Washlora Section-component om tekst, afbeeldingen, itemrijen, lay-out, toon en links te wijzigen.
  3. Verplaats het complete component of de bovenliggende rij om de pagina te herordenen.
  4. Behoud functionele componenten wanneer je de omliggende presentatie wijzigt.
  5. Sla op en bekijk het voorbeeld. Verschijnen er ruwe shortcodes, controleer dan of WPBakery en Washlora Native Layouts actief zijn.
Vermijd het met de hand bewerken van gecodeerde attributen van herhaalde items in de tekstweergave.
Editor 4

Bewerken met de Classic Editor

De Classic-versie gebruikt gestructureerde sectieregelaars die bij de pagina worden opgeslagen.

  1. Open de Classic-versie via Pages → All Pages.
  2. Vind de Laundry-sectieregelaars onder de hoofdeditor voor inhoud.
  3. Wijzig sectievelden en herhaalde items en wijzig indien nodig de volgorde van de secties.
  4. Laat de uitvoershortcode [laundry_classic_sections] in de hoofdinhoud staan.
  5. Werk bij en laad de front-end opnieuw om de opgeslagen lay-out te controleren.
Vervang de hoofdshortcode niet door gekopieerde preview-HTML. De sectieregelaars zijn de bewerkbare bron.