cum să creați o pagină personalizată 404 în WordPress

știm că ați depus mult timp și efort pentru a vă asigura că fiecare link va duce la o anumită pagină de pe site-ul dvs. Din păcate, există întotdeauna șansa ca vizitatorii să facă clic pe link-uri rupte. În acel moment, li se va solicita o pagină 404, care este, de asemenea, cunoscută sub numele de „pagină de eroare” sau „pagina nu a fost găsită”.

în mod implicit, această pagină indică doar faptul că serverul web nu a putut găsi pagina solicitată fără informații suplimentare. Dacă vizitatorii dvs. primesc o eroare, de ce să nu le prezentați un mesaj mai util decât cel implicit?

în acest articol, vă vom ghida despre cum să adăugați mai multe informații la cele 404 pagini. De asemenea, vă vom arăta 3 metode diferite pentru a vă crea fără efort propria pagină 404 atrăgătoare.

să mergem!

de ce faceți o pagină 404 personalizată WordPress

dvs. sau vizitatorii site-ului dvs. web veți întâlni de obicei o eroare 404 Not Found atunci când încercați să deschideți o adresă URL care nu există. Șansele sunt tu sau vizitatorii dvs. au:

• a făcut clic pe un link rupt
• a scris greșit o adresă URL
• nu aveți permisiunea de a accesa adresele URL

pagina implicită 404 este ceva bland și nefolositor ca acesta:

acest lucru vă poate frustra imediat vizitatorii. De asemenea, atunci când se confruntă cu această eroare, singura lor alegere este să apese butonul Înapoi sau să se întoarcă la Google și să caute din nou. Acest lucru va crește rata de respingere și va afecta SEO-ul site-ului dvs.

de aceea ar trebui să vă personalizați cele 404 de pagini adăugând câteva linkuri mai utile și, eventual, puțin umor. În consecință, vizitatorii dvs. vor ști cu ușurință unde și cum să acceseze locul potrivit.

cum să vă personalizați pagina WordPress 404

în general, există 3 metode de bază pentru a vă personaliza cele 404 de pagini. În secțiunile următoare, vă vom parcurge unul câte unul.

• Personalizați pagina 404 editând editorul de teme
• Creați pagina 404 personalizată prin constructorii de pagini
• Creați pagina 404 personalizată folosind pluginurile

Personalizați pagina 404 editând editorul de teme

fiecare temă are propriul șablon de pagină 404 implicit.

pentru a personaliza această pagină, pur și simplu navigați la aspect > Editor temă în tabloul de bord admin.

în lista de fișiere tematice din partea dreaptă a paginii, alegeți 404.php.

aici, editați textul mesajului după cum doriți, apoi salvați modificările.

mai jos este implicit 404.php temei noastre:

<?php/*** The template for displaying 404 pages (not found)** @link https://codex.wordpress.org/Creating_an_Error_404_Page** @package WordPress* @subpackage Twenty_Nineteen* @since Twenty Nineteen 1.0*/get_header();?><div class="content-area"><main class="site-main"><div class="error-404 not-found"><header class="page-header"><h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'twentynineteen' ); ?></h1></header><!-- .page-header --><div class="page-content"><p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p><?php get_search_form(); ?></div><!-- .page-content --></div><!-- .error-404 --></main><!-- #main --></div><!-- #primary --><?phpget_footer();

implicit 404.fișierul php va oferi utilizatorului navigarea de bază a site-ului dvs.

deci, pentru a schimba mesajul de eroare pe care îl vede vizitatorul dvs., revizuiți Textul din antetul h1 și din clasa conținut pagină. Dacă este necesar, adăugați câteva paragrafe mai jos.

Creare pagină personalizată 404 prin Page Builders

în prezent, majoritatea constructorilor de pagini vă oferă opțiunea de a crea 404 pagini. În acest articol, vom merge cu Elementor-unul dintre cei mai populari constructori de pagini în prezent.

constructorul vizual și drag-and-drop al pluginului vă permite să creați cu ușurință propria pagină personalizată 404. Cu versiunea Pro, puteți crea o pagină 404 mai ușor de utilizat, puteți adăuga o parte din propriul branding și poate chiar să construiți o conexiune cu un anumit umor.

acum, să vedem cum să avem o pagină uimitoare 404!

Pasul 1. Creați un nou șablon de pagină 404

după ce ați Elementor Pro instalat și activat, accesați șabloane > Theme Builder > Adăugați nou.

aici:

1. 1. selectați tipul de șablon la care doriți să lucrați: Single
   2. selectați tipul de postare: 404 Page
   3. denumiți șablonul: de ex. pagina de eroare

vă rugăm să observați că nu utilizați „404” ca nume pentru șablonul dvs., deoarece va cauza probleme cu Permalink-urile WordPress.

după ce ați terminat, faceți clic pe Creare șablon.

Pasul 2: Alegeți șablon prefabricat sau proiectați unul nou

odată apăsat butonul Creare șablon, veți vedea o listă cu 404 șabloane de pagină.

puteți începe prin alegerea unuia dintre șabloanele pre-proiectate și apoi personalizați-l în funcție de nevoile dvs.

sau puteți închide șabloanele pentru a vă construi propria pagină 404 de la zero.

Pasul 3: proiectați și personalizați pagina 404

indiferent dacă utilizați unul dintre șabloanele pre-făcute sau proiectați propria pagină de la zero, puteți utiliza interfața Elementor obișnuită și toate widget-urile pentru a vă proiecta pagina.

de exemplu, pentru a adăuga o casetă de căutare la pagina 404, tot ce trebuie să faceți este să includeți widgetul formularului de căutare.

după terminarea designului, faceți clic pentru a-l publica.

ar trebui să vedeți că Elementor selectează automat regula includere pentru a afișa acest șablon pe pagina 404. Pentru a termina lucrurile, tot ce trebuie să faceți este să faceți clic pe Salvare & închidere.

asta e!

Creare pagină personalizată 404 folosind pluginuri

cu peste 100.000 de instalări active, pluginul 404page – your smart custom 404 error page dovedește cel mai utilizat plugin pentru a crea o pagină de eroare personalizată 404 în WordPress.

acum, să vedem cum acest plugin vă ușurează munca!

Pasul 1: Instalați pluginul

din moment ce 404page – pagina dvs. de eroare smart custom 404 este un plugin complet gratuit, îl puteți descărca și instala oricând din Directorul pluginului WordPress.

pentru a face acest lucru, pur și simplu du-te la plugin-uri > Adăugați nou în tabloul de bord admin. Aici, căutați 404page-pluginul smart custom 404 error page.

Faceți clic pe Instalați acum și apoi activați-l.

Pasul 2: Creați pagina 404 personalizată

pentru a crea pagina de eroare 404 personalizată, pur și simplu accesați pagini > adăugați o pagină nouă și creați o pagină nouă.

aici, puteți adăuga orice informații, imagini sau mesaje text la pagina dvs. personalizată 404.

Pasul 3: Gestionați setările pluginului

navigați la secțiunea Aspect pagina de eroare 404 din panoul de administrare.

puteți gestiona setările pluginului acolo. În acest moment, pluginul va afișa pagina implicită 404 a site-ului dvs.

de exemplu, aceasta este pagina de eroare implicită 404 a temei WordPress:

pentru a alege Pagina personalizată creată, să selectăm pagina dvs. personalizată în pagina care va fi afișată ca meniul derulant al paginii 404 sub fila General.

nu uitați să apăsați Salvați modificările după ce ați terminat.

odată ce pagina este selectată și modificările sunt salvate, puteți face clic pe butonul Test 404 error pentru a o testa. De asemenea, butonul Editare pagină vă permite să editați pagina de eroare personalizată 404 direct de aici.

pentru opțiuni de setări mai avansate, comutați la fila Avansat unde puteți personaliza modul în care se afișează pagina 404 personalizată.

acesta este un exemplu de pagină de eroare 404 pe care am personalizat-o cu pluginul de pagină 404:

ai terminat!

Spune La revedere de la plictisitor și nefolositoare pagina 404 astăzi!

există numeroase modalități ușoare de a vă face pagina 404 uimitoare și captivantă. Deci, de ce să păstrați unul plictisitor pe site-ul dvs.?

pentru a crea o pagină personalizată 404, puteți edita 404.php. fișier direct pe editorul temă. Acestea fiind spuse, este nevoie de un pic de cunoștințe de codificare.

dacă nu aveți cunoștințe tehnice, luați în considerare utilizarea constructorilor de pagini sau a pluginurilor. În acest articol, ne-am ghidat cum să creați o pagină personalizată 404 folosind Elementor Page builder și 404 plugin.

acum aveți toate informațiile necesare la îndemână. Ce mai aștepți?

să vă facem pagina 404 fantezie acum!