Ce rezultă din editarea completă a site-ului în WordPress 5.8?

Publicat: 2021-07-29

La sfârșitul anului 2020 în Starea Cuvântului, Matt Mullenweg ne-a prezentat, ca în fiecare an, noile funcții ale editorului de blocuri care ar urma să sosească cu noile versiuni de WordPress în 2021.

Matt ne-a spus că unul dintre obiectivele acestui an a fost acela de a schimba experiența utilizatorului de a construi site-uri web WordPress: ideea era că vom ajunge să creăm nu doar postări și pagini, ci întregul web, folosind blocuri. Adică, am putea crea și meniuri de navigare, bare laterale cu widget-uri, șabloane etc., din același editor de blocuri WordPress. El a numit această idee Full Site Editing (FSE) și a fost obiectivul principal al fazei 2 a lui Gutenberg.

Editarea completă a site-ului nu este altceva decât un termen colectiv pentru un set de proiecte în curs de dezvoltare pentru a realiza această nouă experiență. Josepha Haden a anunțat în luna aprilie a acestui an că o primă versiune de Editare completă a site-ului este inclusă în versiunea WordPress 5.8, care era programată să fie lansată în iulie 2021.

Editarea completă a site-ului este o colecție de proiecte și împreună reprezintă o schimbare majoră, probabil prea mult pentru o singură lansare. Cel mai important context de împărtășit este că nu se livrează ca experiență completă, implicită pentru utilizatori . Unul dintre cele mai clare elemente de feedback din procesul de îmbinare Faza 1 a fost că nu a existat suficient timp pentru extensiile noștri (agenții, autori de teme, dezvoltatori de pluginuri, constructori de site-uri etc.) să se pregătească pentru schimbările viitoare.

Având în vedere acest lucru, acest proces de îmbinare nu va fi un comutator pornit/oprit. Accentul acum nu se pune pe o experiență de utilizator completă și nuanțată, ci mai mult pe o versiune beta publică deschisă în WordPress 5.8.

Creați WordPress Core de Josepha Haden

Josepha a clarificat că WordPress 5.8 nu include toate proiectele care fac parte din FSE, dar unele dintre cele care au venit la noi implică o schimbare a modului în care vom lucra în WordPress. V-am spus deja despre unele dintre noile funcții care ar fi incluse în WordPress 5.8, cum ar fi capacitatea de a edita imagini și de a adăuga filtre duoton, transformări bloc și blocul meniului de navigare. Am comentat și opțiunea de a proiecta șabloane din editorul de blocuri în sine.

În această postare vom vedea mai multe dintre caracteristicile incluse în proiectul Full Site Editing pe care le-am integrat deja în această nouă versiune WordPress 5.8. Rețineți că există și alte funcții ale Editării Site-ului complet care sunt în curs de dezvoltare și dacă doriți să le testați, aveți opțiunea de a instala cea mai recentă versiune care este în curs de dezvoltare urmând instrucțiunile explicate aici.

Cuprins

  • Modul de editare a șablonului
    • Activați Editarea șabloanelor
    • Creați și editați un șablon
  • Blocuri tematice
    • Ultimul bloc de postări
    • Blocuri de buclă de interogare și de postare a listei
  • Vizualizare listă
  • Rezumând

Modul de editare a șablonului

Unul dintre primele instrumente de editare completă a site-ului care vine cu WordPress 5.8 este editorul de șabloane. Editorul de șabloane este un mod special disponibil în editorul de postări care vă permite să creați, să atribuiți și să editați șabloane de bloc pentru anumite postări și pagini.

Activați Editarea șabloanelor

Nu fi dezamăgit dacă după instalarea acestei versiuni nu găsești nicăieri opțiunea de a edita șabloane. În mod implicit, această opțiune este dezactivată pentru orice temă, dar temele pot alege să o activeze cu următoarea linie adăugată în fișierul functions.php .

add_theme_support( 'block-templates' );

Asta am făcut în tema Twenty Twenty-One pentru a vă putea spune cum funcționează.

Creați și editați un șablon

Primul lucru pe care îl găsim în bara laterală din dreapta pentru editarea unei pagini sau postări este opțiunea de a crea un șablon nou.

Opțiune nouă pentru a crea șabloane în WordPress 5.8
Opțiune nouă pentru a crea șabloane în WordPress 5.8.

După ce faceți clic pe linkul «New» , va apărea o fereastră pop-up în care trebuie să indicați numele șablonului pe care urmează să-l creați.

Fereastra pop-up pentru a indica numele unui nou șablon personalizat
Fereastra editorului WordPress pentru a introduce numele noului șablon personalizat.

După ce faceți clic pe butonul «Create» , vă aflați deja în editorul de șabloane, care este foarte asemănător cu editorul de blocuri pe care îl cunoașteți deja, cu câteva mici diferențe.

Editor de șabloane WordPress
Editor de șabloane WordPress.

După cum puteți vedea în imagine, în bara de sus găsim numele șablonului pe care îl edităm și butonul pentru a actualiza șablonul, acum are un punct în stânga pentru ca în orice moment să puteți spune că sunteți nu se actualizează pagina (sau postarea), ci șablonul. În plus, aveți și linkul pentru a reveni la pagina pe care o editați.

Editarea șablonului este foarte asemănătoare cu editarea unei pagini sau a unei postări. Puteți adăuga blocurile și modelele dorite în același mod în care ați făcut întotdeauna cu editorul de blocuri. Deși acum, așa cum vă voi spune mai târziu, avem câteva noi blocuri tematice care pot fi deosebit de utile atunci când editați șabloane.

Adăugați noi modele WordPress în editorul de șabloane
Adăugați modele predefinite în editorul de șabloane WordPress.

Odată ce ați făcut toate modificările pe care le considerați necesare, doar salvați-l și veți vedea cum vă avertizează despre paginile care pot fi afectate de modificările din șablon.

Salvați șablonul WordPress
Salvați șablonul WordPress.

Și gata, puteți atribui noul șablon creat tuturor paginilor dorite. Acest șablon va fi salvat în baza de date ca tip de postare personalizat numit wp_template . În plus, în viitor vei avea disponibil și șablonul pentru a-l putea exporta sau importa pe orice alt site web după bunul plac (deocamdată, ai această funcționalitate doar dacă ai instalat pluginul Gutenberg).

Blocuri tematice

Editarea șabloanelor, așa cum am spus mai devreme, a venit la noi cu un nou set de blocuri WordPress, care sunt deosebit de utile în crearea de șabloane și teme. Acestea sunt după cum urmează:

  • Sigla site-ului
  • Sloganul site-ului
  • Titlul Site-ului
  • Titlul postării
  • Postați conținut
  • Data postării
  • Postează un fragment
  • Postează imaginea prezentată
  • Postari categorii
  • Postează etichete
  • Deconectare
  • Ultimele comentarii
  • Ultimele postări
  • Bucla de interogări / Listă de postări
Postați blocuri pe care le puteți adăuga la un șablon WordPress
Blocuri de postări noi pe care le puteți adăuga la un șablon WordPress.

Pentru fiecare dintre aceste blocuri, îi puteți modifica caracteristicile ca orice alt bloc.

Caracteristicile fiecăruia dintre ele sunt foarte intuitive și nu cred că necesită explicații suplimentare, dar mi se pare interesant să intru în detaliile a trei tipuri de blocuri care sunt puțin mai complexe: Ultimele postări , Bucla de interogare și Lista de postări . Aceste trei tipuri de blocuri pot fi adăugate atât într-un șablon, cât și într-o postare sau pagină.

Ultimul bloc de postări

Dacă introduceți un ultim bloc de postări, veți vedea că aveți o mulțime de caracteristici pe care le puteți defini pentru a le afișa.

Puteți selecta trei stiluri de afișare diferite pentru postări, fie că doriți ca descrierea sau întreaga postare să fie afișată, numărul maxim de cuvinte, autorul, data publicării și imaginea prezentată (tipul, dimensiunea, alinierea și linkul) la post). De asemenea, le puteți sorta alfabetic sau după data publicării, în ordine crescătoare sau descrescătoare, sau puteți filtra postările afișate după o categorie. În cele din urmă, puteți indica și numărul de postări pe care doriți să le afișați și în câte coloane.

Blocuri de buclă de interogare și de postare a listei

Blocul de bucle de interogare vă permite să afișați o listă de postări, pagini sau orice alt tip de postare personalizată cu stiluri diferite și poate aplica filtre în funcție de tipul de conținut afișat.

Bloc tip listă de conținut
Interogați bucla sau blocuri de listă de postări.

După cum puteți vedea în imaginea de mai sus, puteți selecta mai întâi în bara laterală din stânga, stilul în care dorim să fie afișat conținutul. În cazul în care ați selectat stilul standard, puteți selecta vizualizarea carusel sau grilă. Iar în cazul caruselului, puteți selecta între diferite variante de afișare și puteți alege între diferite combinații pentru a afișa titlul, data, fragmentul și/sau imaginea.

Afișează variații ale blocului listei de conținut
Afișează variații ale blocului buclei de interogare.

Odată selectat, va fi creat un bloc de tip șablon de conținut care va conține diferitele subblocuri selectate. Și indiferent de varianta pe care ați ales-o, puteți apoi să adăugați și/sau să eliminați blocurile tematice și să faceți orice modificări dorite în fiecare dintre blocurile din blocul listei de conținut pentru a se potrivi preferințelor dvs.

Aveți, de asemenea, un set de proprietăți ale buclei de interogare pe care le puteți și parametriza precum culorile blocului, tipul de conținut pe care doriți să îl afișați, ordinea în care este afișat conținutul și filtrele pe care le puteți aplica în funcție de conținutul pe care l-ați selectat.

Secțiune a unei pagini creată cu blocul de listare de conținut
Secțiune a unei pagini creată cu blocul de buclă de interogare.

În acest fel, poți adăuga rapid o secțiune din conținutul pe care îl ai pe blog sau cursuri etc. în orice șablon sau pagină fără a părăsi vreodată editorul de blocuri.

Vizualizare listă

O altă funcție de editare completă a site-ului care este acum disponibilă în WordPress 5.8 este vizualizarea listă. În bara de sus a meniului de editare al unei pagini sau postări, găsim acum pictograma de vizualizare a listei din dreapta pictogramei cu «i». Făcând clic pe el, se afișează o bară laterală cu structura diferitelor blocuri care alcătuiesc conținutul pe care îl edităm. Și blocul în care ne aflăm este evidențiat.

Vizualizare listă în WordPress
Vizualizare listă în WordPress.

Această vizualizare listă vă permite să navigați rapid prin diferitele blocuri de conținut. Poziționând mouse-ul pe orice bloc din listă te va duce la conținutul acelui bloc.

Navigarea în vizualizarea listei blocate
Navigarea în vizualizarea listei blocate.

O proprietate foarte utilă a acestei vizualizări de listă este că ancorele HTML pe care le adăugați la conținut sunt afișate și.

Vizualizarea ancorelor în vizualizarea Listă de blocare
Vizualizarea ancora HTML în vizualizarea listă.

Acest lucru vă ajută să verificați în orice moment dacă vă lipsesc ancore HTML și le apelați cu numele corect.

Rezumând

WordPress 5.8 a marcat o piatră de hotar în drumul către editarea completă a site-ului. Împreună cu unele dintre caracteristicile pe care le-am explicat deja și care veneau la noi, vedem că încetul cu încetul ne apropiem de obiectivul de a putea dezvolta site-uri web noi fără a scrie cod.

Încă constatăm că unele funcții eșuează uneori și trebuie îmbunătățite, dar acesta este un proiect open source în care participarea tuturor va face posibil ca WordPress să devină platforma preferată pentru site-uri web.

Te-ai hotărât să instalezi această versiune de WordPress? Ne-ar plăcea să vă împărtășiți experiența.

Imagine prezentată de Andrew Neel pe Unsplash.