Gutenberg va veni în curând pe WordPress. Ta site-ul web este gata? Deși încă nu știm exact ce formă va lua, acest nou sistem de conținut va fi adăugat în WordPress în viitor. Să aruncăm o privire la impactul potențial pe care acest lucru le-ar putea avea asupra site-ului dvs. și la modalitățile de a identifica și remedia zonele cu probleme din timp.
Ce este Gutenberg?
Gutenberg este un proiect WordPress care își propune să ofere utilizatorilor mai multă flexibilitate în proiectarea conținutului lor. În esență, proiectul își propune să înlocuiască editorul actual, care funcționează în primul rând ca procesor de text, cu o interfață mai vizuală și mai structurată. În prezent, Gutenberg este un plugin și oferă utilizatorilor posibilitatea de a-și edita conținutul în același mod ca Compozitor Visual sau alte editori drag and drop (Drag & Drop), dar într-un mod simplificat și foarte intuitiv.
Pentru a afla mai multe despre Gutenberg, cliquez ici.
Părțile site-ului dvs.
Gutenberg este o companie masivă și probabil că va atinge o mulțime de puncte finale din dvs site-ul web. Acestea sunt cele trei zone pe care le vom explora pentru probleme potențiale:
- Tema ta: Gutenberg vine cu propriul set de stiluri pentru conținut. Tema dvs. este compatibilă? Cum va arăta Gutenberg când va fi activ?
- Plugin-urile dvs.: Este posibil ca Gutenberg să interacționeze cu celelalte pluginuri în moduri neașteptate. Vom vedea ce ar putea fi și ce trebuie făcut pentru a remedia problemele care apar.
- Conținutul dvs.: Gutenberg va afecta modul în care este afișat conținutul dvs. Vom arunca o privire asupra modului în care acest lucru ar putea schimba aspectul paginilor dvs. și vom analiza câteva soluții potențiale dacă aveți probleme.
Configurarea unei zone de testare
Înainte de a începe, este o idee bună să creați o zonă de testare în care să puteți experimenta Gutenberg fără a vă pune în pericol site-ul principal. În mod ideal, ar trebui să creați propria zonă de testare sau să creați o copie locală a site-ului dvs. Pentru mai multe informații despre cum să efectuați oricare dintre aceste sarcini, consultați următorul tutorial: Cum se instalează WordPress pe plan local.
Dacă acest lucru nu este posibil, puteți efectua testele direct pe site-ul dvs. Rețineți că acest lucru poate fi riscant, deoarece vom activa și dezactiva o serie de părți ale site-ului dvs. Dacă efectuați teste live, asigurați-vă că creați o copie de rezervă a site-ului dvs. înainte de a începe.
După ce știți unde veți testa, accesați directorul de pluginuri și găsiți Gutenberg. După ce este instalat și activat, citiți mai departe.
Puneți tema la încercare
Acum că ai instalat Gutenberg, să aruncăm o privire la prima secțiune a site-ului care ar putea fi afectată: tema ta. Dacă există deja probleme majore în acest moment, cum ar fi erori în baza de date sau probleme cu tabloul de bord WordPress, continuați cu secțiunea Ce să faci atunci când există prea multe probleme.
Deoarece Gutenberg interacționează în principal cu conținutul site-ului, este suficient să testăm câteva lucruri - din fericire pentru noi.
Primul este că Gutenberg vine cu propria sa foaie de stil și un set de stiluri. Verificați fiecare dintre diferitele tipuri de pagini și șabloane utilizate pe site-ul dvs. pentru a vă asigura că acestea încă apar corect. Scopul principal aici este să vă concentrați asupra elementelor din zona principală de conținut a paginilor dvs., în special a conținutului și a blocurilor de imagini. Dacă vedeți probleme, este probabil ca stilurile lui Gutenberg să aibă prioritate față de cele de pe site-ul dvs.
Pentru a corecta acest lucru, va trebui să identificați de unde vine problema. De obicei, acesta va fi un selector CSS axat pe un element HTML sau prioritatea stilurilor Gutenberg față de propriile clase. În orice caz, încercați să identificați locul în care apare eroarea. Apoi, aflați de ce stilurile lui Gutenberg sunt prioritare pentru dvs. și fixați codul pentru a-i permite să primească.
Încercați să faceți corecții în propria temă (sau mai bine, într-o temă sau zonă pentru copii specificată pentru CSS în tema dvs.), mai degrabă decât modificarea lui Gutenberg. Dacă editați direct oricare dintre fișierele din Gutenberg, este probabil să fie suprascris atunci când pluginul este actualizat.
La fel, veți dori să rulați aceleași teste pe tabloul de bord odată pentru totdeauna. Opțiunile temei și alte secțiuni personalizate generate de tema dvs. par a fi cei mai mari vinovați de până acum. Odată ce ați identificat problemele de stil în aceste zone, de obicei le puteți remedia schimbând sau creând o temă pentru copii și modificând CSS acolo.
Funcționează pluginurile dvs.?
După testarea temei dvs., pluginurile pentru site-ul dvs. sunt după cum urmează. Mai exact, țineți cont de pluginurile care furnizează coduri scurte pe care le utilizați în conținutul dvs. (de exemplu, Formulare de gravitate), pluginuri care afectează aspectul conținutului dvs. (de exemplu, pluginuri de accesibilitate care afectează dimensiunea textului) și pluginuri care inserează direct elemente în pagina dvs. (cum ar fi câmpurile personalizate avansate).
Explorați codurile scurte
Pentru a audita această zonă, începeți prin a aduna o listă cu toate codurile scurte pe care le utilizați, precum și paginile pe care acestea există. Cu lista dvs. în mână, vizitați fiecare dintre aceste pagini pentru a vedea dacă funcționează conform așteptărilor. Dacă aveți probleme de stil, este posibil să întâmpinați aceeași problemă ca înainte și să aveți nevoie să vă reglați stilurile.
Cu toate acestea, dacă codul scurt se afișează și nu conținutul așteptat (adică pagina dvs. afișează [shortcode]în loc să faci ceea ce trebuie) există o altă soluție. În acest caz, puteți privi blocul unde se află codul scurt și puteți confirma că nu este considerat text (găsiți și eliminați etichetele nedorite din jurul codului scurt). Dacă problema persistă, mutarea codului scurt într-un tip de bloc mai adecvat ar trebui să repornească totul.
Aspectul conținutului
Această problemă provine din aceeași problemă pe care am tratat-o deja: substituțiile de stil. Identificați elementele afectate și corectați CSS.
Crearea elementelor
Ultima zonă pe care o vom analiza pentru probleme conflictuale este despre crearea articolelor. Orice plugin care introduce elemente HTML într-o pagină fără a utiliza coduri scurte este suspect aici, de exemplu, când PHP extrage câmpuri personalizate din pluginul Advanced Custom Fields.
Cea mai obișnuită alunecare cu crearea de elemente se învârte în jurul blocurilor incompatibile. Deoarece Gutenberg oferă propriile stiluri, este posibil ca, dacă articolele dvs. sunt create într-un bloc neintenționat, acestea să nu se afișeze corect. Remedierea pentru acest lucru este să vă asigurați că codul dvs. adaugă elemente la blocul în care doriți să fie.
Conținutul dvs. apare la fel de necesar?
Nu este la fel de urgent ca celelalte probleme pe care le-am discutat, dar ar putea exista unele complicații în modul în care este afișat conținutul dvs. Cele mai multe dintre aceste probleme vor proveni din modificări minore de stil sau dinorganizație blocuri. Pentru a remedia acest lucru, va trebui să vă jucați cu sistemul de blocare până când veți obține pagina așa cum doriți.
Ce să faci atunci când există prea multe probleme
Ați întâmpinat o problemă pe care nu ați putut să o rezolvați cu sugestiile din acest tutorial? Nu vă panicați ! Mai este ceva timp înainte ca Gutenberg să fie integrat în nucleul WordPress.
În primul rând, scrieți care este eroarea și ce pași au condus la eroare. Cu cât puteți colecta mai multe informații, cu atât mai bine. Transmiteți toate aceste informații echipei Gutenberg. Cu noroc, ei vor putea determina problema și o vor remedia într-o versiune viitoare.
Dacă lucrați la un site de organizare, în acest moment, asta este tot ce puteți face pentru moment. Continuați să verificați notele de lansare pentru a vedea dacă problema dvs. este rezolvată sau, eventual, lucrați la remedierea dvs.
Dacă lucrați pe site-ul dvs. live, dezactivarea Gutenberg ar trebui să readucă totul la normal. Dacă nu, atunci este timpul să reveniți la acea copie de rezervă pe care ați făcut-o la începutul tutorialului!
Mult noroc pe instalare!
Gutenberg își propune să fie o schimbare masivă în mediul WordPress, care încearcă să schimbe conținutul în bine. Înainte de a ajunge la ramura principală, asigurați-vă că verificați dacă site-ul dvs. va funcționa cu noile modificări. Dacă aveți alte probleme decât cele enumerate aici, soluții mai bune sau soluții pentru orice în acest tutorial, vă rugăm să lăsați un comentariu mai jos.
