Jak edytować stronę 404 w WordPressie (przewodnik po dostosowywaniu) | Premie WP

Każdy twórca treści i administrator strony wie, że drobne szczegóły mają duże znaczenie, a w Internecie nie ma drugiego wrażenia. Piękna kolorystyka, doskonały efekt animacji czy atrakcyjna strona 404 to szczegóły, które wpływają na lub psują wrażenia użytkownika.

Strona 404 to techniczne wyrażenie opisujące sytuacje, w których nie można znaleźć strony. Na przykład może to być spowodowane tym, że użytkownik błędnie wpisuje adres URL na karcie przeglądarki lub ta strona internetowa nie jest już online.

W kolejnych akapitach dowiesz się, jak edytować stronę 404 w WordPressie. Atrakcyjna strona 404 to najlepsze rozwiązanie na przezwyciężenie wstydliwego momentu. Zamiast rozczarowywać odwiedzających witrynę, doskonała strona 404 przyczyni się do lepszego wizerunku Twojej marki.

Co to za strona 404

Klikasz link lub wpisujesz adres URL w zakładce przeglądarki. Następnie przeglądarka zaczyna pobierać dane z serwera, na którym znajduje się witryna, którą chcesz odwiedzić. To jest podstawowe wyjaśnienie przeglądania Internetu. Wymiana informacji między przeglądarką a serwerem obejmuje m.in. kilka kodów statusu. Ponadto istnieją statusy opisujące przekierowanie strony internetowej, błędy klienta lub serwera lub cele informacyjne.

Wszystkie kody statusu z formularzem 4XX dotyczą błędów klienta. Na przykład 403 Forbidden występuje, gdy serwer rozumie żądanie przeglądarki, ale odmawia podania danych. Zdecydowanie najbardziej znanym kodem statusu jest strona 404. Otrzymujesz stronę 404 po kliknięciu uszkodzonego linku, wpisaniu nieprawidłowego adresu URL prowadzącego do nieistniejącej strony internetowej lub jeśli zasób, o który prosiłeś, nigdy nie istniał.

Nawet najważniejsze witryny, takie jak duże wiadomości z czasopism lub często odwiedzane sklepy, mogą zawierać błąd strony 404. Oczywiście jest to nieuniknione, ale powinieneś wiedzieć, jak pominąć wstydliwą sytuację. Dlatego pomogłoby, gdybyś zrobił wszystko, co możliwe, aby stworzyć dobrze wyglądającą stronę błędu 404 dla swojej witryny.

Anatomia dobrej strony 404

Niektóre witryny uzyskują link zwrotny i publiczne uznanie, wymieniając na listach z fajnymi stronami 404. Odwiedzający witrynę doceniają dobry projekt lub humorystyczny przekaz na stronie 404. To powinno przekonać Cię, że dobrze wyglądająca strona błędu 404 jest priorytetem dla Twoich firm internetowych. Oto, co powinna zawierać dobra strona 404:

● Komunikat o błędzie – użytkownicy powinni zdawać sobie sprawę z problemu od momentu wejścia na stronę 404. Wyraź to jasno, aby wszyscy to zrozumieli.

● Linki do Twoich treści – nie chcesz, aby użytkownicy opuszczali Twoją witrynę. Podaj im linki do odpowiednich treści. Niezależnie od tego, czy będzie to najlepsza treść, czy coś związanego z brakującą stroną, to zależy wyłącznie od Ciebie. Liczy się utrzymanie ich w Twojej witrynie.

● Przepraszamy — daj ludziom znać, że przepraszasz za ich niedogodności. Jeśli to możliwe, używaj humoru – to najlepsza metoda, aby zachęcić ich do dania swojej witrynie drugiej szansy.

● Dobry projekt – ludzie są rozczarowani, gdy trafiają na stronę 404 i mają tendencję do przesadnej reakcji. Oszałamiający projekt, oprócz wciągającej treści, może zmienić ich zdanie. Postaraj się stworzyć doskonałą stronę 404.

Jak edytować stronę 404 w WordPress

Na szczęście mamy różne opcje edycji strony 404 w WordPressie. Najbardziej doświadczeni użytkownicy mogą zdecydować się na edycję pliku 404.php. Jest to plik odpowiedzialny za wyświetlanie strony błędu 404. Administratorzy sieci, którzy wolą używać narzędzia do tworzenia stron, takiego jak Elementor, mogą utworzyć stronę 404. Na koniec dostępnych jest kilka wtyczek do tworzenia stron 404 dla osób, które nie mają umiejętności kodowania. Przeanalizujmy wszystkie sposoby tworzenia i edytowania strony 404 w WordPressie.

Edytuj stronę 404 przez klienta FTP

Dobrą zasadą jest wykonanie kopii zapasowej witryny przed edycją kodu. Nigdy nie pomijaj tego kroku — w większości przypadków kopia zapasowa witryny nie jest potrzebna, ale bez przygotowania dzieją się złe rzeczy. Więc zrób tę kopię zapasową, aby mieć pewność!

Załóżmy, że wykonałeś pełną kopię zapasową witryny i jesteś gotowy do głębszego zagłębienia się w tę sprawę. Użyj wybranego klienta FTP i połącz się z lokalnym hostem witryny. Wyszukaj plik o nazwie 404.php file – jest to plik odpowiedzialny za wyświetlenie strony z błędem 404. Zazwyczaj motywy WordPress mają dedykowany plik 404.php, ale niektórzy mogą go pominąć. Sprawdź dokładnie, czy Twój kod motywu zawiera plik 404.php. Jeśli twój motyw nie zawiera pliku 404.php, będziesz musiał go zbudować. Utwórz nowy plik i skopiuj następujące wiersze kodu:

404 Szablon strony

 <?php /** * The template for displaying 404 pages (Not Found) * * @package WordPress * @subpackage Twenty_Thirteen * @since Twenty Thirteen 1.0 */ get_header(); ?> <div class="content-area"> <div class="site-content" role="main"> <header class="page-header"> <h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1> </header> <div class="page-wrapper"> <div class="page-content"> <h2><?php _e( 'This is somewhat embarrassing, isn't it?', 'twentythirteen' ); ?></h2> <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p> <?php get_search_form(); ?> </div><!-- .page-content --> </div><!-- .page-wrapper --> </div><!-- #content --> </div><!-- #primary --> <?php get_footer(); ?>

Źródło : Tworzenie strony błędu 404 w WordPress Codex

To jest kod motywu 404 Page of Twenty Thirteen – jest to podstawowa strona odpowiednia do edycji i wykorzystania w Twoim projekcie. Oczywiście możesz rzucić okiem na inne domyślne motywy WordPress i sprawdzić ich strony 404. Strona 404 motywu Twenty Thirteen wywołuje nagłówek i stopkę Twojej witryny, dzięki czemu strona jest zgodna ze stylem Twojej witryny. Niezależnie od tego, jak wygląda Twoja witryna, strona błędu 404 będzie miała podobny wygląd. Musisz jednak dostosować treści wyświetlane na tej stronie. Na tym etapie wkracza talent twórcy treści.

Opcjonalnie możesz edytować plik 404.php, aby wyświetlić zawartość opublikowaną w Twojej witrynie. Opcje są nieskończone, więc zobaczmy kilka potencjalnych sposobów na zwiększenie błędu strony 404.

• Wyświetl tytuły ostatnich siedmiu postów — Wszystko, co musisz zrobić, to wkleić ten fragment kodu do pliku 404.php:

 <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 7, 'format' => 'custom', 'before' => '<span class="my-post-title">', 'after' => '</span>, ' ) ); ?>

• Wyświetl tytuły losowych siedmiu postów Wklej następujący kod, aby wyświetlić siedem losowych postów:

 <ul> <?php $rand_posts = get_posts( array( 'posts_per_page' => 5, 'orderby' => 'rand' ) ); if ( $rand_posts ) { foreach ( $rand_posts as $post ) : setup_postdata( $post ); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; wp_reset_postdata(); } ?> </ul>

Dodaj swoje logo lub zabawny obrazek (koty i psy zawsze działają), aby wywołać uśmiech na twarzy widzów i dać ci drugą szansę. Następnie przetestuj stronę 404 po zakończeniu edycji. Aby wyświetlić stronę 404, wpisz adres swojej witryny w pasku przeglądarki, a następnie dodaj losowy ciąg liter. Wynik powinien wyglądać mniej więcej tak:

 https://example.com/dfdfddfd

Jeśli to nie działa, oznacza to, że serwer nie może znaleźć Twojego niestandardowego pliku 404.php. W tym scenariuszu należy przejść do pliku .htaccess witryny i wkleić następujący wiersz kodu:

ErrorDocument 404 /index.php?error=404

Ważne : jeśli edytujesz nową lub niedawno uruchomioną witrynę internetową, może ona nie mieć pliku .htaccess. To nie jest duży problem - zmień permalinki swojej witryny i zapisz swoją operację. Następnie natychmiast powróć do preferowanego formatu permalinków. W ten sposób wygenerujesz plik .htaccess.

Edytuj edytor motywów 404 Page Through (niezalecane)

Znaczna liczba artykułów związanych z edycją strony 404 w WordPressie wymienia edytor motywów jako realne rozwiązanie. To nie jest! Chociaż edytowanie kodu strony bezpośrednio z pulpitu administracyjnego WordPressa jest wygodne i proste, jest to niebezpieczne i może zakończyć się fiaskiem. Nie wspominając o tym, że edytowanie witryny nie jest wcale profesjonalne, gdy jest ona dostępna online i dostępna dla wszystkich. Poza tym Twoja edycja znika po aktualizacji motywu (chyba że używasz motywu podrzędnego).

Edytuj stronę 404 poprzez kreatory stron

Ta metoda jest bezpieczna, prosta i skuteczna. Prawdopodobnie znasz kreatory stron, takie jak Elementor, Divi Builder, Beaver Builder, SeedProd lub Themify Builder. To, co wybierzesz, nie ma znaczenia, o ile dobrze to rozumiesz. Te kreatory pozwalają stworzyć doskonałą stronę 404 bez pisania ani jednej linii kodu. To najlepsze rozwiązanie, jeśli martwisz się wklejaniem fragmentów kodu do plików witryny.

Sprawdź blog i dokumentację swojego ulubionego kreatora stron, a najprawdopodobniej znajdziesz samouczek wyjaśniający, jak stworzyć stronę 404. Ponadto niektóre kreatory stron mają dedykowane szablony dla stron 404. Wybierz szablon i spersonalizuj go, aby pasował do Twojej marki.

Wtyczki WordPress strony 404

Nie masz wielu alternatyw, aby stworzyć stronę 404 z dedykowaną wtyczką. Jednak kilka wtyczek zasługuje na twoją uwagę. Ich kapitałową zaletą jest to, że nie musisz pisać kodu, aby tworzyć i edytować strony 404. Wtyczki są proste, skuteczne i lekkie.

Strona 404  

Możesz ulec pokusie, by uwierzyć, że musisz być programistą, aby stworzyć dobrą stronę błędu 404. Dzięki tej wtyczce każdy może sobie wyobrazić atrakcyjną stronę błędu 404. Poza tym wtyczka 404page nie jest tak złożona jak kreatory stron. Skupiasz się na produkcie końcowym – dobrej stronie błędu 404.

Zainstaluj i aktywuj wtyczkę. Następnie utwórz stronę 404 w taki sam sposób, jak pozostałe strony w Twojej witrynie. W panelu administracyjnym WordPress przejdź do Wygląd > Strona błędu 404 i wybierz stronę, którą właśnie utworzyłeś, jako niestandardową stronę błędu 404 Twojej witryny.

Ta wtyczka nie pozwala na przekierowywanie stron internetowych; po prostu informuje roboty wyszukiwania, że ​​brakuje strony internetowej. 404page to osobisty projekt dewelopera, więc za tą wtyczką nie stoi żadna agencja. Weź pod uwagę, że wtyczka ma 100 000 aktywnych instalacji i prawie idealną ocenę – 4,9 gwiazdek na 5. W tych okolicznościach deweloper wtyczki zasługuje na nasze uznanie!

Wszystkie przekierowania 404 na stronę główną i przekierowanie uszkodzonych obrazów  

Nazwa wtyczki nie jest imponująca, ale jest bardzo sugestywna. Wtyczka obsługuje błędy strony 404 inaczej niż poprzednia alternatywa. Zamiast zachwycać odwiedzających dobrze zaprojektowaną stroną 404, ta wtyczka przekierowuje wszystkie błędy 404 na stronę główną lub inną stronę internetową. Największą zaletą tej wtyczki jest to, że masz kontrolę nad uszkodzonymi linkami w swojej witrynie. Dodatkowo możesz użyć tej wtyczki do przekierowywania użytkowników. Na przykład, zamiast pozwalać ludziom odwiedzać nieaktualny post na blogu, użyj tej wtyczki, aby przekierować ich do zaktualizowanej wersji.

Konfigurator Colorlib 404  

Ta wtyczka jest prosta w użyciu i naprawdę pomaga tworzyć atrakcyjne strony 404. Zawiera profesjonalnie wykonane szablony 404, które możesz dostosować do swoich potrzeb. Wtyczka Colorlib 404 Customizer umożliwia wstawianie przycisków mediów społecznościowych, zmianę koloru tła lub obrazu oraz konfigurację nagłówków tekstowych. Bardziej zaawansowani użytkownicy mogą dodać niestandardowy kod CSS. Wtyczka jest open-source, więc możesz przyczynić się do ulepszenia wtyczki.

Użyj kreatora stron lub zrób to za pomocą swojego motywu .

Jeśli korzystasz już z narzędzia do tworzenia stron, będziesz już mieć możliwość dostosowania swojego 404 za jego pomocą. Prawie każdy kreator stron umożliwia edycję strony 404. Oto lista wtyczek, w których jesteśmy pewni, że możesz to zrobić:

● Breezy

● Elementor

● Budowniczy bobrów

● Kreator Divi

● Pochodzenie witryny

Jeśli używasz motywu, takiego jak OceanWP, GeneratePress lub Astra, możesz to zrobić za pomocą ich opcji motywu. Otrzymasz gotową, doskonale wyglądającą stronę 404, jeśli zaimportujesz zawartość demonstracyjną. Jedyną wadą importowania treści demonstracyjnych i korzystania z gotowych projektów jest to, że Twoja witryna będzie mniej więcej wyglądać jak Demo. Weźmy na przykład tę stronę internetową i demo Astry. Każdy, kto przejrzał bibliotekę stron startowych Astry, szybko zorientuje się, że właściciele witryny nie stworzyli jej sami. Może to zaszkodzić poziomowi zaufania użytkowników do Twojej witryny.

Z drugiej strony Astra, OceanWP i inne motywy z ponad 500.000 użytkownikami zwiększają co miesiąc swoją bibliotekę stron startowych.

Do Ciebie

Masz teraz jasny pomysł, jak edytować stronę 404 w WordPressie. Jest na to wiele rozwiązań i powinieneś wybrać to, które odpowiada Twoim umiejętnościom i potrzebom. Liczy się ekscytująca strona błędu 404, która zachwyci widzów. Metoda i narzędzia, których używasz do zaprojektowania i wdrożenia tej strony 404, nie dotyczą Twoich klientów. Nie masz żadnego usprawiedliwienia dla braku doskonałej strony błędu 404! Przejdź do deski kreślarskiej i zacznij tworzyć niestandardową stronę błędu!