Cum să selectați și să utilizați blocuri imbricate în WordPress

Blocurile imbricate sunt una dintre cele mai puternice caracteristici ale editorului de blocuri WordPress — și stăpânirea lor vă poate duce designurile la nivelul următor.

Vă permit să grupați și să organizați mai multe elemente precum paragrafe, imagini și butoane într-un singur aspect. Odată ce înțelegeți cum să le utilizați, puteți crea pagini mai flexibile și cu aspect profesional, fără a vă baza pe pluginuri suplimentare sau cod personalizat.

La WPBeginner, folosim blocuri imbricate de când au fost lansate și au schimbat complet modul în care abordăm designul paginilor. Ele fac ca layout-urile complexe să fie mai ușor de gestionat și ajută la transformarea conținutului de bază în secțiuni finisate, ușor de utilizat.

În acest ghid, vă vom arăta cum să selectați și să utilizați blocuri imbricate în WordPress, pas cu pas — astfel încât să puteți începe să construiți layout-uri mai curate și mai eficiente cu încredere.

Ce sunt blocurile imbricate în WordPress?

Funcția de blocuri imbricate Gutenberg din WordPress vă permite să inserați (sau să „imbricați”) unul sau mai multe blocuri în interiorul altui bloc.

Blocurile imbricate vă ajută să creați layout-uri mai complexe pe site-ul dvs. WordPress, adăugând mai multe blocuri unul în interiorul altuia. Acest lucru permite o mai mare flexibilitate la proiectarea și formatarea conținutului pentru pagini și postări.

De exemplu, puteți imbrica mai multe blocuri de imagini într-un bloc de grup pentru a afișa un set de fotografii dintr-un anumit eveniment sau o serie de lucrări de artă create folosind o anumită tehnică.

În plus, funcția de bloc imbricat vă permite să editați blocuri individuale separat. Acest lucru vă permite să personalizați fiecare bloc în funcție de nevoile dvs. fără a afecta celelalte blocuri.

Acest lucru, la rândul său, duce la o mai bună organizare a conținutului, face conținutul mai atractiv și simplifică procesul creativ.

Acestea fiind spuse, să vedem cum puteți selecta și utiliza cu ușurință blocurile imbricate WordPress Gutenberg.

Cum să folosești blocurile imbricate în WordPress

Puteți cuibări cu ușurință mai multe blocuri împreună folosind blocul Grup sau Coloane în editorul de blocuri Gutenberg.

Mai întâi, trebuie să deschizi o postare existentă sau una nouă în editorul de blocuri din bara laterală de administrare WordPress.

De aici, pur și simplu faceți clic pe butonul de adăugare bloc „+” din colțul din stânga sus al ecranului și găsiți blocul Grup. După ce faceți clic pe el și îl adăugați pe pagină, trebuie să selectați un aspect pentru blocurile pe care le veți imbrica împreună.

Pentru acest tutorial, vom selecta aspectul „Grup”.

Apoi, pur și simplu faceți clic pe butonul „+” de pe ecran pentru a începe adăugarea de conținut în blocul părinte.

În scopul acestui tutorial, vom adăuga un bloc de imagini.

După adăugarea blocului, faceți clic pe butonul „Grup” din bara de instrumente a blocului din partea de sus pentru a selecta blocul părinte.

Apoi, trebuie să faceți clic pe butonul „+” pentru a deschide din nou meniul de blocuri, de unde puteți alege alte blocuri de adăugat.

Cum să configurați setările blocurilor imbricate WordPress

Odată ce ați imbricat mai multe blocuri, puteți configura setările lor individuale făcând clic pe fiecare bloc. De acolo, setările blocului vor apărea în coloana din dreapta a ecranului.

De aici, puteți ajusta culoarea de fundal, culoarea textului și dimensiunea blocurilor individuale, fără a afecta celelalte blocuri care sunt imbricate în interiorul acestuia.

Pentru a configura setările containerului în sine, trebuie să selectați blocul părinte. Puteți face acest lucru făcând clic pe pictograma „Selectare părinte” din bara de instrumente a blocului. Aceasta arată adesea ca două pătrate suprapuse.

Alternativ, puteți utiliza bara de firimituri din partea de jos a editorului pentru a face clic pe numele părintelui, cum ar fi „Grup” sau „Coloane”.

Aceasta va deschide setările blocului părinte în coloana din dreapta. Acum puteți configura layout-ul, culoarea de fundal și tipografia pentru întreaga secțiune.

Rețineți că aceste setări vor afecta toate blocurile imbricate în blocul părinte, cu excepția cazului în care ați aplicat stiluri specifice unui bloc interior individual.

Cum să grupați blocuri existente

Puteți transforma, de asemenea, conținutul existent în blocuri imbricate. Acest lucru este adesea mai rapid decât crearea mai întâi a unui bloc Grup și apoi încercarea de a-l umple.

Pur și simplu selectați blocurile pe care doriți să le combinați. Puteți face acest lucru făcând clic și trăgând cu mouse-ul, sau ținând apăsată tasta Shift și făcând clic pe mai multe blocuri.

Odată selectate, faceți clic pe pictograma Grup din bara de instrumente a blocului.

WordPress va încadra automat conținutul selectat într-un bloc Grup. Acum puteți edita layout-ul și fundalul la fel ca orice altă secțiune imbricată.

După ce sunteți mulțumit, nu uitați să faceți clic pe butonul „Publicare” sau „Actualizare” pentru a salva modificările.

Așa arătau blocurile imbricate pe site-ul nostru demo.

Bonus: Utilizați pluginul Wayfinder pentru a selecta cu ușurință blocuri imbricate

Uneori, poate fi dificil să selectați un bloc individual și să îl configurați atunci când mai multe blocuri sunt imbricate împreună.

Din fericire, pluginul Wayfinder face extrem de ușor să selectezi blocuri imbricate dintr-un bloc părinte și chiar îți spune tipul și clasa blocurilor.

Mai întâi, va trebui să instalați și să activați pluginul Wayfinder. Pentru mai multe instrucțiuni, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

La activare, accesează pagina Setări » Wayfinder din bara laterală de administrare WordPress.

Odată ce sunteți acolo, toate setările vor fi deja activate. Trebuie doar să debifați căsuța de lângă setările pe care nu doriți să le utilizați.

De exemplu, dacă doriți ca Wayfinder să afișeze tipurile de blocuri pentru toate blocurile din editor, atunci lăsați căsuța bifată lângă opțiunea „Afișare tip bloc”.

Cu toate acestea, dacă nu doriți ca pluginul să afișeze clase de blocuri, pur și simplu debifați căsuța de lângă acea opțiune.

După configurarea setărilor, nu uitați să faceți clic pe butonul „Salvează modificările”.

Apoi, trebuie să deschideți o postare existentă sau nouă în editorul de blocuri WordPress din tabloul de bord.

Odată ce sunteți acolo, plasând cursorul mouse-ului peste orice bloc interior va afișa o schiță cu numele său. Veți putea, de asemenea, să vedeți schița și numele oricăror blocuri imbricate din interiorul blocului părinte.

Acest lucru vă va ajuta să identificați toate blocurile diferite care sunt imbricate într-un bloc Grup sau Coloană.

De aici, puteți selecta cu ușurință un bloc individual din blocul părinte pentru a-i configura setările.

Puteți selecta, de asemenea, toate blocurile imbricate simultan, făcând clic pe antetul „Coloane” sau „Grup”. Acest lucru va deschide setările blocului părinte în coloana din dreapta.

După configurarea setărilor blocului, pur și simplu faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva modificările.

Întrebări frecvente despre blocurile imbricate

Iată câteva întrebări pe care cititorii noștri le-au adresat frecvent despre utilizarea blocurilor imbricate:

Cum selectați mai multe blocuri în WordPress?

Pentru a selecta mai multe blocuri, faceți clic pe primul bloc, țineți apăsată tasta Shift, apoi faceți clic pe ultimul bloc pe care doriți să-l selectați. Alternativ, puteți face clic și trage cursorul mouse-ului peste blocuri pentru a le evidenția pe toate odată.

Cum să combini blocuri în WordPress?

Puteți combina blocuri selectând elementele specifice pe care doriți să le îmbinați și făcând clic pe pictograma Grup (pătrate suprapuse) din bara de instrumente a blocului. Aceasta le înfășoară într-un singur container, permițându-vă să le mutați sau să le stilizați ca o singură unitate.

Cum să grupezi blocuri împreună?

Puteți grupa blocuri împreună evidențiindu-le și selectând Grup din opțiunile barei de instrumente. Aceasta creează un container părinte care menține blocurile organizate și vă permite să aplicați o culoare de fundal sau o bordură întregii secțiuni.

Ce este un bloc părinte în WordPress?

Un bloc părinte este un container, cum ar fi un bloc Grup sau Coloană, care conține alte blocuri în interiorul său. Blocurile din interior se numesc blocuri „imbricate” sau „copil”, iar acestea moștenesc, de obicei, setările de aspect și stil ale blocului părinte.

Ce este un bloc de spațiere în WordPress?

Un bloc de spațiere este un instrument de aspect utilizat pentru a adăuga spațiu gol ajustabil între alte blocuri. Acesta vă permite să controlați distanța verticală și spațiul de respirație dintre secțiuni, fără a fi nevoie să scrieți cod personalizat.

Ce sunt blocurile dinamice în WordPress?

Blocurile dinamice sunt blocuri care generează conținut automat, în loc să salveze HTML static. Exemplele includ blocurile Ultimele postări sau Calendar, care se actualizează imediat ori de câte ori publicați conținut nou sau modificați setările site-ului.

Ce este un bloc separator în WordPress?

Un bloc separator creează o pauză vizuală între secțiunile de conținut, afișându-se de obicei ca o linie orizontală. Acesta ajută la împărțirea articolelor lungi în capitole sau subiecte distincte pentru a îmbunătăți experiența de lectură.

Sperăm că acest articol v-a ajutat să învățați cum să selectați și să utilizați blocurile imbricate WordPress. De asemenea, ați putea dori să consultați tutorialul nostru pas cu pas despre cum să schimbați înălțimea și lățimea blocurilor în WordPress și ghidul nostru pentru începători despre cum să utilizați modele de blocuri WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.