Cum să vă îmbunătățiți modelul de pagină 404 în WordPress

Erorile 404 nu sunt bune pentru experiența utilizatorului. V-am arătat cum să primiți alerte prin e-mail pentru 404 de erori pe site-ul dvs., pentru a le putea repara rapid. În acest articol, vă vom arăta cum să vă îmbunătățiți șablonul de pagină 404 în WordPress, astfel încât să puteți crea o pagină 404 mai utilă care să ajute de fapt utilizatorii.

Cum arata mai multe pagini WordPress 404?

Pagina 404 este de cele mai multe ori cea mai neglijată pagină din majoritatea site-urilor. Adesea o mulțime de teme WordPress 404 arată astfel:

Această pagină 404 din WordPress este gestionată de un fișier de șablon numit 404.php.

Dacă configurația dvs. este într-adevăr deranjată, atunci pagina 404 ar arăta astfel:

Nici una dintre cele 404 de pagini de mai sus nu sunt utile.

Când un utilizator aterizează pe o pagină 404, este deja frustrat. De ce? Pentru că nu găsesc ceea ce căutau.

Trebuie să ajuți utilizatorul să găsească pagina potrivită. Puteți contribui la îmbunătățirea acestei experiențe prin transmiterea corectă a erorii și oferindu-le o acțiune corectă (adică ce trebuie să faceți în continuare).

Acest lucru se poate face prin afișarea altor secțiuni ale site-urilor pe care le pot vizita, oferindu-le o modalitate de a vă contacta etc..

Cum de a crea o pagină personalizată 404 în WordPress

Primul lucru pe care trebuie să-l facem este să începeți prin crearea unui șablon 404 de pagini personalizate. Acest lucru se poate face prin editarea fișierului 404.php în tema WordPress.

Dacă editați tema direct, atunci vă recomandăm să vă salvați cel puțin tema WordPress.

Pentru a vă face mai utilă pagina 404, vă vom arăta cum să adăugați elemente utile, cum ar fi postările populare, postările cele mai comentate, postările recente, arhivele de date, lista tuturor categoriilor etc..

Acest lucru va permite utilizatorilor noi să aibă o privire rapidă asupra a ceea ce aveți de oferit.

Afișați cele mai populare postări pe pagina 404

Vom folosi unul dintre cele mai bune plug-in-uri pentru posturi populare WordPress pentru a afișa postări populare pe pagina noastră de 404.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul WordPress Popular Posts de pe site-ul dvs. Web. La activare, trebuie să adăugați această etichetă de șablon în fișierul dvs. 404.php în care doriți să afișați postările populare.

Afișați cele mai comentate postări pe pagina 404

Cea mai comentată secțiune de posturi se bazează, de asemenea, pe pluginul de posturi populare pe care l-am activat în ultimul pas. Pur și simplu adăugați această etichetă șablon în care doriți să afișați cele mai comentate postări.

De asemenea, puteți să consultați ghidul nostru despre cum să afișați cele mai comentate postări în WordPress.

Afișați postările recente pe pagina 404

Există mai multe moduri de a afișa postările recente în WordPress. Cea mai ușoară cale este să adăugați această etichetă șablon în șablonul dvs. 404 pentru a afișa postările dvs. recente.

  'postbypost', 'limit' => 10, 'format' => 'particularizat', 'înainte' =>
')); ?> 

Afișați postări aleatorii pe 404

Dacă doriți să afișați o listă aleatorie de postări în WordPress, puteți adăuga pur și simplu acest cod în șablonul dvs. 404 în care doriți să afișați o listă aleatorie de postări de pe site-ul dvs..

Adăugați arhive lunare cu arhive compacte

Dacă vă uitați la pagina WPBeginner 404, atunci veți observa că afișăm lista noastră de arhive lunare utilizând un plugin Compact Archives. Notați că am adoptat acest plugin și îl menținem acum.

Instalați și activați acest plugin pluginul Compact Archives. După activarea pluginului, adăugați următorul cod în fișierul dvs. 404.php:

 
După dată
 
  
 

Acesta va afișa arhivele dvs. lunare astfel:

Un exemplu de model 404 pentru WordPress

Iată un exemplu de fișier 404.php bazat pe tema WordPress implicită tematică Twenty Thirteen's 404.

            
Consultați câteva dintre conținuturile noastre populare:
   
postari populare
      
Cele mai comentate
      
Postări recente
   'postbypost', 'limit' => 10, 'format' => 'particularizat', 'înainte' =>
')); ?>       

Comparați acest șablon 404 cu șablonul implicit din Twenty Thirteen. Veți observa că imediat după formularul de căutare am adăugat codul personalizat pentru a afișa postări populare, cele mai comentate și mai recente. Apoi am adăugat un mic CSS pentru al împărți în coloane.

 .col1, col2, col3 lățime: 30%; plutește la stânga; umplutură: 0px 10px 10px 10px; height: 450px; margin: 0px;  .col3: după clar: ambele;  .col-header fundal: # 220e10; Culoare: #fff; margin: 0px; padding: 1px; text-align: center;  

Acesta a fost rezultatul final:

Sperăm că acest articol v-a ajutat să îmbunătățiți pagina 404 de pe site-ul dvs. WordPress. Simțiți-vă liber să jucați cu codul și să experimentați diferite șabloane de șablon pentru a vă satisface nevoile.

Puteți folosi, de asemenea, această listă pentru exemple de design cool 404 ca inspirație.

Dacă ți-a plăcut acest articol, abonează-te la canalul nostru YouTube pentru mai multe videoclipuri din WordPress. De asemenea, vă puteți alătura pe Google+ și pe Twitter.