Documentatie-startpagina › Huisstijl, ontwerp en inhoud
Bekijk de videotutorial
EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube
Hoe de instellingen gelaagd zijn
Washlora kent meerdere lagen. Werk van de meest specifieke laag naar de meest globale:
- Pagina-inhoud — tekst, afbeeldingen en links in de sectie die je bewerkt in je pagina-editor.
- Niche identity en Niche design — gedeelde identiteit en presentatie voor een native niche.
- Washlora Design Studio en Washlora Options — globale visuele instellingen voor de standaard themastructuur.
Niche identity
- Kies de niche voordat je gaat bewerken.
- Vul Brand, Tagline, Phone, Email, Hours, Area en About in.
- Pas de kleuren Primary, Dark, Accent, Soft en Ink aan en klik op Save identity.
- Controleer de header en footer van de niche op de homepage en op een binnenpagina.
Het wijzigen van de gedeelde identiteit herschrijft niet elke alinea van de demo. Bewerk sectiespecifieke tekst in de pagina-editor.
Niche design
- Kies de niche en selecteer een presentatiestijl, zoals Atelier, Dispatch, Enterprise of Home care.
- Stel de inhoudsbreedte in van 1040 tot 1320 px, de hoekafronding van 0 tot 48 px en de sectieruimte op desktop van 64 tot 120 px.
- Sla het ontwerp op en bekijk dezelfde niche in meer dan één editor.
Gebruik voor een andere sectieopbouw in plaats daarvan de lay-outinstelling in de pagina-editor.
Washlora Design Studio
Globale visuele instellingen voor de standaard themastructuur. Klik op Save Design om ze toe te passen.
| Instelling | Keuzes |
|---|---|
| Kleuren | Primary, Secondary, Accent, Body background en Text colour. |
| Header-/footerstijl | 12 headerstijlen en 12 footerstijlen. |
| Logobreedte | 60 tot 360 px. |
| Sliderstijl | Stijl 1 tot 5. |
| Sitelay-out | Wide of Boxed. |
| Headeropties | Sticky header, Mega menu, Menu search en Menu cart. |
Washlora Options
Activeer Redux Framework om Washlora Options te gebruiken voor de globale instellingen voor huisstijl, kleur, typografie, header, footer, blog en prestaties die gelden voor de standaard themastructuur.
Menu's, header en footer
- Selecteer het menu dat bij je niche hoort en pas de labels aan.
- Vervang de voorbeeldbestemmingen door je eigen pagina's en controleer de toewijzing van het hoofdmenu.
- Houd het laatste menu-item als hoofdactie voor aanvragen of boeken als de header van je niche het als call-to-action gebruikt.
- Werk gedeelde contact- en bedrijfsteksten bij in Niche identity.
- Controleer na het opslaan het mobiele menu, de toetsenbordfocus, de footerlinks en elke knop.
Diensten, prijzen en afbeeldingen
Houd redactionele paginateksten gescheiden van dienstrecords en betaalde producten.
- Bewerk de pagina Services in de editor van je keuze om de presentatie van de diensten te wijzigen.
- Beheer de records van wasdiensten via het contenttype service in WordPress. Controleer hun titels, beschrijvingen en dienstdetails.
- Als je online verkoopt, bewerk dan de bijbehorende Products in WooCommerce en stel echte prijzen, belastingen en beschikbaarheid in. Zie Commerce Studio.
- Vervang voorbeeldfoto's via de afbeeldingsinstelling van elke sectie. Voeg betekenisvolle alternatieve tekst toe in de Media Library.
- Controleer de uitsneden van afbeeldingen op telefoons en brede schermen en houd een bron- en licentieregister bij voor foto's van derden.

Heroafbeeldingen en optionele sliders
Native hero-secties en slidermodules van derden zijn verschillende contenttypen.
- Bewerk voor een native hero de afbeelding, titel, tekst en call-to-action van de sectie in de gekozen pagina-editor.
- Als een pagina echt een slider insluit, bepaal dan welke module dat is en open de bijbehorende sliderplugin: Slider Revolution, Smart Slider 3 of Master Slider. Prime Slider en Serious Slider zijn ook actief op de previewsite.
- Controleer na het importeren of een ingesloten slider bestaat en of de shortcode of widget naar de juiste module verwijst.
- Test autoplay, toetsenbordtoegang, verminderde beweging en het laden van afbeeldingen op mobiel.
Demo-Data mag je niet als ruwe SQL in een productiedatabase importeren — gebruik een gecontroleerd migratieproces. Controleer de pakketinhoud en de licenties van elke sliderplugin.