Wilt u een WordPress-thema aanpassen? Misschien ben je net begonnen met je persoonlijke website, maar de standaard WordPress-thema's maken je niet vrolijk.
Gelukkig biedt WordPress een groot aantal opties om u te helpen het thema van uw website aan te passen en te ontwerpen naar uw voorkeuren. We laten u zien hoe u aan de slag kunt gaan.
Stap 1: Het standaardthema wijzigen
Momenteel wordt een standaard WordPress-installatie geleverd met de Twenty-Twenty Two-themaset als standaard. Maar zoals je misschien hebt gemerkt, heeft het standaardthema niet alle toeters en bellen die je op je website zou willen hebben. Natuurlijk, het laadt snel en levert wat nodig is, maar je wilt ook dat je website er goed uitziet.
Overweeg daarom om het standaard WordPress-thema te vervangen door iets dat meer aanpasbaar is. Enkele geweldige voorbeelden zijn GeneratePress, Astra, OceanWP, Kadence WP, enz.
Om dat te doen, logt u in op het WordPress-dashboard van uw site en selecteert u Uiterlijk vanuit de linkerzijbalk. Schakel dan over naar de
Thema's sectie en klik op Nieuwe toevoegen om een nieuw thema te installeren. WordPress zal een catalogus presenteren van de meest populaire en nieuwste thema's. U kunt er een uit deze lijst kiezen of handmatig de naam van het thema dat u wilt installeren in het zoekveld typen.Hoe dan ook, beweeg de muisaanwijzer over het thema-item wanneer je het ziet en klik op Installeren. Dan klikken Activeren om het thema toe te passen op de live website. Veel WordPress-thema's zien er direct fantastisch uit, terwijl u in sommige gevallen zelfs de basislay-out van de website zelf moet aanpassen.
Stap 2: Enkele algemene websitevariabelen wijzigen
Nadat u het gewenste thema heeft geïnstalleerd, is de volgende stap het instellen van enkele basisvariabelen die van invloed zijn op uw hele website, zoals uw websitenaam, slogan en logo. Ga naar de Uiterlijk sectie en klik op Aanpassen om de WordPress-aanpasser te openen. Hier vindt u instellingen om de structuur, het ontwerp en de typografie van uw website aan te passen.
Houd er rekening mee dat de onderstaande optielabels kunnen verschillen op basis van het thema dat je hebt geïnstalleerd, maar de meeste functies zullen aanwezig zijn in de customizer, net onder een ander label. Zorg er dus voor dat u met de opties speelt voordat u daadwerkelijke wijzigingen aan de website aanbrengt.
Ga om te beginnen naar de Site-identiteit sectie en voer de naam en slogan van uw website in. Maak vervolgens twee verschillende logo's voor uw website: het header-logo en het favicon. WordPress zal de aanbevolen afmetingen voor de favicon specificeren; u hoeft alleen maar de afbeelding te maken en deze naar de bibliotheek te uploaden. De rest is makkelijk!
Je kunt er ook voor kiezen om de websitenaam en slogan te verbergen als je een aangepast logo uploadt.
Ga vervolgens verder met het wijzigen van de lay-out van de website door over te schakelen naar de Lay-out sectie. Hier kunt u de primaire containerbreedte, koptekstuitlijning, navigatiemenu, zijbalken en nog veel meer wijzigen.
Het wordt aanbevolen dat u op dit punt uw kop- en voettekstmenu's maakt - met behulp van de Menu's sectie, zodat u zich later alleen op de ontwerpkant kunt concentreren.
Stap 3: Doorgaan naar meer geavanceerde stylings
Nu de fundamentele dingen uit de weg zijn, heb je een basisstructuur van hoe je website eruit zal zien. Maak je geen zorgen als het er nog niet goed uitziet. Ga naar de Kleuren sectie en selecteer de primaire kleuren voor uw website. U kunt een online website om kleurenpaletten te genereren voor uw merk.
Schakel dan over naar de Typografie sectie en voeg eventuele lettertypen toe die u op uw website wilt hebben. Zodra u een schoon en leesbaar lettertype heeft geselecteerd, gaat u verder met Widgets. Er is een groot aantal widgets die u aan uw website kunt toevoegen: zoekveld, recente opmerkingen, gerelateerde artikelen, galerij, aangepaste HTML-code, tekstweergave, enz.
Selecteer de locatie waar u de widget wilt weergeven en voeg er vervolgens een toe met behulp van de functie WordPress-blokwidgets.
Stap 4: Aangepaste code gebruiken om uw WordPress-thema aan te passen
Een van de vele functies van WordPress is de mogelijkheid om aangepaste code te verwerken. U kunt uw code bovenop WordPress toevoegen en deze zal de wijzigingen weerspiegelen zonder iets te breken. De enige vangst? U moet bekwaam zijn in CSS voor het stylen van HTML en PHP voor het wijzigen van de standaard WordPress-functionaliteit.
Om aangepaste CSS aan uw website toe te voegen, gaat u naar de Aanvullende CSS sectie in de WordPress-aanpasser. Hier kunt u klassen en ID's gebruiken om HTML-elementen naar uw smaak te selecteren en op te maken. Om de element-ID voor een HTML-entiteit te krijgen, gebruikt u browserontwikkelaarstools die worden aangeboden door Google Chrome en Mozilla Firefox.
Om de werking van het thema aan te passen, gaat u ook naar uw WordPress-dashboard en selecteert u Uiterlijk vanuit de linkerzijbalk. Onder Thema Bestandseditor, vindt u een lijst met alle themabestanden en een editor die u kunt gebruiken om ze te wijzigen.
U kunt alles wijzigen, van de manier waarop berichten op uw categoriepagina's worden weergegeven tot hoe de opmerkingen worden weergegeven en gefilterd door PHP-bestanden te bewerken.
Stap 5: Maak een onderliggend thema om aanpassingen op te slaan
Uw aanpassingen zorgen ervoor dat uw site er prachtig uitziet. Maar alleen totdat de ontwikkelaar een thema-update uitbrengt. De wijzigingen die u aanbrengt in uw thema gaan verloren zodra u uw WordPress-thema upgradet. Om dit tegen te gaan, kunt u: maak een child-thema van je hoofdthema van WordPress.
Een child-thema neemt de stijl, het uiterlijk en de functies van het hoofdthema over en stelt u in staat uw aanpassingen eraan toe te voegen. Op deze manier weet je zeker dat wanneer er een nieuwe update is voor het hoofdthema, de update alleen het bovenliggende thema beïnvloedt en je aanpassingen intact blijven.
Bonustip: een Page Builder of sjablonen gebruiken om uw website te ontwerpen
Als u geen tijd wilt besteden aan het genereren van een merkkleurenpalet en het aanpassen van elk aspect van uw website, overweeg dan om kant-en-klare sjablonen te gebruiken. Een disclaimer: niet alle WordPress-thema's bieden hun gebruikers gratis sjablonen, maar er zijn er veel die dat wel doen.
Dus als je weinig tijd hebt en snel een persoonlijke of zakelijke website moet maken, installeer dan een thema met verschillende sjablonen waaruit je kunt kiezen.
Zo ziet de demo-website eruit na het toepassen van een sjabloon door GeneratePress:
Nog beter, u kunt een paginabuilder gebruiken waarmee u aangepaste pagina's kunt maken met behulp van hulpmiddelen voor slepen en neerzetten. U kunt met dergelijke tools ook aangepaste kop- en voetteksten bewerken en maken.
WordPress-paginabouwers zoals Elementor en Divi zijn een redder in nood voor degenen die geen ervaring hebben met frontend-technologieën, en gewoon een snelle manier nodig hebben om prachtige websites te maken die worden aangedreven door WordPress zonder codering.
Een professionele website bouwen met WordPress
Het starten van een website kost tijd. Je moet een domeinnaam kopen en hosting opzetten, en dat is nadat je een merknaam hebt bedacht.
Er zijn momenteel bijna 1,7 miljard websites op internet en er komen er elke dag meer bij. Daarom is het belangrijk om een unieke domeinnaam te kiezen waarmee uw merk zich kan onderscheiden van de massa.