Cum să editați o pagină 404 în WordPress (Ghid de personalizare) | Buff-uri WP

Fiecare creator de conținut și administrator de site știu că micile detalii contează foarte mult și nu există o a doua impresie pe Internet. O schemă de culori frumoasă, un efect de animație excelent sau o pagină atractivă de 404 sunt detalii care fac sau distrug experiența utilizatorului.

O pagină 404 este expresia tehnică care descrie situații în care o pagină nu este găsită. De exemplu, s-ar putea ca utilizatorul introduce greșit o adresă URL în fila browser sau acea pagină web nu mai este online.

În paragrafele următoare, veți învăța cum să editați o pagină 404 în WordPress. O pagină atractivă de 404 este cea mai bună soluție pentru a depăși un moment jenant. În loc să dezamăgească vizitatorii site-ului, o pagină excelentă 404 va contribui la o imagine mai bună a mărcii dumneavoastră.

Ce este o pagină de 404

Faceți clic pe un link sau introduceți o adresă URL în fila browser. În continuare, browserul începe să solicite date de la serverul care găzduiește site-ul web pe care doriți să îl vizitați. Aceasta este o explicație de bază a navigării pe Internet. Schimbul de informații între browser și server implică, printre multe altele, câteva coduri de stare. În plus, există stări pentru a descrie redirecționarea paginii web, erorile clientului sau serverului sau scopurile informaționale.

Toate codurile de stare cu formularul 4XX privesc erorile clientului. De exemplu, 403 Interzis este atunci când serverul înțelege solicitarea browserului, dar refuză să furnizeze datele. De departe, pagina 404 este cel mai faimos cod de stare. Primiți o pagină 404 când faceți clic pe un link rupt, introduceți o adresă URL greșită care conduce la o pagină web inexistentă sau dacă resursa pe care ați cerut-o nu a existat niciodată.

Chiar și site-urile esențiale, cum ar fi știri uriașe de reviste sau magazine intens vizitate, pot conține o eroare de 404 pagini. Desigur, este inevitabil, dar ar trebui să știi să treci peste situația jenantă. Prin urmare, ar fi de ajutor dacă ați face tot posibilul pentru a crea o pagină de eroare 404 frumoasă pentru site-ul dvs.

Anatomia unui bun 404 Pagina

Unele site-uri web câștigă un backlink și recunoaștere publică prin menționarea în listele cu 404 pagini. Vizitatorii site-ului apreciază un design bun sau un mesaj plin de umor pe o pagină 404. Acest lucru ar trebui să vă convingă că o pagină de eroare 404 arătosă este o prioritate pentru afacerile dvs. online. Iată ce ar trebui să includă o pagină 404 bună:

● Mesajul de eroare – Utilizatorii ar trebui să realizeze o problemă din momentul în care ajung pe o pagină 404. Faceți-l explicit pentru ca toată lumea să înțeleagă.

● Linkuri către conținutul dvs. – Nu doriți ca utilizatorii să vă abandoneze site-ul. Furnizați-le linkuri către conținut relevant. Fie că este cel mai bun conținut al tău sau ceva legat de pagina lipsă, depinde în totalitate de tine. Ceea ce contează este să le păstrezi pe site-ul tău.

● Scuze – Anunțați oamenii că vă pare rău pentru neplăcerile lor. Folosiți umorul dacă este posibil – este cea mai bună metodă de a-i încuraja să ofere site-ului dvs. o a doua șansă.

● Design bun – Oamenii sunt dezamăgiți când ajung pe o pagină 404 și au tendința de a reacționa exagerat. O piesă de design uimitoare, pe lângă conținutul captivant, le poate răzgândi. Faceți tot posibilul pentru a crea o pagină 404 excelentă.

Cum să editați o pagină 404 în WordPress

Din fericire, avem diverse opțiuni pentru a edita o pagină 404 în WordPress. Cei mai experimentați utilizatori pot alege să editeze fișierul 404.php. Acesta este fișierul responsabil pentru afișarea paginii cu erori 404. Administratorii web care preferă să folosească un generator de pagini precum Elementor pot crea o pagină 404. În cele din urmă, câteva plugin-uri pentru a face 404 pagini sunt disponibile pentru cei care nu au abilități de codare. Să analizăm toate modalitățile de a crea și edita o pagină 404 în WordPress.

Editați o pagină 404 printr-un client FTP

O regulă generală bună este să efectuați o copie de rezervă a site-ului dvs. înainte de a edita codul. Nu săriți niciodată peste acest pas – în cele mai multe cazuri, nu veți avea nevoie de o copie de rezervă a site-ului, dar lucruri rele se întâmplă atunci când nu sunteți pregătit. Așa că faceți backup pentru a fi sigur!

Să presupunem că ați efectuat o copie de rezervă completă a site-ului și sunteți gata să vă aprofundați în chestiune. Utilizați clientul FTP la alegere și conectați-vă la localhost-ul site-ului. Căutați un fișier numit fișier 404.php – este fișierul responsabil pentru afișarea paginii web cu erori 404. De obicei, temele WordPress au un fișier dedicat 404.php, dar unii ar putea rata acest fișier. Verificați de două ori dacă codul temei dvs. include un fișier 404.php. Dacă tema ta nu are un fișier 404.php, va trebui să construiești unul. Creați un fișier nou și copiați următoarele linii de cod:

404 șablon de pagină

 <?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(); ?>

Sursa : Crearea unei pagini de eroare 404 pe WordPress Codex

Acesta este codul din spatele temei 404 Page of Twenty Thirteen – este o pagină de bază potrivită pentru editare și utilizare pentru proiectul dumneavoastră. Desigur, puteți arunca o privire la alte teme WordPress implicite și puteți verifica cele 404 pagini ale acestora. Pagina 404 a temei Twenty Thirteen numește antetul și subsolul site-ului dvs., astfel încât pagina este în conformitate cu stilul site-ului dvs. Indiferent de cum arată site-ul dvs., pagina cu erori 404 va avea un design similar. Cu toate acestea, trebuie să adaptați conținutul afișat pe această pagină. În această etapă, intervine talentul creatorului tău de conținut.

Opțional, puteți edita fișierul 404.php pentru a afișa conținutul publicat pe site-ul dvs. Opțiunile sunt nesfârșite, așa că haideți să vedem câteva modalități potențiale de îmbunătățire a erorii de pagină 404.

• Afișați titlurile ultimelor șapte postări - Tot ce trebuie să faceți este să lipiți acest fragment de cod în fișierul 404.php:

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

• Afișează titlurile a șapte postări aleatorii Lipiți următorul cod pentru a afișa șapte postări aleatorii:

 <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>

Adăugați sigla dvs. sau o imagine amuzantă (pisicile și câinii funcționează întotdeauna) pentru a face spectatorii să zâmbească și pentru a vă oferi o a doua șansă. Apoi, testați pagina 404 după ce terminați munca de editare. Pentru a afișa pagina dvs. 404, introduceți adresa site-ului dvs. în bara browserului și adăugați un șir aleatoriu de litere după aceasta. Rezultatul ar trebui să arate cam așa:

 https://example.com/dfdfddfd

Dacă nu funcționează, este pentru că serverul nu poate găsi fișierul 404.php personalizat. În acest scenariu, ar trebui să accesați fișierul .htaccess de site și să lipiți următoarea linie de cod:

ErrorDocument 404 /index.php?error=404

Important : Dacă editați un site web nou sau lansat recent, este posibil să nu aibă fișierul .htaccess. Nu este o mare problemă - schimbați permalink-urile site-ului dvs. și salvați operațiunea. Apoi, reveniți la formatul preferat de permalink imediat după aceea. În acest fel, veți fi generat fișierul .htaccess.

Editați o pagină 404 prin editorul de teme (nu este recomandat)

Un număr semnificativ de articole legate de editarea unei pagini 404 în WordPress menționează editorul de teme ca o soluție viabilă. Nu este! Deși este convenabil și simplu să editați codul site-ului direct din tabloul de bord WordPress, este periculos și poate ajunge la un fiasco. Ca să nu mai vorbim că nu este deloc profesional să editezi site-ul în timp ce acesta este online și accesibil tuturor. În plus, editarea dvs. dispare odată ce actualizați tema (cu excepția cazului în care utilizați o temă copil).

Editați o pagină 404 prin intermediul generatorilor de pagini

Această metodă este sigură, simplă și eficientă. Probabil că sunteți familiarizat cu generatorii de pagini precum Elementor, Divi Builder, Beaver Builder, SeedProd sau Themify Builder. Ceea ce alegeți nu este relevant, atâta timp cât aveți o înțelegere bună asupra acestuia. Acești constructori vă permit să creați o pagină 404 excelentă fără a scrie o singură linie de cod. Aceasta este cea mai bună soluție dacă vă faceți griji să lipiți fragmente de cod în fișierele site-ului dvs.

Verificați blogul și documentația generatorului de pagini preferat și, cel mai probabil, veți găsi un tutorial care explică cum să creați o pagină 404. În plus, unii creatori de pagini au șabloane dedicate pentru 404 pagini. Alegeți un șablon și personalizați-l pentru a se potrivi cu marca dvs.

Pluginuri WordPress de 404 pagini

Nu aveți multe alternative pentru a crea o pagină 404 cu un plugin dedicat. Cu toate acestea, câteva plugin-uri merită atenția ta. Avantajul lor capital este că nu trebuie să scrieți cod pentru a crea și edita 404 pagini. Pluginurile sunt simple, eficiente și ușoare.

404 pagina  

S-ar putea să fii tentat să crezi că trebuie să fii un programator pentru a crea o pagină bună de eroare 404. Datorită acestui plugin, toată lumea poate concepe o pagină de eroare 404 atractivă. În plus, pluginul 404page nu este la fel de complex precum sunt generatorii de pagini. Vă concentrați pe produsul final – o pagină bună de eroare 404.

Instalați și activați pluginul. Apoi, creați o pagină 404 la fel ca și restul paginilor de pe site-ul dvs. Din tabloul de bord WordPress, accesați Aspect > Pagina de eroare 404 și alegeți pagina pe care tocmai ați creat-o pentru a fi pagina personalizată de eroare 404 a site-ului dvs.

Acest plugin nu permite redirecționarea paginilor web; le spune doar robotilor de căutare că pagina web lipsește. 404page este un proiect personal al unui dezvoltator, deci nu există nicio agenție în spatele acestui plugin. Luați în considerare că pluginul are 100.000 de instalări active și o evaluare aproape perfectă – 4,9 stele din 5. În aceste circumstanțe, dezvoltatorul de plugin merită aprecierea noastră!

Toate 404 Redirecționare către pagina de pornire și Redirecționare imagini sparte  

Numele pluginului nu este destul de impresionant, dar este foarte sugestiv. Pluginul tratează erorile de 404 pagini în mod diferit față de alternativa anterioară. În loc să încânte vizitatorii cu o pagină 404 bine concepută, acest plugin redirecționează toate erorile 404 către pagina de pornire sau altă pagină web. Cel mai mare avantaj al acestui plugin este că aveți control asupra link-urilor întrerupte de pe site-ul dvs. În plus, puteți utiliza acest plugin pentru a redirecționa utilizatorii. De exemplu, în loc să permiteți utilizatorilor să viziteze o postare de blog neactualizată, utilizați acest plugin pentru a le conduce la versiunea actualizată.

Personalizator Colorlib 404  

Acest plugin este simplu de utilizat și vă ajută cu adevărat să creați 404 pagini captivante. Vine cu șabloane 404 create profesional, pe care le puteți personaliza pentru a se potrivi nevoilor dvs. Pluginul Colorlib 404 Customizer permite inserarea butoanelor de rețele sociale, schimbarea culorii de fundal sau a imaginii și configurarea titlurilor textului. Utilizatorii mai avansați pot adăuga cod CSS personalizat. Pluginul este open-source, așa că puteți contribui la îmbunătățirea pluginului.

Utilizați un generator de pagini sau faceți-o prin tema dvs.

Dacă utilizați deja un generator de pagini, veți avea deja opțiunea de a vă personaliza 404 prin intermediul acestuia. Aproape fiecare generator de pagini vă permite să vă editați pagina 404. Iată o listă de plugin-uri în care suntem siguri că o puteți face:

● Ventilă

● Elementor

● Beaver Builder

● Divi Builder

● Originea site-ului

Dacă utilizați o temă precum OceanWP, GeneratePress sau Astra, o puteți face prin opțiunile lor de temă. Veți obține o pagină 404 finisată cu aspect excelent dacă importați conținut demonstrativ. Singurul dezavantaj al importului de conținut demonstrativ și al utilizării modelelor pre-construite este că site-ul dvs. web va arăta mai mult sau mai puțin exact ca Demo. Luați, de exemplu, acest site web și demonstrația Astra. Toți cei care au căutat prin biblioteca de site-uri inițiale a Astra vor recunoaște rapid că proprietarii site-ului web nu l-au creat ei înșiși. Acest lucru ar putea dăuna cât de multă încredere au utilizatorii în site-ul dvs.

Pe partea bună, Astra, OceanWP și celelalte teme cu peste 500.000 de utilizatori își extind mai mult biblioteca de site inițială în fiecare lună.

Este randul tau

Acum aveți o idee clară despre cum să editați o pagină 404 în WordPress. Există multe soluții pentru a face acest lucru și ar trebui să o alegeți pe cea potrivită pentru abilitățile și nevoile dvs. Ceea ce contează este să ai o pagină de eroare 404 interesantă care să-ți încânte spectatorii. Metoda și instrumentele pe care le utilizați pentru a proiecta și implementa acea pagină 404 nu vă interesează clienții. Nu aveți nicio scuză să vă lipsească o pagină excelentă de eroare 404! Accesați planșa de desen și începeți să construiți o pagină de eroare personalizată!