20 grudnia, 2021

Jak utworzyć niestandardową stronę 404 w WordPress

nigdy nie jest dobrze, gdy link prowadzi użytkownika do strony, która już nie istnieje. Może wystąpić rozczarowanie, zamieszanie i zawrót z odwiedzającym opuszczającym witrynę po pośpiechu. Na szczęście jest coś, co możesz zrobić, aby sytuacja była mniej wstrząsająca, nawet humorystyczna, jeśli to twój styl. Wszystko, czego potrzeba, to zastąpienie ogólnej, sterylnej domyślnej strony błędu nie znaleziono (aka strona 404) stroną, która jest rzeczywiście pomocna. W tym poście wyjaśnię, jak stworzyć niestandardową stronę 404 w WordPress.

Zamień cyfrowe ślepe uliczki w drogowskazy dla użytkowników — a nawet dodaj trochę humoru — tworząc niestandardową stronę 404.

ogólna strona 404 będzie wyglądać mniej więcej tak:

niestandardowa strona 404 WordPress Generic

chociaż jest to ślepy zaułek, możesz przekształcić go w drogowskaz prowadzący drogę. Dorzuć trochę humoru, a jęk twojego gościa zamieni się w śmiech.

oto jeden z Airbnb, który robi oba: odwiedzający otrzymują zabawną grafikę za swoje kłopoty i łatwe linki do tego, czego mogli szukać:

Niestandardowa strona 404 WordPress Airbnb
Zdjęcie: Airbnb

niektóre kreatory motywów zawierają niestandardową stronę 404, a inne nie. Aby zorientować się, jak Twój motyw radzi sobie z błędami, wpisz nonsensowny adres URL, taki jak http://mysite.com/nosuchpage i zobacz, co się pojawi. Jeśli ci się nie podoba, możesz to zmienić.

Jak stworzyć własną stronę 404 w WordPress?

jeśli chodzi o tworzenie niestandardowej strony 404 w WordPress, masz kilka opcji:

  • Edytuj istniejącą stronę 404 Twojego motywu.
  • Dodaj niestandardową stronę 404, jeśli twój motyw jej nie ma.
  • użyj wtyczki 404.

każdy z nich omówimy szczegółowo poniżej.

Uwaga: Podczas edycji motywu WordPress najlepiej jest pracować z motywem podrzędnym. W przeciwnym razie aktualizacje tematu mogą zastąpić twoją ciężką pracę.

Edycja strony 404 Twojego motywu

najpierw sprawdź, czy Twój motyw zawiera niestandardową stronę 404. Możesz to zrobić, otwierając edytor motywów (wygląd > edytor) z panelu administratora.

na liście plików po prawej stronie poszukaj jednego o nazwie 404.php.

niestandardowa Edycja strony 404 WordPress

jeśli nie ma 404.php, Twój motyw nie zawiera niestandardowego szablonu 404 i jeśli chcesz go dodać, musisz go dodać (jak opisano w dalszej części tego artykułu). W przeciwnym razie możesz po prostu kliknąć istniejący plik i edytować go bezpośrednio na pulpicie nawigacyjnym WordPress.

mięso 404.php z motywem Twenty Seventeen wygląda tak:

niestandardowe kodowanie strony 404 WordPress

aby zmienić stronę, edytuj podświetlony tekst. Możesz również dodać dodatkowe akapity pod nim (nad końcem div strony-zawartość), w tym wszelkie obrazy i pomocne linki, które chcesz dodać.

Tworzenie strony WordPress 404

jeśli twój motyw nie zawiera 404.plik php, istnieją dwa proste sposoby utworzenia jednego:

1. Przyjąłem 404.php z innego motywu, takiego jak WordPress Twenty Seventeen theme (/wp-content / themes / twentyseventeen / 404.php) do katalogu bieżącego motywu. Edytuj stronę w sposób opisany powyżej.

2. Skopiuj indeks motywu.php do pliku o nazwie 404.php w bieżącym temacie. Usuń części związane z pętlą WordPress. Ogólnie rzecz biorąc, jest to sekcja, która zaczyna się w ten sposób:

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

i kończy się na:

<?php endif; ?>

zwróć uwagę, że dokładna składnia może się nieco różnić, ale szukasz have_postsi endif. Następnie Wstaw swój niestandardowy kod w utworzonym miejscu.

zaletą drugiej metody jest to, że prawdopodobnie uzyskasz formatowanie, którego używa Twój motyw w całej witrynie, więc stylizacja będzie pasować.

wtyczki WordPress 404

jeśli nie czujesz się komfortowo edytując kod PHP swojego motywu, możesz preferować pracę z wtyczką. Wtyczki 404 pomogą Ci stworzyć stronę błędu 404, a często, jako dodatkowy bonus, będą śledzić i rejestrować wszystkie błędy nie znalezione na stronie. Oto kilka ulubionych:

404page

niestandardowa strona 404 WordPress 404page-Plugin
Zdjęcie: 404page

ta starannie zaprojektowana wtyczka pozwala utworzyć stronę 404 tak, jak każdy inny post WordPress. Następnie przejdź do strony błędu wygląd > 404 i oznacz nową stronę jako stronę 404. Zwraca również poprawny kod błędu do przeglądarki odwiedzającego. Więcej niż witryny 70,000 WordPress korzystają z tej wtyczki i jest załadowany ocenami gwiazdkowymi 5, więc jest to doskonały wybór.

niestandardowe 404 Pro

niestandardowe 404 Strona WordPress 404 Pro
Zdjęcie: niestandardowe 404 Pro

bezpłatna wtyczka pozwala również wyznaczyć dowolną stronę, którą utworzysz, jako stronę 404. Ponadto rejestruje wszystkie błędy 404 w raporcie, który możesz przejrzeć, dzięki czemu możesz wyśledzić i zgnieść jak najwięcej.

404 Strona przez SeedProd

niestandardowa strona 404 WordPress SeedProd
Zdjęcie: SeedProd

ta wtyczka pomaga szybko i łatwo skonfigurować niestandardową stronę 404 w WordPress. Działa z większością motywów i pozwala całkowicie dostosować nową stronę 404. Wersja podstawowa jest darmowa. Wersja pro, którą musisz subskrybować co roku, oferuje dodatkowe funkcje, takie jak zbieranie adresu e-mail odwiedzającego.

Zawijanie

istnieje sporo dodatkowych wtyczek 404 w katalogu wtyczek WordPress, ale powyższe są sprawdzonymi faworytami.

wybierając wtyczkę 404, unikaj tych, które zwracają kod przekierowania 301 do przeglądarki zamiast poprawnego kodu błędu 404 not found. Ponieważ strona w rzeczywistości nie istnieje, nie powinieneś mówić przeglądarkom, że została przeniesiona.

przekierowanie może być bardzo pomocne w radzeniu sobie z błędami 404, ale ma zastosowanie tylko wtedy, gdy Możesz przekierować użytkowników na stronę, do której pierwotnie chcieli dotrzeć. W przeciwnym razie powinieneś dostarczyć ładną stronę 404.

Wskazówki dotyczące dobrej strony 404 w WordPress

jeśli domyślna wiadomość 404 jest mdła i niezbyt pomocna, co powinieneś umieścić na jej miejscu? Dobry projekt będzie zawierał:

  • Projektowanie i branding, który pasuje do reszty witryny.
  • pomocny komunikat informujący odwiedzających, że strona nie została znaleziona.
  • linki do odpowiednich stron w Twojej witrynie, takich jak Strona główna lub popularne strony, aby zachęcić odwiedzających do pozostania w pobliżu.
  • może humorystyczny obraz lub TON, jeśli to twój styl.

skuteczna strona 404 pomoże Ci powstrzymać odwiedzających od klikania i zachęci ich do dalszej eksploracji Twojej witryny. Powinieneś także śledzić błędy 404 w witrynie i tworzyć przekierowania, gdy będziesz mógł przekazywać użytkowników do zamierzonego miejsca docelowego.

dobra niestandardowa strona 404 zmienia ślepy zaułek w drzwi, które zachęcają odwiedzających do wejścia i pozostania w pobliżu. Żadna strona internetowa nie jest kompletna bez niej.

podobne: jak skonfigurować 301 przekierowań w WordPress

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.