Bäst av bästa WordPress 404-felsidemönster

Varje enskild användare på webben har landat på minst en 404 sida i hela sin surfingupplevelse. Sanningen är att antalet användare som landar på 404 sidor är betydligt högre än bara en. Ofta när en användare anländer på en 404-sida, hamnar de slutligen på att din webbplats ökar din avvisningsfrekvens. Hög avvisningsfrekvens kan negativt påverka din webbplats genom att minska dina intäkter från annonsörer och mer. Du kan minska studsfrekvensen och öka sidvisningar genom att helt enkelt optimera 404-felsidan. I den här artikeln kommer vi att belysa bäst av de bästa WordPress 404-felsidemodellerna, och vi kommer att ge dig våra insikter om att skapa en vacker och mycket användbar 404-siddesign för din WordPress.

Showcase för inspiration

Innan vi visar dig hur du kan designa din egen 404-siddesign för WordPress, kommer vi att markera några av de bästa 404-felsidemönster som används på WordPress för din inspiration. Kriterierna som vi använde för att välja dessa mönster var kreativitet och användbarhet. Vissa mönster har båda, och vissa har bara en aspekt.

1. WPBeginner

2. Katalysatorstudier

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. CSS Tricks

7. Techkultura

8. Inspirationsbit

9. Catswhocode

10. Ba.pe

11. Klipp och smak

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. Expansionsutsändning

16. Funktion

17. Retard Zone

18. Kidmondo

19. Devlounge

20. Chris Jennings

Bästa praxis och lektioner du borde lära av dessa

I ovanstående showcase såg du förmodligen 404 sidor som var väldigt kreativa, medan andra som var bara konstiga men minnesvärda, och några som var enkla men eleganta och användbara. När du skapar en 404-sida måste du komma ihåg att kombinera alla tre element: kreativitet, användbarhet och förmåga att lämna ett varaktigt intryck.

När vi skapade vår 404-sida såg vi faktiskt på många av dessa ovan för att få inspiration och kombinera de bästa elementen från dessa till en. För det mesta, när folk landar på 404-sidan, är de frustrerade. Så du behöver hjälpa dem att hitta vad de försöker nå, men på det mest kreativa sättet möjligt.

En bra struktur som du kan följa är:

• Kreativ bild
• Lista över populära inlägg
• Lista över senaste inlägg
• Lista över arkiv
• Sökruta
• Erbjuder mer hjälp genom att ge kontaktalternativ

Nu behöver du inte ha dem alla, men du borde säkert ha mer än två av dessa alternativ på din 404-sida.

Analysera vår 404-sida, vissa säger att vi inte har en sökfält. Vi har vår sökfält i sidofältet, så det finns ingen anledning att visa den två gånger. Vi visar arkiv per månad, per kategori, och vi visar de populära taggarna. Ofta är den kreativa bilden att göra allt ser vänligt ut än tråkigt.

Nu förstår vi att inte alla är en bra artist och kan inte komma med några av illustrationerna och tecknen ovan, men du kan se Devlounge-exemplet eller Funktionens exempel ovan för att se hur enkelheten också kan fungera. Devlounge har en mycket organiserad 404 sida, ingen bild, inget ingenting, men det är väldigt organiserade och hjälpsamma. Funktionen har en enkel ikon och andra resurser, men inget super grafiskt.

När du skapar din egen 404-sida, kom ihåg det.

Så här skapar du en 404-sida i WordPress

I din WordPress temakatalog finns en fil som heter 404.php, Om du inte har den filen kanske du vill skapa en. Du kan lägga till någon HTML i den filen för att passa dina behov. Men det rekommenderas att du använder standardparametrarna så att sidan ser ut som den är en del av designen.

Vik nu runt stilen HTML runt den. Om du vill kan du även kopiera din page.php innehåll i 404.php och ta bort innehållsområdet och lägg till dina anpassade taggar.

Här är några av de taggar som du kan använda:

Visa arkiv efter månader:

Denna kod kommer att visa arkiv efter månader, men det kommer att lista alla månader. Så det kan bli en röra om du har en blogg som är tre år gammal. För att lära dig hur man begränsar antalet visade månader, kolla in handledningen.

Visa lista över kategorier

Denna kod kommer att lista alla kategorier på din blogg. Ofcoures du kan utforma dem dock med hjälp av listetaggar eller andra.

Visa mest använda etiketter

Det här visar de mest använda taggarna som hur vi har på vår 404-sida.

Visa senaste inlägg

',''); ?>

Det finns flera koder du kan använda, du behöver bara söka i dokumentationen och hitta den. Om du har en specifik fråga kan du fråga oss när som helst.

Ytterligare källor:

Dessa listor har mycket mer 404 exempel. Vi presenterade bara WordPress-enheterna.

404 Fel Sidor Reloaded

Mer 404 sidor

60 Creative 404-sidmönster