hur man skapar en anpassad 404-sida i WordPress
det är aldrig bra när en länk leder en besökare till en sida som inte längre finns. Det kan vara besvikelse, förvirring och en U-sväng med besökaren lämnar din webbplats efter brådska. Lyckligtvis finns det något du kan göra åt det för att göra situationen mindre skakande, även humoristisk om det är din stil. Allt som krävs är att ersätta den generiska, sterila standardsidan inte hittad felsida (aka 404 sida) med en som faktiskt är till hjälp. I det här inlägget förklarar jag hur man skapar en anpassad 404-sida i WordPress.
förvandla digitala återvändsgränder till skyltar för dina användare — och till och med kasta in lite humor-genom att skapa en anpassad 404-sida.
en generisk 404-sida kommer att se ut så här:
även om detta är en återvändsgränd, kan du förvandla det till en skylt som styr vägen istället. Kasta in lite humor och din besökares stön blir ett skratt.
här är en från Airbnb som gör båda: besökare får en rolig grafik för sina problem och enkla länkar till vad de kan ha letat efter:
vissa temabyggare inkluderar en anpassad 404-sida och andra gör det inte. För att få en uppfattning om hur ditt tema hanterar fel, skriv in en nonsense-URL som http://mysite.com/nosuchpage och se vad som kommer upp. Om du inte gillar det finns det mycket du kan göra för att ändra det.
Hur skapar du en anpassad 404-sida i WordPress?
när det gäller att skapa en anpassad 404-sida i WordPress har du flera alternativ:
- redigera ditt temas befintliga 404-sida.
- Lägg till en anpassad 404-sida om ditt tema inte har en.
- använd en 404 plugin.
vi kommer att täcka var och en av dessa i detalj nedan.
Obs: När du redigerar ett WordPress-tema är det bästa praxis att arbeta med ett barntema. Annars kan uppdateringar av temat skriva över ditt hårda arbete.
redigera ditt temas 404-sida
kontrollera först om ditt tema innehåller en anpassad 404-sida. Du kan göra detta genom att öppna temaredigeraren (utseende > Editor) från administratörspanelen.
i listan över filer till höger på sidan letar du efter en som heter 404.php.
om det inte finns en 404.php, då innehåller ditt tema inte en anpassad 404-Mall och om du vill ha en måste du lägga till den (som beskrivs senare i den här artikeln). Annars kan du helt enkelt klicka på den befintliga filen och redigera den direkt i WordPress-instrumentpanelen.
köttet av 404.php som kommer med tjugo sjutton tema ser ut så här:
för att ändra sidan, redigera den markerade texten. Du kan också lägga till ytterligare stycken under den (ovanför slutet av sidans innehållsdiv), inklusive bilder och användbara länkar du vill lägga till.
skapa en WordPress 404 sida
om ditt tema inte innehåller en 404.php-fil, det finns två enkla sätt att skapa en:
1. Kopiera 404.php från ett annat tema, till exempel WordPress Twenty Seventeen theme (/wp-content/themes/twentyseventeen/404.php) i katalogen för ditt nuvarande tema. Redigera sidan enligt beskrivningen ovan.
2. Kopiera ditt temas index.php till en fil med namnet 404.php i ditt nuvarande tema. Ta bort de delar som är relaterade till WordPress-slingan. Rent generellt, detta är det avsnitt som börjar ungefär så här:
<?php if ( have_posts() ) : ?>
och slutar med:
<?php endif; ?>
Observera att den exakta syntaxen kan vara lite annorlunda, men du letar efter have_posts och endif. Sätt sedan in din anpassade kod i det utrymme du skapade.
fördelen med den andra metoden är att du sannolikt kommer att få formateringen som ditt tema använder på hela din webbplats, så stylingen matchar.
WordPress 404 plugins
om du inte är bekväm att redigera ditt temas PHP-kod kanske du föredrar att arbeta med ett plugin. 404 plugins hjälper dig att skapa en 404 felsida, och ofta, som en extra bonus, kommer att spåra och spela in alla sidan inte hittat fel. Här är några favoriter:
404page
denna trim, noggrant utformade plugin kan du skapa din 404 sida som du skulle någon annan WordPress inlägg. Du går sedan till utseende > 404 felsida och anger den nya sidan som din 404-sida. Den returnerar också rätt felkod till besökarens webbläsare. Mer än 70 000 WordPress-webbplatser använder detta plugin och det är laddat med 5-stjärniga betyg, så det är ett utmärkt val.
Anpassad 404 Pro
det fria pluginet låter dig också ange vilken sida du skapar som din 404-sida. Dessutom loggar alla 404 fel till en rapport som du kan granska, så att du kan spåra upp och squash så många som möjligt.
404 sida av SeedProd
denna plugin hjälper dig att snabbt och enkelt ställa in en anpassad 404 sida i WordPress. Det fungerar med de flesta teman och låter dig helt anpassa din nya 404-sida. Den grundläggande versionen är gratis. En pro-version, som du måste prenumerera på årligen, erbjuder ytterligare funktioner som att samla besökarens e-postadress.
inslagning upp
det finns en hel del ytterligare 404 plugins i WordPress plugin katalogen, men ovanstående är beprövade favoriter.
när du väljer ett 404-plugin, undvik de som returnerar en 301-omdirigeringskod till webbläsaren istället för den korrekta 404-felkoden som inte hittades. Eftersom sidan faktiskt inte existerar bör du inte berätta för webbläsare att den har flyttats.
omdirigering kan vara till stor hjälp för att hantera 404-fel, men det gäller bara när du faktiskt kan vidarebefordra användare till den sida de ursprungligen tänkte nå. Annars borde du leverera en fin 404-sida.
Tips för en bra 404-sida i WordPress
om standard 404-meddelandet är intetsägande och inte fruktansvärt användbart, vad ska du inkludera i stället? En bra design kommer att innehålla:
- Design och varumärke som matchar resten av din webbplats.
- ett användbart meddelande som informerar besökare om att sidan inte hittades.
- länkar till relevanta sidor på din webbplats, till exempel hemsidan eller populära sidor, för att uppmuntra besökaren att stanna kvar.
- kanske en humoristisk bild eller ton, om det är din stil.
en effektiv 404-sida hjälper dig att hålla dina besökare från att klicka bort och uppmuntra dem att ytterligare utforska din webbplats. Du bör också spåra webbplatsens 404-fel och skapa omdirigeringar när du kan vidarebefordra användare till deras avsedda destination.
en bra anpassad 404-sida ändrar en återvändsgränd till en dörröppning som uppmuntrar besökare att komma in och hålla sig kvar. Ingen webbplats är komplett utan en.
relaterat: hur man ställer in 301 omdirigeringar i WordPress