Je homepage, ook wel startpagina genoemd, zet de toon voor je hele website. Wanneer jouw homepage niet de goede content laat zien, of er simpelweg niet mooi uitziet, is het tijd om er mee aan de slag te gaan. Maar als je nog niet veel ervaring hebt met het zelf sleutelen aan websites dan kan dit al snel een hele klus lijken.
Het goede nieuws is dat WordPress je allerlei mogelijkheden geeft om je homepage te veranderen, dus dit hoeft helemaal niet zo ingewikkeld te zijn. Er zijn verschillende manieren waarop je veranderingen kan implementeren, zodat je homepage je belangrijkste boodschap nog beter overbrengt.
In deze gids zullen we bespreken wat de WordPress homepage is en waarom je deze zou willen veranderen. Vervolgens laten we verschillende manieren zien om je homepage aan te passen.
Aan de slag!
Wat is de WordPress homepage (en waarom zou je jouw homepage willen veranderen)
Je kan je homepage zien als de voordeur van je website. Het is de eerste pagina die bezoekers zien als ze je URL intypen, dus je wil daarmee een goede eerste indruk maken.
De homepage zou bezoekers een helder idee moeten geven waar je website over gaat, en wat ze eraan kunnen hebben. De homepage van Slack is bijvoorbeeld een goed voorbeeld van hoe je je product kan showen en de aandacht kan trekken:
Bij veel WordPress thema’s toont je homepage standaard je meest recente blogartikelen.
Maar het kan natuurlijk dat je juist iets anders wil benadrukken en laten zien. Zeker als je de website niet als blog gebruikt, of dat dit in ieder geval niet de focus is.
Wellicht wil je ook je homepage gewoon elke zoveel tijd eens veranderen. Bijvoorbeeld wanneer je een evenement of aanbieding wil gaan doen, dan kan je de homepage gebruiken om daar zoveel mogelijk aandacht aan te geven. Kortom, er zijn allerlei redenen waarom je je WordPress homepage zou kunnen willen veranderen.
Zo stel je een statische homepage in
Als je je blogartikelen – WordPress noemt deze zelf “berichten” – niet wil tonen op toch wel de belangrijkste pagina van je website, dan kan je ook een “statische” homepage instellen. Een statische pagina laat content zien die zelden verandert. Op je WordPress website kan je zowel een homepage instellen als een aparte pagina voor je blog (een lijst met al je berichten).
Om je homepage te maken, log je eerst in op je beheerdersdashboard. Klik op Pagina’s > Nieuwe toevoegen:
Geef je WordPress homepage een relevante naam, en klik op Publiceren. Herhaal dit om een pagina voor je blog te maken.
Nu je de pagina’s klaar hebt staan kan je WordPress gaan vertellen wat er mee moet gebeuren.
Ga naar de pagina Instellingen > Lezen en onder de opties Je homepage toont selecteer je Een statische pagina. Vervolgens gebruik je de dropdown-menu’s om je homepage en pagina voor de artikelen te kiezen.
Tijdens het uitvoeren van dit proces is het niet onverstandig je website in de onderhoudsmodus te zetten. Door dit te doen zien je bezoekers een bericht dat je zelf kan instellen, in plaats van een foutpagina of een niet-werkende website. Als je al wat verkeer op je website krijgt, is het dus verstandig dit te doen voordat je aan de gang gaat met je homepage.
Je kan de WP Maintenance Mode plugin gebruiken om deze functie in te stellen:
Deze plugin maakt het mogelijk om een bericht voor je bezoekers in te stellen, waarmee je je bezoekers kan laten weten dat er onderhoud plaatsvindt en dat de site binnenkort weer online is.
Zo verander je de homepage in WordPress (3 manieren)
Nu je je homepage klaar hebt staan, kan je content gaan toevoegen en het ontwerp verbeteren.
We bekijken drie tools die je hiervoor kan gebruiken.
1. Gebruik de Thema Customizer om je homepage te bewerken
Veel WordPress thema’s bieden je een eenvoudig ontwerp voor je homepage, naast wat mogelijkheden om deze aan te passen. Deze mogelijkheden kan je vinden in de Thema Customizer.
Begin vanuit je beheerdersgebied, en klik op Weergave > Customizer om de tool te starten. De customizer biedt je een live preview terwijl je aanpassingen aan je homepage doet, dus je ziet meteen het resultaat.
De veranderingen worden pas echt doorgevoerd als je op Publiceren klikt, dus je kan er rustig op los experimenteren.
Afhankelijk van je thema zijn er verschillende zaken die je kan veranderen. Je kan navigeren via de tabbladen in het menu, of op een gebied met een icoontje van een blauwe pen klikken om het te bewerken:
Wanneer je thema diverse templates voor je pagina’s bevat, kan je beginnen met deze eens te verkennen.
Sommige thema’s geven je meerdere opties om bijvoorbeeld je zijbalk te plaatsen, of om die helemaal te verwijderen zodat je pagina de hele breedte inneemt:
Wanneer er delen van de homepage zijn die je niet nodig acht, dan kan je de customizer gebruiken om die delen te verwijderen.
Dit doe je door naar dat element te navigeren in het menu, en op het oog-icoon te klikken naast de naam:
Je kan verwijderde delen altijd terughalen door weer op hetzelfde icoon te klikken. Je kan de items binnen de kolom verslepen om de volgorde te veranderen.
2. Bewerk je WordPress homepage via de blokeditor
Het kan zijn dat er na het gebruiken van de Thema Customizer toch nog wat kleine zaken zijn die je wil veranderen via de blokeditor. Deze editor biedt namelijk nog meer opties om je layout en ontwerp precies zo aan te passen als jij het hebben wilt.
Om te beginnen ga je naar je homepage vanaf het beheerdersdashboard door op Pagina’s te klikken, en vervolgens selecteer je de pagina die je als homepage hebt ingesteld. Met de blockeditor kan je allerlei verschillende soorten content toevoegen aan je homepage. Wellicht wil je beginnen met wat tekst ter introductie van de website en van wat jij doet of aanbiedt.
Begin door op de pagina te klikken en gewoon te gaan typen. De editor zal automatisch de juiste paragraafblock toevoegen.
Je kan zelf ook een block selecteren door op het plusje te klikken, linksboven in het scherm of wanneer het verschijnt in het venster van de editor. Daarna kan je het paragraaf-block zoeken en selecteren:
Nadat je de tekst toegevoegd hebt, kan je het instellingenmenu gebruiken om het verder aan de passen. Zo kan je onder Typografie de grootte van je tekst veranderen. Je kan zelfs een speciale hoofdletter toevoegen om een paragraaf te beginnen.
Om wat kleur aan je paragraaf toe te voegen kan je de Kleurinstellingen uitproberen. Ook hier kan je uit verschillende standaardkleuren kiezen of je eigen kleur maken die perfect bij je huisstijl past:
Je zal waarschijnlijk ook wat afbeeldingen willen toevoegen aan je homepage.
Dit doet je door op het plusje te klikken en dan het Afbeelding blok te kiezen:
In het blok dat nu wordt toegevoegd, kan je een afbeeldingen toevoegen door een afbeelding te uploaden, te selecteren in je Mediabibliotheek of via een URL. Je kan vervolgens de toolbar boven het blok gebruiken om de uitlijning aan te passen en de afbeelding hoger of lager te zetten op de pagina.
Als je graag een bijschrijft wil, is er ruimte onder de afbeelding waar je dat kwijt kan.
Je kan nu doorgaan met het toevoegen van blokken tot je helemaal tevreden bent met je pagina. Om nog meer blokken te vinden kan je klikken op het plusje en in het menu zoeken dat zich dan opent.
Je kan klikken op Blokken om alle mogelijke blokken te zien.
Mocht je bijvoorbeeld een mix van media en tekst willen gaan gebruiken, dan kan je dat via losse paragraaf- en afbeeldingsblokken doen. Maar je kan ook rechtstreeks een Media & tekst blok gebruiken:
Dit blok maakt het mogelijk om in verschillende samenstellingen media en tekst binnen één blok te tonen:
Om een blok weer te verwijderen klik je op de drie verticale puntjes in de toolbar, en klik je op Verwijder blok. Met deze tools kun je zo ongeveer elke homepage maken die je kan bedenken.
3. Verander je WordPress homepage met de klassieke editor
Als je liever met de klassieke editor werkt, kan je nog altijd een prachtige homepage bouwen. Ook hier begin je vanaf het WordPress beheerdersdashboard.
Klik op Pagina’s en selecteer de pagina die je als homepage wil instellen.
Om tekst toe te voegen kan je nu beginnen met typen. De tekst zal standaard een paragraaf zijn, maar je kan ook het dropdown-menu gebruiken om een titel of kop te maken:
Met dit dropdown-menu kan je tekst veranderen van een paragraaf naar diverse koppen.
De toolbar naast de dropdown biedt nog meer opties voor je tekst. Zo kan je de tekst dik of schuingedrukt maken, de uitlijning aanpassen, en lijsten maken met nummering of bulletpoints. Als je graag een citaat aan je pagina toe wil voegen kan je dat ook hier doen.
Via deze toolbar kan je ook links toevoegen aan je teksten. Als laatste zit er een knop in om een “meer lezen ” tag toe te voegen. Dat is handig als je artikelen op je website wil linken, maar niet meteen de hele tekst op je homepage wil hebben staan.
De laatste knop in de rij opent een aantal extra tools. Deze geven je mogelijkheden voor bijvoorbeeld het aanpassen van de kleur of grootte van je tekst.
Je kan ook met de klassieke editor afbeeldingen en andere media aan je pagina toevoegen. Dit doe je door op Media toevoegen te klikken, waarna een nieuw venster opent. Hier kies je de Bestanden selecteren knop om nieuwe bestanden aan je Mediabibliotheek toe te voegen.
Je kan bestanden van je apparaat uploaden en ze toevoegen aan je Mediabibliotheek.
Vanuit dit venster kan je ook bij bestanden die je eerder hebt geüpload door op het tabblad Mediabibliotheek te klikken. Selecteer het bestand dat je wil toevoegen, en klik op de knop Voeg toe aan pagina:
De afbeelding zal nu op je pagina te zien zijn. Je krijgt meer mogelijkheden voor het bestand door erop te klikken. Bij deze afbeeldingen kan je bijvoorbeeld de uitlijning veranderen, de afbeelding bewerken, of helemaal verwijderen:
Je kan de uitlijning van je afbeelding veranderen nadat je deze hebt toegevoegd.
Om te zien hoe je homepage er inmiddels uitziet, kan je op de knop Preview klikken. Nadat je tevreden bent met je nieuwe pagina, klik je op Publiceren om je veranderingen op te slaan en zichtbaar te maken op je website.
Optioneel: bekijk het Twenty Twenty-One thema
Als je het werken met de blobeditor prettig vindt, ben je wellicht geïnteresseerd in het Twenty Twenty-One thema, het nieuwe standaardthema in WordPress 5.6:
Het Twenty Twenty-One thema is ontworpen voor flexibiliteit en werkt soepel voor verschillende typen websites. Het thema bevat eenvoudige lettertypen en een rustig kleurenschema met pasteltinten. Het maakt ook maximaal gebruik van patronen, voorgedefinieerde bloklayouts die je verder kan bewerken om bij jouw voorkeuren te passen.
Deze gespecialiseerde layouts, in combinatie met de eenvoud van Twenty Twenty-One, maken dit thema een ideale keuze als je je homepage helemaal naar smaak wil kunnen aanpassen, zonder dat je een externe page builder nodig hebt.
Zo maak je een menu voor je homepage
Terwijl je toch bezig bent met je homepage, wil je wellicht ook eens goed kijken naar je navigatiemenu. Alhoewel dit menu waarschijnlijk al op de meeste pagina’s van je site te zien is, kan het extra belangrijk zijn voor mensen die voor het eerst om je homepage aankomen.
Vanaf het beheerdersdashboard klik je op Weergave > Menu’s.
Als je nog helemaal geen menu’s hebt, zal je nu meteen gevraagd worden om er één te maken, of je kan op de knop Menu aanmaken klikken. Je menu heeft een unieke naam nodig om het makkelijker te onderscheiden van andere menu’s die je later misschien nog gaat maken:
De volgende stap is het toevoegen van pagina’s aan het menu. Je kan ze per stuk toevoegen, of de Automatisch pagina’s toevoegen aanvinken om alle hoofdpagina’s automatisch toe te voegen.
Selecteer je de pagina’s liever zelf, dan klik je op het tabblad Alles tonen in de kolom aan de linkerkant. Vink alle pagina’s aan die je graag wil toevoegen klik op de knop Aan menu toevoegen:
Je kan automatisch top-level pagina’s toevoegen of handmatig kiezen welke pagina’s in je menu moeten zitten.
Nu je pagina’s aan je menu hebt toegevoegd, kan je de volgorde ervan aanpassen. Dit doe je door de menu-items te verslepen naar waar je ze wilt hebben.
Wil je graag items als sub-item nesten onder een ander item, zodat je een soort dropdown-menu krijgt, dan kan dit hier ook. Het voordeel hiervan is dat je meer links aan je navigatie toe kan voegen, zonder dat het meteen rommelig of verwarrend wordt.
Het enige dat je hiervoor hoeft te doen is het subitem naar onder en iets rechts van het hoofditem te slepen.
Als laatste heb je nog enkele keuzes waar je menu verschijnt op je pagina, afhankelijk van je thema.
Populaire keuzes zijn de footer, helemaal bovenaan, of in de zijbalken (links of rechts). Als de standaardkeuzes nog niet goed genoeg zijn, kan je ook een lijst met de beste plugins voor meer menufuncties bekijken voor meer opties.
Samenvatting
Een goed ontworpen homepage geeft je bezoekers meteen een helder idee waar je website over gaat en wat het hen te bieden heeft. Wanneer je het allemaal handig instelt, kan het zo een krachtig hulpmiddel zijn voor e-commerce websites, persoonlijke blogs en alles daartussenin.
Maar er zijn ook situaties waarin je je homepage wil aanpassen om beter bij je huisstijl te passen, of bij een nieuwe dienst die je nu aanbiedt, of om beter bij je nieuwe thema te passen. Dankzij WordPress kan je op verschillende manieren je WordPress homepage veranderen en bewerken, zoals:
- De Thema Customizer te gebruiken om je homepage aan te passen
- Je homepage bewerken via de blokeditor
- Je homepage aanpassen via de klassieke editor
Heb je nog andere vragen over hoe je je WordPress homepage kan bewerken? Vraag ons alles in de reacties hieronder!
Hoofdredacteur bij Kinsta en content marketing consultant voor WordPress plugin-ontwikkelaars. Verbind met <a href="">Matteo op Twitter.
Beste,
ik heb al veel gehad aan jullie site maar nu loop ik toch nog tegen een ding aan.
Ik wil graag de kleuren veranderen van de buttons – in het thema Alante Minimal – de homepage featured – Maar ik krijg het niet voor elkaar. Ook de ”Enable Pre-Made Homepage”‘ kan ik niet aan switchen.
Kunt u me uitleggen hoe ik dat kan doen?
Tessa, fijn om te horen!
Je kan je vraag het beste stellen in de het WordPress support forum: https://nl.wordpress.org/support
Is het mogelijk om je voorpagina apart te behouden op de pc en tablet, maar op je mobiel van je winkelpagina de homepagina te maken?
Dat zou met wat slimme code zeker kunnen. Mijn tip: stel je vraag op het WordPress NL forum, daar weten ze er vast wel raad mee.
https://nl.wordpress.org/support/
Beste,
Ik heb een ander thema gekozen en hierin ook al een home pagina gemaakt en een blog pagina etc. en hierbij heb ik ook al op publiceren geklikt. Als ik nu mijn site bezoek op internet staat er nog steeds het standaard thema van wordpress (de twenty-twenty-one) en er staat dan oneindigheid berekenen. Daar staat wel een zoekbalk op als ik daarin dan ‘home’ zoek kom ik pas op het thema uit wat ik heb gemaakt en heb gepubliceerd. Hoe kan ik dit oplossen of wat doe ik fout?
@Desi,
gebruik je cache? Probeer die dan eens te legen. Verder kan je kijken of je het thema wel geactiveerd hebt.
Ik maak een site voor uitvaartverzorging in het thema Grow. Nu wil ik naast het logo een button waar ze 24/7 een overlijden kunnen melden. Hoe krijg ik deze hier?
@Jellie, je kan je vraag het beste hier stellen: https://nl.wordpress.org/support/