Je homepage is het digitale visitekaartje van je organisatie. Het is vaak de eerste pagina die bezoekers zien, en dus de plek waar de eerste indruk wordt gemaakt. Gelukkig hoef je geen ontwikkelaar te zijn om je WordPress-homepage aan te passen. Met de juiste aanpak pas je in een paar stappen de inhoud, het uiterlijk en de instellingen aan zonder dat je één regel code hoeft te schrijven.
In dit stappenplan doorloop je alles wat je nodig hebt: van het kiezen van de juiste editor tot het controleren van je resultaat op mobiel. Zo verbeter je je WordPress-website op een manier die zowel bezoekers als zoekmachines aanspreekt.
De juiste WordPress-editor kiezen voor je homepage
Voordat je begint met aanpassen, is het goed om te weten welke editor jouw WordPress-installatie gebruikt. Die keuze bepaalt namelijk hoe je werkt en welke mogelijkheden je hebt. Er zijn twee hoofdroutes.
Gutenberg: de standaard blok-editor
Gutenberg is de ingebouwde editor van WordPress. Je werkt met blokken die je kunt verplaatsen, aanpassen en stapelen. Denk aan afzonderlijke bouwstenen voor tekst, afbeeldingen, knoppen en video. Gutenberg is geschikt voor wie eenvoudige pagina’s wil maken zonder extra software te installeren. Moderne WordPress-versies bieden ook Full Site Editing (FSE), waarmee je vanuit één interface ook de header, footer en globale stijlen aanpast.
Elementor en andere pagebuilders
Pagebuilders zoals Elementor geven je meer visuele controle. Je ziet direct hoe de pagina eruitziet terwijl je aanpassingen doet, dankzij een drag-and-drop interface. Elementor werkt als een eigen ontwerplaag bovenop WordPress. Dat biedt meer vrijheid, maar voegt ook een extra softwarelaag toe aan je website. Sommige teams kiezen voor een combinatie: Gutenberg voor tekstpagina’s en een pagebuilder voor de homepage en landingspagina’s.
Controleer welke editor actief is door in je WordPress-dashboard naar een pagina te gaan en op “Bewerken” te klikken. Zie je blokken met een plusknop? Dan werk je met Gutenberg. Zie je een aparte “Met Elementor bewerken”-knop? Dan is Elementor geïnstalleerd. Weet je het niet zeker, dan staat het in het menu onder Plugins.
Je homepage instellen als vaste pagina in WordPress
Standaard toont WordPress de meest recente blogberichten op de homepage. Voor de meeste bedrijfswebsites wil je dat niet: je wilt een vaste, zelfgemaakte pagina als startpunt. Dit stel je als volgt in.
- Ga naar Pagina’s in je dashboard en klik op Nieuwe pagina.
- Geef de pagina een naam, zoals “Homepage” of “Startpagina”, en voeg alvast wat tijdelijke inhoud toe.
- Klik op Publiceren. Let op: een conceptpagina kan niet als homepage worden geselecteerd, de pagina moet gepubliceerd zijn.
- Ga vervolgens naar Instellingen en klik op Lezen.
- Kies bij “Startpagina toont” voor Een statische pagina.
- Selecteer bij “Voorpagina” de pagina die je zojuist hebt aangemaakt.
- Klik op Wijzigingen opslaan.
Bezoek daarna je website via een nieuw browsertabblad. Je ziet nu de pagina die je hebt geselecteerd als homepage. Als je nog steeds blogberichten ziet, controleer dan of de instelling correct is opgeslagen en of de pagina de status “Gepubliceerd” heeft. Meer over dit veelvoorkomende probleem lees je verderop in dit artikel.
Gebruik je een klassiek thema? Dan kun je de homepage ook instellen via Weergave en daarna Aanpassen, en vervolgens Homepage-instellingen. Bij blokthema’s (FSE) werkt dit pad niet. Ga dan via Weergave naar Editor.
Inhoud van je homepage bewerken en opslaan
Met de homepage ingesteld, is het tijd om de inhoud aan te passen. De werkwijze verschilt iets per editor, maar de basisstappen zijn vergelijkbaar.
Bewerken in Gutenberg
Open de homepage via Pagina’s en klik op de paginanaam. De Gutenberg-editor opent. Klik op een bestaand blok om het te selecteren en de tekst of instellingen te wijzigen. Wil je een nieuw blok toevoegen? Klik op het plusje (+) dat verschijnt tussen blokken of linksboven in de editor. Typ een schuine streep “/” om snel een bloktype te zoeken, zoals “Afbeelding” of “Knop”.
Sla je werk op via de knop Bijwerken rechtsboven. WordPress slaat ook automatisch conceptversies op, maar publiceer bewust. Na de eerste klik op “Publiceren” of “Bijwerken” verschijnt een bevestigingspaneel. Klik nogmaals om de wijziging live te zetten.
Bewerken in Elementor
Open de pagina en klik bovenin op Met Elementor bewerken. De Elementor-interface opent met een live preview rechts en een paneel links. Klik op een sectie of widget om die te selecteren en aan te passen. Voeg nieuwe secties toe via het plusje onderaan een bestaande sectie. Klik linksonder op Publiceren of Bijwerken om je wijzigingen op te slaan.
Controleer na het opslaan of de wijzigingen zichtbaar zijn op je live website. Open je homepage in een incognitovenster om zeker te zijn dat je de actuele versie ziet en niet een gecachte versie.
Thema-instellingen die de homepage beïnvloeden
De inhoud is slechts een deel van het verhaal. Het thema bepaalt hoe die inhoud eruitziet: kleuren, lettertypen, de opbouw van de header en de algehele stijl. Aanpassingen aan het thema hebben direct effect op je homepage.
Bij een klassiek thema ga je naar Weergave en daarna Aanpassen. Hier vind je opties voor:
- Site-identiteit: logo, sitetitel, ondertitel en favicon
- Kleuren en lettertypen: huisstijlkleuren en typografie
- Menu’s: navigatiestructuur en koppeling van menu-items
- Widgets: extra elementen in zijbalken of de footer
Bij een blokthema gebruik je de Site-editor via Weergave en dan Editor. Hier pas je globale stijlen aan via het penseelicoon rechtsboven. Blokthema’s werken met een theme.json-bestand voor styling, wat zorgt voor consistentie door de hele website.
Wil je grote aanpassingen doen aan een thema? Gebruik dan een child theme. Dat is een kopie van het originele thema waaraan je veilig kunt sleutelen. Bij een thema-update blijven jouw aanpassingen dan bewaard. Maak altijd een back-up voordat je thema-instellingen wijzigt, zeker als je van thema wisselt: alle widget-instellingen en thema-opties moeten dan opnieuw worden ingesteld.
Controleer je homepage op alle apparaten
Een homepage die er op een laptop prachtig uitziet, kan op een smartphone een rommelige indruk maken. Meer dan de helft van alle websitebezoek verloopt via een mobiel apparaat, en Google beoordeelt je website primair op basis van de mobiele versie. Testen is dus geen optie, maar een vereiste.
Gebruik de volgende methoden om je homepage te controleren:
- WordPress Customizer: klik linksonder op het mobiele pictogram om de mobiele weergave te simuleren, zonder de site te verlaten
- Browser-ontwikkelaarstools: druk op F12 in Chrome of Firefox en kies het apparaatpictogram om verschillende schermformaten te testen
- Google PageSpeed Insights: voer je URL in op PageSpeed Insights Deze link opent in een nieuw tabblad voor een analyse van zowel mobiele als desktopprestaties
- Responsinator: een gratis tool waarmee je direct ziet hoe je homepage eruitziet op verschillende apparaten en oriëntaties
Let bij je controle op: overlappende tekst, knoppen die te klein zijn om op te tikken, afbeeldingen die buiten het scherm vallen en menu’s die niet openen op mobiel. Gebruik je Elementor? Dan kun je per apparaat aparte instellingen opgeven, zoals een kleiner lettertype of verborgen elementen op mobiel. Zo houd je de mobiele ervaring schoon en overzichtelijk.
Veelvoorkomende problemen bij het aanpassen van je homepage
Soms lijkt alles goed te gaan, maar zie je de wijzigingen niet terug op je website. Dat is frustrerend, maar bijna altijd oplosbaar. Hier zijn de meest voorkomende oorzaken en hun oplossingen.
Wijzigingen zijn niet zichtbaar
De meest voorkomende boosdoener is caching. Je browser, server of een cachingplugin heeft een oude versie van de pagina opgeslagen. Caching als oorzaak Deze link opent in een nieuw tabblad wordt door meerdere WordPress-experts bevestigd als de meest voorkomende reden voor onzichtbare wijzigingen. Probeer het volgende:
- Harde browserverversing: druk op Ctrl+F5 (Windows) of Cmd+Shift+R (Mac)
- Incognitovenster: open je homepage in een privévenster van je browser
- Cache legen: gebruik je WP Rocket, LiteSpeed Cache of een andere cachingplugin, dan verschijnt er bovenin je dashboard een knop om de cache te legen
- Hostingcache: sommige hostingpartijen hebben een eigen servercache, die je via je hostingpaneel kunt legen
De homepage toont nog steeds blogberichten
Controleer opnieuw de instelling via Instellingen en daarna Lezen. Staat “Voorpagina” op de juiste pagina? En heeft die pagina de status “Gepubliceerd”? Een conceptpagina wordt niet herkend als geldige homepage. Sla de instellingen opnieuw op, ook als ze er al goed uitzien.
De editor werkt niet of reageert niet
Dit wijst vaak op een conflict tussen plugins of het thema. Schakel plugins één voor één uit via Plugins en daarna Geïnstalleerde plugins om de veroorzaker te vinden. Test daarna of de editor weer werkt. Vervang het thema tijdelijk door een standaardthema zoals Twenty Twenty-Four om te controleren of het thema het probleem veroorzaakt. Zorg ook dat WordPress, je thema en alle plugins up-to-date zijn, want verouderde software is een veelvoorkomende bron van bewerkingsproblemen.
Kom je er zelf niet uit, of wil je dat de homepage meteen goed staat? Dan helpt een ervaren WordPress-partner je snel verder. Bij website development zorgen we dat alles technisch klopt, van editor tot mobiele weergave.
Je homepage staat er goed op
Met de stappen in dit artikel stel je je WordPress-homepage in als vaste pagina, pas je de inhoud aan in de juiste editor, stem je de thema-instellingen af op je huisstijl en controleer je het resultaat op alle apparaten. Loopt er iets mis, dan weet je nu ook waar je moet zoeken. Wil je zeker weten dat je homepage technisch en visueel op het hoogste niveau staat? Neem dan contact op met Stuurlui voor een vrijblijvend gesprek.