Share
Gutenberg vine în WordPress în curând. Site-ul dvs. este gata? În timp ce încă nu știm exact ce formă va fi nevoie, acest nou sistem de conținut va fi adăugat la WordPress core în viitor. Să aruncăm o privire asupra potențialelor impacturi pe care le-ar putea avea acest lucru asupra site-ului dvs. și a modalităților pe care le puteți determina și remedia zonele problematice înainte de timp.
Gutenberg este un proiect WordPress care își propune să ofere utilizatorilor o mai mare flexibilitate în proiectarea conținutului lor. În esență, proiectul își propune să înlocuiască editorul curent, care se comportă mai mult ca un procesor de text, cu o interfață mai vizuală și structurată. În prezent, Gutenberg este un plugin și oferă utilizatorilor posibilitatea de a-și modifica conținutul în mod asemănător cu modul în care Visual Composer sau alți editori de drag-and-drop - deși într-un mod simplificat și extrem de intuitiv.
Dacă doriți să aflați mai multe despre ce este Gutenberg în mod specific, aruncați o privire la postul meu anterior "Ce este WordPress Gutenberg?"
Gutenberg este o întreprindere masivă și va atinge probabil un număr mare de puncte finale pe site-ul dvs. web. Acestea sunt cele trei domenii pe care le vom curăța pentru probleme:
Tema ta: Gutenberg vine cu un set propriu de stiluri pentru conținut. Tema dvs. este compatibilă? Ce va arata cu Gutenberg activ?
Pluginurile dvs.: Este posibil ca Gutenberg să interacționeze cu celelalte plugin-uri în moduri neașteptate. Vom analiza ce ar putea fi aceștia și ce ar trebui să facă în legătură cu orice probleme care apar.
Conținutul dvs.: Gutenberg va afecta modul în care este afișat conținutul dvs. în sine. Vom examina modul în care s-ar putea schimba aspectul paginilor dvs. și puteți trece la unele soluții potențiale dacă aveți probleme.
Înainte de a începe, este o idee bună să creați o zonă de testare unde să puteți experimenta cu Gutenberg fără a vă rupe site-ul live. În mod ideal, ar trebui să vă configuraț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 activități, consultați următorul tutorial:
Dacă nici una dintre acestea nu este posibilă, puteți face testele direct pe site-ul dvs. Rețineți că acest lucru poate fi riscant, totuși, deoarece vom activa și dezactiva o serie de bucăți din site-ul dvs. Dacă faceți testele live, asigurați-vă că ați creat o copie de rezervă a site-ului dvs. înainte de a începe.
Odată ce știi unde vei testa, du-te la directorul de pluginuri și găsește Gutenberg. Odată ce este instalat și activat, citiți mai departe.
Acum că ați instalat Gutenberg, să aruncăm o privire asupra primei secțiuni a site-ului dvs. care ar putea fi afectată: tema sa. Dacă există deja probleme majore în acest moment, cum ar fi erori de bază de date sau probleme cu administratorul WordPress, săriți la Ce trebuie să faceți când există prea multe probleme secțiune.
Din moment ce Gutenberg interacționează în principal cu conținutul site-ului, trebuie doar să testați un set restrâns de lucruri - din fericire pentru noi.
Primul este că Gutenberg vine cu propria foaie de stil și set de stiluri. Verificați fiecare dintre diferitele tipuri de pagini și șabloane utilizate pe site-ul dvs. pentru a vă asigura că acestea apar în continuare în mod corespunzător. Accentul principal va fi elementul din zona principală de conținut a paginilor dvs. - în special conținut și blocuri de imagine. Dacă vedeți probleme, probabil că stilurile lui Gutenberg au prioritate față de site-ul dvs..
Pentru a corecta acest lucru, va trebui să identificați de unde provine problema. De obicei, acesta va fi un selector CSS axat pe un element HTML, sau ar putea fi o prioritate a stilurilor Gutenberg asupra propriilor clase. Indiferent de situație, încercați să identificați unde apare eroarea. Apoi, determinați de ce stilurile Gutenberg sunt superioare ale dvs. și corectați-vă codul pentru a vă permite să aibă prioritate.
Încercați să faceți corecții în propria temă (sau mai bine, într-o temă a copilului sau în zona specificată pentru CSS în tema dvs.), mai degrabă decât să modificați Gutenberg. Dacă modificați direct fișierele de pe Gutenberg, probabil că acestea vor fi suprascrise atunci când plugin-ul este actualizat.
Într-un mod similar, veți dori să oferiți zonei dvs. de admin o singură dată pentru orice probleme de stil. Opțiunile de temă și alte secțiuni personalizate implementate de tema dvs. par a fi cei mai mari vinovați până acum. Odată ce ați identificat problemele legate de stil în aceste domenii, puteți să le corectați în mod tipic schimbând sau creând o temă copil și ajustând CSS acolo.
După ce tema dvs. este tăiată, următorul lucru este pluginurile site-ului dvs. Mai exact, ține cont de pluginurile care furnizează codurile scurte pe care le utilizați în conținutul dvs. (de ex. Gravity Forms), pluginurile care afectează aspectul conținutului dvs. (de exemplu, pluginurile de accesibilitate care afectează dimensiunea textului) și pluginurile care inseră direct elemente în pagină (cum ar fi câmpurile personalizate avansate).
Pentru a verifica acest domeniu, întâmpinați mai întâi o listă cu orice coduri scurte pe care le utilizați, împreună cu paginile pe care acestea există. Cu lista în mână, vizitați fiecare dintre aceste pagini pentru a vedea dacă acestea se desfășoară conform destinației. Dacă întâmpinați probleme de coafare, este probabil că aveți aceeași problemă ca cea de mai sus și trebuie să vă reajustați stilurile.
Cu toate acestea, dacă primiți codul scurt redresat grozav - adică dacă pagina dvs. afișează [cod scurt] în loc să facă ceea ce ar trebui - există o altă soluție. În acest caz, puteți să vă uitați la blocul unde este codul scurt și să confirmați că nu este considerat text (căutați și eliminați etichete nedorite în jurul codului scurt). Dacă problema persistă, mutarea codului scurt la un tip de bloc mai potrivit ar trebui să facă totul înapoi și să fie difuzate.
Această problemă apare din aceeași problemă pe care am abordat-o anterior: înlocuirea stilului. Identificați elementele care sunt afectate și corectați CSS.
Zona finală pe care o vom analiza pentru problemele conflictuale se referă la crearea elementelor. Orice plugin care introduce elemente HTML într-o pagină fără a utiliza coduri scurte este suspect aici - de exemplu, când PHP trage câmpurile personalizate din plugin-ul Advanced Custom Fields.
Cea mai obișnuită alunecare cu crearea elementelor se învârte în jurul unor blocuri care nu corespund. Din moment ce Gutenberg oferă propriile sale stiluri, există șansa ca, dacă elementele voastre sunt create într-un bloc neintenționat, ele pot fi făcute incorect. Soluția pentru acest lucru este să vă asigurați că codul dvs. adaugă elemente în blocul în care doriți să fie.
Acest lucru nu este la fel de urgent ca și celelalte probleme pe care le-am discutat, dar ar putea exista unele complicații cu privire la felul în care este redat conținutul. Cele mai multe dintre aceste probleme vor fi de la modificări minore ale stilului sau cum sunt organizate blocurile. Pentru a corecta acest lucru, va trebui să jucați cu sistemul bloc până când veți obține pagina dvs. cum doriți.
Te-ai confruntat cu o problemă pe care nu o poți rezolva cu sugestiile din acest articol? Nu vă panicați! Mai este încă ceva timp înainte ca Gutenberg să lovească WordPress Core.
Mai întâi, înregistrați ce este eroarea și ce pași au dus la eroare. Cele mai multe informații pe care le puteți aduna, cu atât mai bine. Transmiteți toate aceste informații împreună cu echipa Gutenberg. Cu noroc, ei vor putea determina problema și o vor rezolva într-o lansare viitoare.
Dacă lucrați la un anumit site, atunci, în acest moment, 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, pentru a rezolva problema.
Dacă lucrați la site-ul dvs. live, dezactivarea lui Gutenberg ar trebui să pună totul la normal. Dacă nu, atunci acum este momentul să reveniți la acel backup pe care l-ați făcut!
Gutenberg își propune să fie o schimbare masivă în mediul WordPress, care pare să schimbe conținutul în bine. Înainte ca acesta să lovească 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 listate aici, soluții mai bune sau corecții pentru orice articol din acest articol, vă rugăm să lăsați un comentariu mai jos!
Accentsconagua