Best of Best WordPress 404 Feilsiden Design

Hver enkelt bruker på nettet har landet på minst en 404 side i hele brukeropplevelsen. Sannheten er at nummeret som brukerne lander på 404 sider, er betydelig høyere enn bare en. Ofte når en bruker kommer på en 404-side, slutter de å forlate nettstedet ditt og dermed øke sprettfrekvensen. Høy avvisningshastighet kan påvirke nettstedet ditt negativt ved å redusere inntekter fra annonsører og mer. Du kan redusere sprettfrekvensen og øke sidevisninger ved å optimalisere 404 Feilsiden. I denne artikkelen vil vi fremheve beste av de beste WordPress 404-feilsiden-designene, og vi vil gi deg vår innsikt om å skape et vakkert og svært brukbart 404-sidedesign for din WordPress.

Showcase for Inspirasjon

Før vi viser deg hvordan du kan designe ditt eget 404-sidedesign for WordPress, vil vi markere noen av de beste 404-feilsidesdesignene som brukes på WordPress for inspirasjon. Kriteriene vi brukte til å velge disse designene, var kreativitet og brukervennlighet. Noen design har begge, og noen har bare ett aspekt.

1. WPBeginner

2. Katalysatorstudioer

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. CSS triks

7. Techkultura

8. Inspirasjon Bit

9. Catswhocode

10. Ba.pe

11. Klipp og smak

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. Utvidelse Broadcast

16. Funksjon

17. Retard Zone

18. Kidmondo

19. Devlounge

20. Chris Jennings

Beste praksis og leksjoner du bør lære av disse

I det ovennevnte utstillingsvinduet så du sannsynligvis 404 sider som var veldig kreative, mens andre som var bare rart, men minneverdige, og noen som var enkle, men elegante og brukbare. Når du lager en 404-side, må du huske å kombinere alle tre elementene: kreativitet, brukervennlighet og evnen til å legge igjen en varig inntrykk.

Når vi laget 404-siden, så vi faktisk på mange av disse over for å få inspirasjon og kombinere de beste elementene fra disse til en. Mesteparten av tiden, når folk lander på 404-siden, er de frustrert. Så du trenger å hjelpe dem med å finne det de prøver å nå, men på den mest kreative måten.

En god struktur som du kan følge er:

• Kreativt bilde
• Liste over populære innlegg
• Liste over nylige innlegg
• Liste over arkiver
• Søkelinje
• Gi mer hjelp ved å gi kontaktalternativer

Nå trenger du ikke å ha dem alle, men du bør sikkert ha mer enn to av disse alternativene på 404-siden din.

Analyserer vår 404-side, noen sier at vi ikke har en søkefelt. Vi har søkefeltet i sidefeltet, så det er ingen grunn til å vise det to ganger. Vi viser arkiv etter måned, etter kategori, og vi viser de populære taggene. Selvfølgelig er det kreative bildet for å gjøre alt ser vennlig ut enn kjedelig.

Nå forstår vi at ikke alle er en flott artist og kan ikke komme opp med noen av illustrasjoner og tegneserier ovenfor, men du kan se Devlounge-eksempelet eller Funksjonseksempelet ovenfor for å se hvor enkelhet også kan fungere. Devlounge har en veldig organisert 404 side, ingen bilde, nei ingenting, men det er veldig organisert og nyttig. Funksjonen har et enkelt ikon og andre ressurser, men ingenting super grafisk.

Når du lager din egen 404-side, vær så oppmerksom på det.

Slik oppretter du en 404-side i WordPress

I WordPress temakatalog er det en fil som heter 404.php, Hvis du ikke har den filen, vil du kanskje opprette en. Du kan legge til hvilken som helst HTML i den filen for å dekke dine behov. Men det anbefales at du bruker standardparametrene, slik at siden ser ut som om den er en del av designet.

Nå vikle rundt stilen HTML rundt den. Hvis du vil, kan du til og med kopiere din page.php innhold i 404.php og bare fjern innholdsområdet og legg til dine tilpassede tagger.

Her er noen av kodene du kan bruke:

Vis arkiv etter månedene:

Denne koden vil vise arkiv etter måneder, men det vil vise alle måneder. Så det kan bli et rot hvis du har en blogg som er tre år gammel. For å lære å begrense antall måneder som vises, sjekk opp veiledningen.

Vis liste over kategorier

Denne koden vil liste alle kategorier på bloggen din. Ofcoures du kan stilere dem med å bruke listekoder eller andre.

Vis mest brukte etiketter

Dette vil vise de mest brukte kodene som hvordan vi har på vår 404 side.

Vis siste innlegg

',''); ?>

Det er flere koder du kan bruke, du må bare søke i dokumentasjonen og finne den. Hvis du har et bestemt spørsmål, er du velkommen til å spørre oss når som helst.

Flere kilder:

Disse lister har mye mer 404 eksempler. Vi presenterte bare WordPress-ene.

404 Feilsider Reloaded

Mer 404 sider

60 Creative 404-sidesignaler