Inspiratie.

Dat is mijn doel voor jou.

Veel WP-gebruikers hebben zich nog niet gerealiseerd hoe krachtig WordPress is, dus laat deze post een bron van inspiratie zijn terwijl u nieuwe hulpmiddelen en tactieken ontdekt voor het aanpassen van uw WordPress website.

U zult uw site brandmerken, uw inhoud personaliseren en zelfs wijzigingen aanbrengen in het admin-dashboard.

Tegen de tijd dat u klaar bent met lezen, hebt u een mooiere, volledig gemerkte website.

Er is hier veel te leren, dus bookmark deze pagina zodat u terug kunt komen en afmaken als u meer tijd nodig hebt.

Laten we beginnen met de grootste aanpassingstactiek van allemaal…

Kies een nieuw thema

De snelste manier om een dramatische verandering in uw site aan te brengen, is door van WordPress-thema te veranderen.

Het veranderen van thema zal onmiddellijk alles veranderen aan het ontwerp van uw site.

Maar er is een probleem…

Er zijn meer dan 10.000 WordPress thema’s om uit te kiezen!

Je zou gemakkelijk dagen kunnen besteden aan het doorbladeren en beoordelen van thema’s. In feite doen veel mensen dat!

Wekelijks mailen mensen me dat ze honderden thema’s hebben bekeken voordat ze een van de mijne kozen.

Als je jezelf wat tijd wilt besparen, volg dan mijn gids over hoe je het perfecte thema voor je site kiest.

Natuurlijk, als u meteen een nieuw ontwerp wilt uitproberen, hebben we 19 gratis WordPress-thema’s die u rechtstreeks vanuit uw WP-dashboard kunt bekijken.

De volgende eenvoudige manier om het ontwerp van uw site ingrijpend te veranderen, is door over te schakelen van uw nieuwste berichten naar een statische pagina op de homepage.

Overschakelen naar een statische homepage

Hier is een insidertip:

Elke WordPress-site zou een statische homepage moeten gebruiken.

Jup, zelfs als u een blogger bent. In feite, vooral als je een blogger bent!

Je zult meer abonnees krijgen en meer geld verdienen met je website als je meer doet dan je nieuwste berichten vermelden.

Je homepage kan bijvoorbeeld een e-mail opt-in formulier bevatten om je abonnees op te bouwen en vervolgens een paar van je beste berichten te promoten in plaats van alleen je nieuwste berichten weer te geven.

Deze verandering is eenvoudig te maken vanuit het WordPress-dashboard. U hoeft alleen deze instelling om te zetten in een statische pagina:

Of u kunt deze eenvoudige videotutorial volgen:

U vraagt zich nu waarschijnlijk af hoe u een aangepaste homepage kunt maken. Ook dat is gemakkelijk te doen met het juiste gereedschap.

Een aangepaste homepage maken

U kunt Elementor gebruiken om een aangepaste homepage te ontwerpen.

In het geval u er niet bekend mee bent, Elementor is een page builder-plugin, en zoals het “page builder”-gedeelte al aangeeft, kunt u het gebruiken om volledig aangepaste pagina’s te maken.

Deze diepgaande videotutorial leert je hoe je Elementor gebruikt:

Teken in op Compete Themes op Youtube

Om te beginnen kun je Elementor op je site installeren door ernaar te zoeken in het menu Plugins of door het te downloaden van wordpress.org.

Nadat u Elementor op uw site hebt geïnstalleerd, kunt u een willekeurige pagina bezoeken en op de knop “Bewerken met Elementor” klikken om de editor te starten.

U komt dan in deze interface:

Aan de linkerkant van het scherm staan alle verschillende beschikbare widgets die u naar de pagina-inhoud kunt slepen.

Om een aangepaste pagina te maken, hoeft u alleen maar de gewenste widgets aan de pagina-inhoud toe te voegen. Elke widget heeft een groot aantal aanpasbare opties, zoals deze:

Gutenberg heeft soortgelijke blokken, maar de widgets in Elementor zijn veel beter aanpasbaar.

Maar het één voor één toevoegen en aanpassen van elke widget lijkt misschien veel werk. Om het gemakkelijker te maken heeft Elementor stijlvolle, kant-en-klare blokken die u in elke pagina kunt plaatsen:

Nog beter is dat Elementor kant-en-klare verkooppagina’s heeft die u met één klik in uw pagina kunt invoegen.

U kunt door de kant-en-klare homepages bladeren, uw favoriet invoegen en vervolgens de tekst en afbeeldingen verwisselen voor een perfecte pasvorm.

Er zijn nogal wat gratis verkooppagina’s, maar de beste zijn alleen beschikbaar in Elementor Pro.

Om samen te vatten hoe dit alles werkt…

Je vertrouwt op je thema voor de meeste pagina’s op je site, maar als je een volledig aangepaste pagina nodig hebt, zoals voor je homepage, is dit een geweldig moment om Elementor te gebruiken. Zelfs als thema-ontwikkelaar ben ik begonnen met het maken van pagina’s met Elementor in plaats van ze zelf te coderen, omdat het zo snel en eenvoudig is.

Kijk eens naar Elementor →

Nu je meer weet over paginabouwers, laten we teruggaan naar globale site-aanpassingen.

Verander uw lettertype

Het lettertype dat u kiest, heeft een grote invloed op het karakter van uw site.

Daarom zou u geïrriteerd kunnen zijn als u uw lettertype niet hebt kunnen kiezen.

Wel, ik gok dat uw thema geen aangepaste lettertypen heeft als u dit leest, dus hier is een eenvoudige en gratis oplossing:

Installeer de Google Fonts Typography-plugin.

Deze plugin geeft u volledige toegang tot de Google Fonts-bibliotheek, die de de facto lettertypebron voor het web is.

Ik gebruik Google Fonts in al mijn thema’s en ik ken geen thema-ontwikkelaars die iets anders gebruiken.

Als u eenmaal de Google Fonts Typography-plugin hebt geïnstalleerd, vindt u een nieuw paneel in de Customizer waar u snel het lettertype op uw hele site kunt wijzigen.

Ik heb een gedetailleerde videotutorial over het wijzigen van uw lettertype met Google Fonts Typography als u stap-voor-stap instructies wilt.

Als u een van onze thema’s gebruikt, vindt u Google Fonts ook volledig geïntegreerd in de PRO-upgrade van uw thema.

Nog een snelle manier om de presentatie van uw site aan te passen.

Het aantal berichten per pagina wijzigen

Standaard geeft WordPress tien berichten weer op de hoofdpagina van uw blog en in de archieven (categorieën, tags, auteur en datumarchieven).

Tien is een goede standaardinstelling, maar wat als u een indeling met meerdere kolommen hebt, zoals de indelingen in Challenger Pro?

Bezoekers scrollen met één veeg langs alle tien berichten. Uw site zal beter presteren als u in plaats daarvan meer berichten plaatst, zoals 16 of 20.

U kunt naar het menu Leesinstellingen gaan (Instellingen > Lezen) en snel het aantal berichten per pagina wijzigen met deze instelling:

Eenvoudig, toch?

Als iemand het einde van zijn bericht bereikt, kan hij op de paginering klikken om meer te vinden, maar er is nog een andere aanpassing die beter is dan eenvoudige paginering.

Eindeloos scrollen inschakelen

Wees eerlijk.

Hoe vaak klik je eigenlijk op de pagineringlinks onderaan een blog?

Ik doe het soms, maar het enige wat ik ooit klik is de link naar de volgende pagina met berichten. Heb je, dat wetende, echt meer nodig dan een “meer berichten”-knop?

Infinite scroll stelt bezoekers in staat om een pagina af te scrollen en de berichten automatisch te laden terwijl ze scrollen. Hoewel dit voor sommige sites goed kan werken, is er een kleine aanpassing die vaak beter werkt. Die oplossing bestaat uit het opnemen van een “laad meer”-knop na uw berichten, zoals deze:

Bezoekers kunnen op de knop klikken om de berichten automatisch te laden zonder de hele pagina opnieuw te laden.

De gratis WordPress Infinite Scroll-plugin doet uitstekend werk, maar u moet wel wat code in uw thema kunnen bewerken.

Als u een code-vrije oplossing wilt, is er een oneindige scroll-functie opgenomen in Jetpack. Niet alle thema’s zijn compatibel, maar alle 19 van onze thema’s werken met Jetpack.

Infinite scroll zorgt ervoor dat uw bezoekers meer berichten lezen en langer op uw site blijven. In feite, nu we het er toch over hebben, hier zijn nog twee manieren om uw site zo aan te passen dat bezoekers meer van uw berichten lezen.

Gebruik consistente uitgelichte afbeeldingen

U gebruikt toch uitgelichte afbeeldingen?

Om er zeker van te zijn dat we op dezelfde pagina zitten, kunt u deze optie in de zijbalk van elk bericht of pagina gebruiken om een uitgelichte afbeelding toe te voegen:

En de afbeelding wordt dan op de blog- en postpagina als volgt weergegeven:

Een uitgelichte afbeelding zorgt ervoor dat elk bericht meer aandacht krijgt en meer wordt aangeklikt, wat meer lezers en abonnees oplevert.

Maar er komt meer bij kijken.

Sommige WordPress-gebruikers denken bij het selecteren van Uitgelichte afbeeldingen slechts aan één bericht tegelijk en dat maakt dat hun blog er onsamenhangend uitziet.

Bij het kiezen van Uitgelichte afbeeldingen moet u ervoor zorgen dat u een consistente uitstraling houdt.

Zo houd ik me meestal aan vectorkunst voor uitgelichte afbeeldingen hier op de blog van Compete Themes.

Kies een consistente esthetiek voor de uitgelichte afbeeldingen op uw site en het zal voor een mooier ontwerp zorgen.

Ik gebruik Vecteezy voor vectorafbeeldingen en Unsplash is de beste bron voor gratis, professionele foto’s. Je zou Canva ook leuk kunnen vinden voor het toevoegen van een posttitel over de top van je afbeeldingen.

Als u wilt dat uw blog nog aanlokkelijker wordt, volg dan deze volgende tip.

Schrijf een aangepast uittreksel voor elke post

Ik kan niet geloven hoe weinig mensen aangepaste uittreksels schrijven!

In de rechterzijbalk van de editor vindt u dit uittrekselvak:

Zolang u een goed gecodeerd thema gebruikt, wordt het uittreksel dat u daar schrijft, weergegeven op de hoofdpagina van de blog en in de archieven.

Er zijn twee redenen om voor elk bericht een aangepast uittreksel te schrijven.

Ten eerste gebruikt uw thema waarschijnlijk de eerste 25 woorden. Denk je niet dat je een meer verleidelijke teaser voor je bericht kunt schrijven dan alleen de eerste 25 woorden te pakken? Bezoekers zullen meer klikken als je overtuigende uittreksels schrijft.

Ten tweede, je kunt ervoor zorgen dat het uittreksel goed in het ontwerp past als je aangepaste uittreksels schrijft. Als de standaardlengte er te lang of te kort uitziet, zal het schrijven van handmatige uittreksels dat probleem verhelpen.

Plus, het zal uw site ook beter laten presteren op sociale media als u deze volgende aanpassingstactiek volgt.

Aanpassen hoe uw site eruitziet op Facebook

Als u mijn laatste twee tips hebt gevolgd, gaat u houden van de manier waarop uw berichten eruitzien wanneer ze worden gedeeld op Twitter en Facebook.

Maar!

U moet “Open Graph” -tags aan uw site toevoegen. De makkelijkste manier is om de Yoast SEO plugin te installeren.

Yoast SEO gaat je site optimaliseren om beter te ranken in Google. Ik wil niet te veel op een zijspoor raken, omdat dit bericht gaat over webdesign en niet over zoekmachineoptimalisatie, dus u kunt deze SEO-tutorials lezen als u meer info over dat alles wilt.

Het andere dat Yoast SEO doet, is Open Graph-tags aan uw site toevoegen 😁

Open Graph-tags verschijnen in de broncode van elke pagina van uw site en vertellen sociale mediasites zoals Facebook welke inhoud ze moeten gebruiken wanneer iemand uw site deelt.

Als u een uitgelichte afbeelding toevoegt en een aangepast uittreksel schrijft, is dat de inhoud die Facebook weergeeft wanneer het bericht wordt gedeeld, maar alleen als u de Open Graph-tags hebt toegevoegd.

Met Yoast SEO hebt u ook de optie om een andere afbeelding alleen voor Facebook en/of Twitter toe te voegen.

Hoe cool is dat?

U kunt een gewone foto als uitgelichte afbeelding gebruiken, maar een andere versie met de titel eroverheen voor wanneer mensen het bericht op Facebook delen.

Nu we het toch over sociale media hebben, deze volgende aanpassing is essentieel voor het opbouwen van uw publiek.

BONUS TIP: om tijd te besparen, schrijf ik voor elk bericht een aangepaste metabeschrijving, voer die in Yoast in en hergebruik die vervolgens als het aangepaste uittreksel van het bericht.

Voeg uw sociale pictogrammen toe

Deze WordPress-aanpassing is doodsimpel.

Als u wilt dat mensen u volgen, moet u het gemakkelijk maken!

De meeste thema’s hebben tegenwoordig sociale pictogrammen ingebouwd, zoals het Mission News-thema dat pictogrammen bevat voor meer dan 50 sociale mediasites.

Wanneer iemand op een van de pictogrammen klikt, wordt de bezoeker rechtstreeks naar uw sociale profiel geleid. Dit is een geweldige manier om mensen u te laten volgen op het platform dat zij prefereren.

Terwijl het toevoegen van sociale pictogrammen in de header en/of footer van uw site geweldig is voor het opbouwen van uw publiek, moet u ook overwegen om knoppen voor sociaal delen toe te voegen.

Knoppen voor sociaal delen toevoegen

Ik wil u niet in verwarring brengen, dus laat me dit duidelijk maken.

In de laatste stap heb ik aanbevolen om gekoppelde pictogrammen toe te voegen aan uw sociale profielen in de header van de site. Dat zijn gewoon links.

Sociale deelknoppen moeten worden toegevoegd aan uw berichten, zoals deze:

Wanneer iemand op een van deze knoppen klikt, wordt er een nieuw tabblad geopend met het bericht ingevuld en klaar om te worden gedeeld.

Er zijn massa’s plugins om uit te kiezen, maar mijn nieuwe favoriet is Scriptless Social Sharing.

Het probleem dat ik heb met de meeste plugins voor deelknoppen is dat ze je site te veel vertragen. Scriptless Social Sharing bevat de essentiële functies en niets meer. Het laadt supersnel en werkt geweldig op desktop en mobiel.

Met al het nieuwe verkeer dat je krijgt, wil je nog een paar aanpassingen maken om je site winstgevender te maken.

Een contactformulier toevoegen

Als je diensten verkoopt op je site, is het toevoegen van een formulier zodat klanten contact kunnen opnemen voor de hand liggend.

Maar een contactformulier is een essentieel onderdeel van elke website. Je weet nooit welke kansen er op je pad komen.

Wanneer het aankomt op het toevoegen van een contactformulier, is WPForms mijn favoriete plugin.

Het is ongelooflijk aanpasbaar en eenvoudig te gebruiken. Plus, de premium upgrades echt dingen naar het volgende niveau.

Mijn gids over het toevoegen van een contactformulier aan WordPress zal u door alle stappen.

Als u niet verkoopt diensten of u al een contactformulier, wilt u misschien een nieuwe landing page.

Create een landing page

Een landing page is een pagina op uw site dat bezoekers landen op. Met andere woorden, je stuurt nieuw verkeer hierheen om ze te converteren in abonnees en/of klanten.

Als je met succes verkeer naar je site leidt, is het tijd om een aanbod op een landingspagina te zetten en bezoekers daarheen te sturen.

Ik raad aan de Elementor-plugin te gebruiken voor het maken van een aangepaste landingspagina. Zij hebben voltooide landingspagina’s en site kits die je als uitgangspunt kunt gebruiken.

Eén truc met landingspagina’s is dat je ofwel alle navigatie verwijdert of de navigatie op die pagina beperkt. Om dit te doen, moet u weten hoe u aangepaste menu’s maakt.

Maak een aangepast menu

Hoewel het afhangt van welk thema u kiest, zal uw site waarschijnlijk elke “Pagina” in het hoofdmenu uitvoeren.

Dit is niet ideaal.

U wilt een aangepaste set koppelingen voor uw menu maken, en mogelijk een paar menu’s die u op verschillende pagina’s op uw site weergeeft.

Om een aangepast menu te maken, volgt u de stappen in deze videotutorial:

U leert hoe u koppelingen naar berichten, pagina’s of zelfs externe URL’s aan uw menu kunt toevoegen. U kunt ze ook opnieuw rangschikken en eenvoudig vervolgkeuzemenu’s maken.

De volgende aanpassing maakt het navigeren op uw site nog gemakkelijker.

Maak uw menu “sticky”

U bent nu al een eind naar beneden gescrolld in dit bericht, maar als u naar de bovenkant van het scherm kijkt, ziet u dat het hoofdmenu nog steeds zichtbaar is.

Het houden van uw menu vast aan de bovenkant van het scherm te allen tijde maakt uw site een stuk makkelijker te navigeren, omdat bezoekers niet hoeven te scrollen helemaal terug naar boven elke keer dat ze besluiten om naar een nieuwe pagina te navigeren.

Er zijn twee eenvoudige manieren om uw navigatie plakkerig te maken (als uw thema deze optie nog niet bevat).

Ten eerste kunt u de gratis Sticky Menu on Scroll-plugin installeren.

Deze plugin werkt geweldig, maar u moet wel weten hoe u een CSS-selector kunt vinden om te gebruiken. Voor al onze thema’s kunt u #site-header of #menu-primary-items gebruiken, afhankelijk van of u de hele header of alleen het primaire menu plakkerig wilt hebben.

Het tweede alternatief is om de plakkerige menu-optie te gebruiken die beschikbaar is in Elementor Pro. Deze methode vereist geen gebruik van CSS-selectors en u kunt het ontwerp van het menu volledig aanpassen terwijl u bezig bent.

Ik heb nog een tip om uw site nog gemakkelijker te navigeren.

Je hebt waarschijnlijk gehoord van het sprookje, Hans & Grietje.

Zoals u zich misschien herinnert, laten ze broodkruimels vallen terwijl ze door het bos reizen, een spoor achterlatend dat ze kunnen volgen om hun weg terug naar huis te vinden.

Web-ontwerpers hebben dezelfde term gebruikt voor het spoor van links dat soms onder de header wordt toegevoegd, zoals dit voorbeeld op Amazon.

Elke link brengt u een stap terug in de site-navigatie.

Wanneer uw website ongetwijfeld kleiner en minder complex is dan Amazon, zou deze waarschijnlijk toch baat hebben bij het gebruik van breadcrumbs.

Als u de eerder in dit bericht aanbevolen Yoast SEO-plugin hebt geïnstalleerd, hoeft u verder niet veel te doen. Klik gewoon op deze optie om deze in te schakelen vanuit het instellingenmenu:

Al onze thema’s zijn compatibel met het broodkruimelspoor van Yoast, maar het kan zijn dat u contact moet opnemen met de ontwikkelaar van uw thema als de broodkruimels niet op uw site worden weergegeven.

Met deze laatste paar tips hebt u alle belangrijke aanpassingen aan uw navigatie doorgevoerd.

Nu gaan we verder met het brandmerken van uw site voor een consistent visueel effect.

Pas uw kleuren aan

Dit is een eenvoudige en misschien voor de hand liggende stap om uw website te brandmerken.

Het veranderen van de accentkleur op uw hele site zal een consistent visueel effect creëren.

Als uw thema geen aangepaste kleuren bevat en u niet weet hoe u uw site met code kunt aanpassen, laat me u dan kennismaken met een geweldig hulpmiddel: CSS Hero.

Hier een beetje achtergrond…

CSS is de naam van de coderingstaal die webdesigners gebruiken om webpagina’s op te maken. CSS Hero is een WordPress plugin waarmee u uw thema kunt aanpassen zonder ook maar één regel CSS zelf te schrijven.

U kunt bijvoorbeeld eenvoudig de achtergrondkleur van uw site veranderen met CSS Hero. Om te beginnen opent u de visuele editor, die er als volgt uitziet:

Klik vervolgens op de achtergrond, waarna u in de linkerzijbalk een reeks aanpassingsopties ziet.

Ten slotte gebruikt u de optie achtergrondkleur om deze in te stellen op de kleur die u wilt en sla vervolgens uw wijzigingen op.

CSS Hero kan worden gebruikt om de kleur van elk element op uw site te wijzigen, evenals de lettertypen, spatiëring en tal van andere ontwerpaspecten.

Probeer CSS Hero →

De volgende aanpassingstechniek is een must voor elke professionele website.

Voeg uw logo toe aan het browsertabblad

Ik weet zeker dat uw logo al boven aan uw site staat. Elk thema dat ik ooit heb gezien, bevat een eenvoudige optie hiervoor.

Maar daar moet u het niet bij laten!

U moet uw logo ook toevoegen aan het browsertabblad zelf, zoals dit:

Dat kleine pictogram wordt normaal een favicon genoemd, maar de WordPress-interface noemt het een “Site Pictogram.”

Niettemin kunt u deze optie vinden in de Customizer (Appearance > Aanpassen).

In de Customizer opent u de sectie Site-identiteit en vindt u onderaan de optie Site-pictogram.

Het enige wat u hoeft te doen, is de logo-afbeelding uploaden vanaf uw computer en op de knop Publiceren klikken.

Bij het kiezen van een afbeelding voor het favicon kunt u het beste een pictogram gebruiken als uw logo er een bevat. Voor Compete Themes gebruik ik het pen en schild icoon, maar als ik dat niet had, zou ik het logo gewoon een blauw vierkant maken met “CT” in witte tekst.

Je zult misschien ook verbaasd zijn dat WordPress aanbeveelt dat je afbeelding 512x512px is. Dat lijkt nogal groot, nietwaar?

Naast het pictogram in het browsertabblad, wordt uw favicon ook hergebruikt in bladwijzers die veel groter kunnen worden weergegeven. Bijvoorbeeld, iemand die een iPad Pro gebruikt zou uw site kunnen opslaan in hun Safari startscherm waar het pictogram vrij groot zal worden weergegeven.

U kunt onze volledige tutorial over het toevoegen van een favicon aan WordPress volgen als u meer gedetailleerde begeleiding wilt (er is ook een video tutorial)

Een andere manier om uw site een aparte look te geven is het gebruik van een gemerkte achtergrondafbeelding.

Een achtergrondafbeelding toevoegen

Een achtergrondafbeelding zie je niet zo vaak meer.

Dezer dagen houden de meeste websites het bij een effen witte of lichtgrijze achtergrond. Als u echt wilt opvallen, probeer dan een achtergrondafbeelding toe te voegen die zowel mooi als on brand is.

We kunnen ons opnieuw tot CSS Hero wenden voor deze aanpassing.

Selecteer de achtergrond, maar in plaats van een kleur in te stellen, kiest u in plaats daarvan de afbeeldingsoptie.

U kunt elke afbeelding uploaden die u maar wilt en zelfs rechtstreeks importeren van Unsplash.

Nog een stap verder met branding.

Maak een merkloginpagina

Als u leden hebt die op uw site inloggen, is het maken van een merkloginpagina een must.

Zelfs als u alleen op uw site inlogt, geeft het merken van het inlogscherm een echt gevoel van professionaliteit en tevredenheid. Geloof me!

Ik heb de Compete Themes login gemerkt en nu ziet het er geweldig uit:

Ik heb dit gedaan met behulp van de gratis Custom Login Page Customizer plugin.

Als je dezelfde stappen wilt volgen, heb ik een post geschreven voor WP Newsify waar je alles over kunt lezen.

Als je het hebt gevolgd, zijn je site en het inlogscherm helemaal voorzien van een merknaam, maar er is geen reden om het hierbij te laten!

Laten we de branding naar het dashboard van de site brengen om uw WordPress site nog verder aan te passen.

De WP admin aanpassen

Vooreerst, voor het geval u dit nog niet wist, kunt u het kleurenpalet van het admin dashboard wijzigen vanuit het menu Uw profiel.

Voorts, de kleurenschema’s daar passen waarschijnlijk niet perfect bij uw merk. Om volledige controle te krijgen over je beheerinterface, kun je de plugin WP Custom Admin Interface gebruiken.

Je hebt dan een enorme hoeveelheid controle over het ontwerp van de beheerinterface van je site. U kunt bijvoorbeeld een nieuw kleurenpalet maken dat kan worden geselecteerd in het menu Uw profiel.

En u kunt zelfs uw menu-items hernoemen en opnieuw rangschikken, menu’s verbergen en volledig aangepaste nieuwe menu-items toevoegen.

Als u totale controle over de beheerinterface wilt, is dit de manier om het te doen.

Nu u weet wat de beste manieren zijn om uw website zakelijk aan te passen, gaan we het hebben over een aantal persoonlijke aanpassingen.

Verander uw weergavenaam

Ik zie dit de hele tijd op nieuwe WordPress-websites:

Wie is admin?

Uw naam zo laten staan maakt uw site er niet erg professioneel op en het komt uw persoonlijke merk zeker niet ten goede.

Het goede nieuws is dat het heel eenvoudig te veranderen is.

De naam die in de byline van uw bericht en in uw reacties wordt weergegeven, wordt de Weergavenaam genoemd. U kunt deze naam wijzigen in het menu Gebruikers > Uw profiel.

Eenmaal opgeslagen, wordt de naam op de hele site direct bijgewerkt.

In deze video wordt meer in detail uitgelegd hoe u Weergavenamen gebruikt:

Als u uw naam hebt ingesteld, wilt u ook een aangepaste avatar toevoegen.

Een eigen avatar weergeven

U wilt niet dat er naast uw nieuwe weergavenaam een standaard avatar wordt weergegeven, zoals hier:

De meeste WordPress-thema’s zijn geïntegreerd met Gravatar, dus zodra u daar een afbeelding toevoegt, wordt deze direct op uw site weergegeven.

In het geval je niet bekend bent met Gravatar, het is een zeer eenvoudige dienst.

Het enige wat je doet is een e-mailadres toevoegen en een afbeelding uploaden om te associëren met het. Dat is alles 🙂

Je ziet de Gravatar-afbeelding op je site verschijnen en op alle andere websites die met de service integreren (veel doen dat).

Aternatief kun je de Simple User Avatar-plugin installeren om een profielafbeelding naar je site te uploaden zonder Gravatar te gebruiken.

Uw naam en foto op al uw berichten zetten is een goed begin, en een “auteursvakje” toevoegen kan de zaken naar een hoger niveau tillen.

Een auteursbox toevoegen

Met een auteursbox bedoel ik zoiets als dit:

Auteursboxen zijn om twee redenen geweldig voor het opbouwen van uw merk.

Ten eerste krijgt u uw naam en gezicht voor de ogen van bezoekers.

Ten tweede kunt u een korte biografie toevoegen die u helpt nog meer persoonlijkheid en relateerbaarheid toe te voegen. Plus, je kunt linken naar alle pagina’s die je wilt.

Omdat de auteur box wordt weergegeven na de inhoud van het bericht, bezoekers die het zien zijn net klaar met het lezen van een bericht, wat een geweldig moment is om jezelf te associëren met die inhoud.

Als uw thema niet beschikt over een auteur box opgenomen, raad ik aan het installeren van de Simple Author Box plugin.

Er zijn nogal wat auteursbox-plugins beschikbaar, maar deze biedt naar mijn mening de beste balans tussen flexibiliteit en out-of-box-kwaliteit.

Deze videotutorial geeft je een kijkje achter de schermen als je eerst wilt zien hoe het werkt. Of u kunt deze handleiding volgen voor het toevoegen van een auteurs biovak.

De volgende manier om uw site aan te passen, helpt u uw persoonlijke merk nog sneller op te bouwen.

Een “Over mij”-widget toevoegen

Als uw website een zijbalk heeft, is een van de beste aanpassingen voor het opbouwen van uw merk het opnemen van een “Over mij”-widget boven aan de zijbalk.

Dit zorgt ervoor dat uw naam en avatar zichtbaar blijven op elke pagina die u publiceert.

U kunt de Text widget of HTML widget gebruiken om zelf een lay-out als deze te maken, of de Easy Profile Widget plugin installeren.

Hoe meer u bezoekers blootstelt aan uw naam, avatar en bio, hoe vertrouwder u bij hen wordt en hoe beter uw marketing zal presteren.

Over widgets gesproken, hier is nog een geweldige manier om uw WordPress website aan te passen.

Bepaal op welke pagina’s widgets worden weergegeven

Widgets zijn geweldig, maar er is één probleem.

Soms wilt u een widget aan uw zijbalk toevoegen, maar u wilt niet dat deze op elke pagina van uw website wordt weergegeven.

Wat als u precies kon kiezen op welke berichten en pagina’s elke widget wordt weergegeven?

Met de Widget Options-plugin kunt u dat.

Nadat u Widget Options hebt geïnstalleerd, ziet u deze nieuwe sectie toegevoegd aan elke widget.

U kunt widgets toevoegen aan hele paginatypes tegelijk, zoals alle categorieën, of specifieke categorieën of zelfs afzonderlijke pagina’s kiezen.

Omdat u eenvoudig de regels kunt omdraaien tussen het opnemen van VS het uitsluiten van de widget op de geselecteerde pagina’s, geeft deze plugin uw site ongelooflijke flexibiliteit.

Hier is een andere manier om de aanpassing van uw site te upgraden.

Categoriebeschrijvingen toevoegen

Een gewone categoriekoptekst op uw site kan er ongeveer zo uitzien:

Hoewel dit op zichzelf prima werkt, kunt u eigenlijk voor elke categorie een unieke beschrijving toevoegen.

Met een beschrijving erbij kunt u bezoekers helpen precies te begrijpen wat ze op de pagina zullen vinden en het is ook goed voor SEO.

U kunt naar de pagina Categorieën gaan (Berichten > Categorieën) en daar op een categorie klikken om deze te bewerken. Typ vervolgens op de volgende pagina de beschrijving in dit vak:

De meeste thema’s tonen de beschrijving op de categoriepagina onder de kop, zoals dit:

U kunt deze aanpassing in een paar minuten voltooien en uw site een professionelere uitstraling geven.

Een andere manier om de professionaliteit van uw site een boost te geven, is het aanpassen van uw voettekst.

Aanpassen van de voettekst

De meeste WordPress thema’s bevatten een korte design credit onderaan de site.

Hoewel het vaak niet mogelijk is om deze tekst te verwijderen zonder code te schrijven, bevatten sommige thema’s, zoals Ignite, een eenvoudige optie in de Customizer om de voettekst te wijzigen.

Je kunt elke tekst opnemen die je maar wilt, maar veel websites kiezen ervoor om de bedrijfsnaam, het huidige jaar en een copyrightsymbool op te nemen. U kunt uw emoji’s gebruiken om een copyright-symbool toe te voegen of kopieer deze gewoon naar uw klembord – ©

De e-mails aanpassen die WordPress verzendt

Dit kan heel belangrijk voor u zijn als u leden hebt die lid worden van uw site.

WordPress heeft veel vooraf geschreven berichten die het verzendt. Er zijn bijvoorbeeld e-mails voor wanneer iemand zich bij uw site aansluit of zijn wachtwoord wijzigt.

Geen van deze berichten zal voor u on-brand zijn, dus u kunt de meldingsplugin installeren om totale controle over de e-mailkopie te krijgen.

Deze plugin is geweldig aanpasbaar en stelt u in staat om de kopie van bestaande e-mails te wijzigen en geheel nieuwe gebeurtenissen voor het verzenden van e-mails toe te voegen.

Wij denken normaal gesproken bij website-aanpassing aan visuele wijzigingen voor een site, maar door aangepaste kopie voor uw e-mails te schrijven, gaat u nog een stap verder.

Als u echt elk aspect van uw site wilt laten aanpassen, is een van de laatste stappen het bewerken van uw 404-pagina.

U kunt uw 404-pagina aanpassen

Als u een pagina niet publiceert of de URL wijzigt en iemand het oude adres bezoekt, krijgt hij een 404-scherm te zien zoals dit:

Hoewel u gebroken links en 404-fouten op uw site wilt opruimen, is dit een volkomen natuurlijke gang van zaken op een website.

Omdat u weet dat mensen uw 404-pagina af en toe te zien krijgen, is dit een goede gelegenheid om een eigen 404-pagina te maken.

Waarvoor we ons wenden tot de 404page-plugin.

Met deze plugin kunt u een geheel eigen 404-pagina voor uw site maken. Hij is op een heel slimme manier ontworpen.

Met 404page kun je gewoon een gewone pagina publiceren met alle inhoud die je maar wilt en die vervolgens toewijzen als je 404-pagina. Dit is veel eenvoudiger en flexibeler dan het gebruik van een aangepaste editor voor de foutpagina.

Hier is een laatste tip die u veel meer controle over uw website zal geven.

Maak u de HTML-widget

Het leren schrijven van code is een hele klus, maar er is het ding…

HTML is geen programmeertaal zoals PHP of Javascript. HTML is gewoon opmaak.

Dit betekent dat je HTML heel snel kunt leren en als je de basis eenmaal kent, zul je merken dat je veel meer controle over je site hebt.

Met de HTML-widget die bij WordPress wordt geleverd, kun je vrijwel elke inhoud of lay-out maken die je maar wilt, zonder dat je nieuwe plugins hoeft toe te voegen.

Zo heb ik eerder een widget aanbevolen voor het maken van een “Over mij”-widget in de zijbalk, maar dit kan eenvoudig worden gedaan zonder een nieuwe plugin toe te voegen als je weet hoe je HTML moet schrijven.

Het is een geweldige eerste stap in code en ik raad het ten zeerste aan voor WordPress-gebruikers die meer technisch willen worden.

Conclusie

Vooreerst, gefeliciteerd met het maken van het zo ver!

Deze post bleef maar langer worden naarmate ik meer manieren bedacht om een WordPress website aan te passen.

Om eerlijk te zijn, heb ik in deze post nog maar het oppervlak bekrast – er zijn tal van andere wijzigingen die u aan uw site kunt aanbrengen.

Terugkomend op mijn eerste punt, een van de beste manieren om te beginnen met het personaliseren van uw site is het kiezen van een aanpasbaar thema, dus voordat u gaat, neem een kijkje bij onze topthema’s en bekijk ze op uw apparaat. Ze zijn allemaal volledig gratis te gebruiken – voor altijd!

Bekijk onze themacollectie →

Als je vragen of andere ideeën hebt om te delen, post dan in het commentaargedeelte hieronder.

Ben Sibley

Ben Sibley is een WordPress thema-ontwerper & ontwikkelaar, en oprichter van Compete Themes.