Własna, skonfigurowana strona 404 jest ważna pod kątem SEO. Zobacz, jak zrobić stronę 404 bez korzystania z wtyczek na motywach Divi i Astra.
Dobrze zbudowana strona 404 powoduje, że gość na stronie widzi, że twórca o niego dba. Ma nie tylko informację o błędzie, ale także kilka linków do wykorzystania. Jest to istotne w sklepach internetowych ale i na portalach oraz blogach.
Są wtyczki do WordPressa, które generują stronę 404. Nie będziemy ich tu reklamować. Jeśli zechcesz, znajdziesz je samodzielnie na stronie Wordrpess: https://pl.wordpress.org/plugins/
3 kroki do strony 404
- Zgrywasz plik 404.php na dysk. Plik znajdziesz w katalogu z wp-content/themes/nazwa-motywu. Jeżeli nie znajdziesz pliku, możesz go utworzyć samodzielnie np. poprzez Notepad++.
- W pliku 404.php tworzysz content. Aby było łatwiej, możesz porównać plik 404.php z plikiem page.php.
- Wgrywasz utworzony plik 404.php do katalogu wp-content/themes/nazwa-motywu i podmieniasz istniejący.
Przykładowy content w pliku 404.php
Jak powinien wyglądać plik 404.php? To już zależy od Ciebie. Poniżej 2 przykłady, jak może wyglądać kod w pliku 404.php dla motywów Divi i Astra.
Kod w pliku 404.php w motywie Astra
Kod w pliku 404.php w motywie Divi
Efekt końcowy strony 404
Poniżej przykładowa strona 404 na stronie butiku Venecjasklep.pl.
Dodanie linijek w pliku CSS
Ostatnie zadanie to dodatkowy kod CSS, do oscylowania div-ów. Jeżeli chcesz, aby Twoja strona 404 wyglądał jak ta powyżej, to oprócz dodania zaznaczonego kodu w pliku 404.php, musisz dodać kod CSS:
/* 404 */
#boxblad {
display: flex;
max-width: 1000px;
margin: 0 auto;
}
.catblad{
margin:10px;
}
