Of je jouw website nu hebt gemaakt met Gutenberg, Divi, Elementor, ACF, LiveCanvas of een andere tool: je kunt deze altijd slim inrichten en onderdelen hergebruiken. Dit maakt niet alleen het opzetten en aanpassen van pagina’s makkelijker en efficiënter, het zorgt ook nog eens voor consistentie in je website. En dat is weer goed voor de gebruiksvriendelijkheid. Richt je website slim in en bespaar jezelf zeeën van tijd!
Globale styling instellen
Wat ik vaak zie gebeuren, is dat de styling (vormgeving) van een website op de onderdelen van een pagina zelf wordt toegepast, in plaats van op één plek voor alle onderdelen. Dit zorgt ervoor dat wanneer jij een keer een andere kleur of ander lettertype wilt gebruiken, je dit voor al deze onderdelen op alle pagina’s moet gaan aanpassen. Dat is huilen natuurlijk. Gebruik daarom zo veel mogelijk de globale styling om je website vorm te geven, zodat je alles in één keer vanuit één plek kunt wijzigen.
De globale styling vind je meestal onder ‘Weergave > Customizer’ of in de instellingen van het thema dat je gebruikt. Hier stel je op één plek alle gewenste kleuren, lettertypes, lettergroottes, knoppen, etc. in. Alle vormgeving die je hier instelt, staat meteen op alle pagina’s in je website goed.
Globale onderdelen
Er zijn altijd onderdelen in je website die op meerdere plekken terugkomen. Deze onderdelen kunnen precies hetzelfde zijn (zoals contactgegevens, over mij) of net iets andere content hebben (zoals testimonials, call to actions). Deze onderdelen kun je opslaan als globale onderdelen, zodat je ze op alle pagina’s in je website kunt hergebruiken en dus niet steeds opnieuw hoeft te maken. Dit heten vaak globale elementen, patronen, sjablonen of templates; afhankelijk van de tool waarmee jouw WordPress website is opgebouwd.
Je kunt bij het opslaan vaak voor 2 opties kiezen:
- Het onderdeel opslaan waarbij de inhoud gesynchroniseerd wordt. Dit is ideaal voor onderdelen die op iedere pagina precies hetzelfde moeten zijn. Je kunt dan namelijk dit onderdeel op iedere pagina tegelijk aanpassen door het op één pagina maar te wijzigen.
- Het onderdeel opslaan waarbij de inhoud niet gesynchroniseerd wordt. Dit is top voor onderdelen die er hetzelfde uit moeten zien, maar waarvan de inhoud wel moet verschillen. Je kunt dit onderdeel dan makkelijk hergebruiken, maar de inhoud nog wel aanpassen zonder dat het op andere plekken ook aangepast wordt.
Zijn er onderdelen in jouw website die je nu op meerdere plekken steeds moet aanpassen? Begin met dit onderdeel globaal op te slaan en dit op alle relevante pagina’s te vervangen met het globale element. Dit gaat je heel veel tijd schelen in de toekomst!
Paginatypen hergebruiken
Een website is altijd op te delen in een aantal paginatypen, omdat niet iedere pagina uniek is (of hoeft te zijn). Vaak zit er een rode draad in pagina’s die je op andere pagina’s ook ziet. Daar kun je slim gebruik van maken, zodat je niet het wiel steeds opnieuw hoeft uit te vinden.
Een paar voorbeelden van paginatypen zijn:
- Landingspagina
- Salespagina
- Overzichtspagina (zoals blog, producten, portfolio)
- Detailpagina / Informatiepagina (zoals blogpost, productpagina, over ons)
- Contactpagina / Aanvraag
3 manieren om nieuwe pagina’s snel op te zetten
Wanneer je weet binnen welke paginatype een nieuwe pagina valt, kun je deze heel snel opzetten. Drie manieren om dit te doen:
- Eén pagina opslaan als template voor dit paginatype en dit template gebruiken voor nieuwe pagina’s.
- Een pagina binnen hetzelfde paginatype kopiëren en vervolgens de inhoud aanpassen. De optie om te dupliceren is bij sommige WordPress tools standaard (zoals Divi en Elementor), en anders kun je hier een plugin voor installeren.
- Pagina’s opbouwen m.b.v. globale elementen (zie eerdere onderdeel).