december 20, 2021

Hoe maak je een aangepaste 404 pagina in WordPress

het is nooit een goede zaak als een link leidt een bezoeker naar een pagina die niet meer bestaat. Er kan teleurstelling, verwarring en een U-bocht met de bezoeker het verlaten van uw site in haast. Gelukkig kun je er iets aan doen om de situatie minder schokkend te maken, zelfs humoristisch als dat jouw stijl is. Alles wat nodig is het vervangen van de generieke, steriele standaard pagina niet gevonden fout pagina (aka 404 pagina) met een die is eigenlijk nuttig. In dit bericht, Ik zal uitleggen hoe je een aangepaste 404 pagina in WordPress te maken.

verander digitale doodlopende wegen in wegwijzers voor uw gebruikers — en geef zelfs een beetje humor-door een aangepaste 404-pagina te maken.

een algemene 404 pagina ziet er ongeveer zo uit:

aangepaste 404 pagina WordPress Generic

hoewel dit een doodlopende weg is, kunt u het in plaats daarvan veranderen in een wegwijzer die de weg wijst. Gooi er een beetje humor in en het gekreun van je bezoeker zal in een lach veranderen.

hier is er een van Airbnb die beide doet: bezoekers krijgen een grappige afbeelding voor hun moeite en eenvoudige links naar wat ze zouden kunnen zijn op zoek naar:

aangepaste 404-pagina WordPress Airbnb
foto: Airbnb

sommige themabouwers hebben een aangepaste 404-pagina en andere niet. Om een idee te krijgen van hoe uw thema fouten behandelt, typt u een nonsense URL in zoals http://mysite.com/nosuchpage en ziet u wat er naar boven komt. Als je het niet leuk vindt, kun je er genoeg aan doen om het te veranderen.

Hoe maak je een aangepaste 404 pagina in WordPress?

als het gaat om het maken van een aangepaste 404-pagina in WordPress, hebt u verschillende opties:

  • Bewerk de bestaande 404-pagina van uw thema.
  • voeg een aangepaste 404-pagina toe als uw thema er geen heeft.
  • gebruik een 404-plugin.

we zullen elk van deze in detail hieronder behandelen.

opmerking: bij het bewerken van een WordPress thema, is het best om te werken met een kind thema. Anders kunnen updates van het thema uw harde werk overschrijven.

de 404-pagina van uw thema bewerken

controleer eerst of uw thema een aangepaste 404-pagina bevat. U kunt dit doen door de thema-editor (uiterlijk > Editor) te openen vanuit het Admin dashboard.

in de lijst met bestanden aan de rechterkant van de pagina, Zoek naar een bestand met de naam 404.php.

aangepaste 404 pagina WordPress bewerken

als er geen 404.php, dan is uw thema bevat geen aangepaste 404 template en als je wilt een, je nodig hebt om het toe te voegen (zoals later beschreven in dit artikel). Anders, kunt u gewoon klikken op het bestaande bestand en bewerken recht in het WordPress dashboard.

het vlees van de 404.php die wordt geleverd met Twenty Seventeen thema ziet er als volgt uit:

aangepaste 404 pagina WordPress codering

om de pagina te wijzigen, bewerk je de gemarkeerde tekst. U kunt ook extra alinea ‘ s eronder toevoegen (boven het einde van de pagina-inhoud div), inclusief afbeeldingen en nuttige links die u wilt toevoegen.

een WordPress 404-pagina maken

als uw thema geen 404 bevat.php bestand, er zijn twee eenvoudige manieren om een te maken:

1. Kopieer de 404.php van een ander thema, zoals de WordPress Twenty Seventeen thema (/wp-content/themes/twentyseventeen / 404.php) in de directory van uw huidige thema. Bewerk de pagina zoals hierboven beschreven.

2. Kopieer de index van uw thema.php naar een bestand met de naam 404.php in uw huidige thema. Verwijder de delen met betrekking tot de WordPress-lus. Over het algemeen is dit de sectie die zoiets als dit begint:

<?php if ( have_posts() ) : ?>

en eindigt met:

<?php endif; ?>

merk op dat de exacte syntaxis misschien iets anders is, maar u zoekt have_posts en endif. Plaats vervolgens uw aangepaste code in de ruimte die u hebt gemaakt.

het voordeel van de tweede methode is dat u waarschijnlijk de opmaak krijgt die uw thema gebruikt op uw site, zodat de styling overeenkomt.

WordPress 404 plugins

Als u het niet prettig vindt om de PHP-code van uw thema te bewerken, werkt u misschien liever met een plugin. 404 plugins zullen u helpen bij het maken van een 404 foutpagina, en vaak, als een toegevoegde bonus, zal bijhouden en opnemen van alle pagina niet gevonden fouten. Hier zijn een paar favorieten:

404page

aangepaste 404 pagina WordPress 404page-Plugin
foto: 404page

deze trim, zorgvuldig ontworpen plugin kunt u uw 404-pagina net als elke andere WordPress post. U gaat dan naar Appearance > 404 foutpagina en wijst de nieuwe pagina aan als uw 404-pagina. Het retourneert ook de juiste foutcode naar de browser van de bezoeker. Meer dan 70.000 WordPress sites gebruiken deze plugin en het is geladen met 5-sterren ratings, dus het is een uitstekende keuze.

aangepaste 404 Pro

aangepaste 404 pagina WordPress 404 Pro
Foto: aangepaste 404 Pro

met de gratis plugin kunt u ook elke pagina die u maakt als uw 404-pagina aanwijzen. Daarnaast logt het alle 404-fouten in een rapport dat u kunt bekijken, zodat u er zoveel mogelijk kunt opsporen en squashen.

404 Page by SeedProd

aangepaste 404 Page WordPress Seedprod
foto: SeedProd

deze plugin helpt u snel en eenvoudig een aangepaste 404-pagina in WordPress op te zetten. Het werkt met de meeste thema ‘ s en kunt u volledig aanpassen van uw nieuwe 404-pagina. De basisversie is gratis. Een pro-versie, waar je je jaarlijks op moet abonneren, biedt extra functies zoals het verzamelen van het e-mailadres van de bezoeker.

inpakken

er zijn nogal wat extra 404 plugins in de WordPress plugin directory, maar de bovenstaande zijn bewezen favorieten.

bij het kiezen van een 404-plug-in, Vermijd degenen die een 301-redirect-code naar de browser retourneren in plaats van de juiste 404 not found-foutcode. Aangezien de pagina, in feite, niet bestaat, je moet niet vertellen browsers dat het is verplaatst.

omleiding kan zeer nuttig zijn bij het omgaan met 404-fouten, maar het is alleen van toepassing wanneer u gebruikers daadwerkelijk kunt doorsturen naar de pagina die ze oorspronkelijk wilden bereiken. Anders, moet u leveren een mooie 404 pagina.

Tips voor een goede 404-pagina in WordPress

als het standaard 404-bericht saai en niet erg nuttig is, wat moet u in de plaats daarvan opnemen? Een goed ontwerp zal omvatten:

  • ontwerp en branding die overeenkomt met de rest van uw website.
  • een nuttig bericht dat de bezoekers informeert dat de pagina niet is gevonden.
  • Links naar relevante pagina ’s op uw site, zoals de homepage of populaire pagina’ s, om de bezoeker aan te moedigen om te blijven.
  • misschien een humoristische afbeelding of toon, als dat uw stijl is.

een effectieve 404-pagina zal u helpen uw bezoekers te weerhouden om weg te klikken en hen aan te moedigen om uw site verder te verkennen. Je moet ook bijhouden van uw site 404 fouten en redirects maken wanneer u in staat bent om gebruikers door te sturen naar hun beoogde bestemming.

een goede aangepaste 404 pagina verandert een doodlopende weg in een deuropening die bezoekers aanmoedigt om binnen te komen en te blijven. Geen enkele website is compleet zonder.

gerelateerd: het opzetten van 301 redirects in WordPress

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.