Treceți la conținut
Începerea cu Editorul de Blocuri WordPress (Gutenberg) în 2026

Începerea cu Editorul de Blocuri WordPress (Gutenberg) în 2026

Erik KellerErik KellerActualizat pe: 16 min de citit623 vizualizări

Ce Este Editorul de Blocuri WordPress?

Editorul de Blocuri WordPress, cunoscut în mod obișnuit sub numele de Gutenberg, este editorul de conținut implicit în WordPress. Introducerea sa a avut loc în WordPress 5.0, înlocuind Editorul Clasic cu un sistem modular, bazat pe blocuri, unde fiecare element de conținut — un paragraf, o imagine, un titlu sau un embed — este un bloc individual pe care îl poți aranja, personaliza și reorganiza independent.

Până în 2026, Gutenberg a evoluat mult dincolo de un simplu editor de conținut. Cu Editarea Întregului Site (FSE), acum controlează întregi layout-uri de site, inclusiv antete, subsoluri, șabloane și părți de șabloane. Acest ghid te va ghida prin tot ce trebuie să știi, de la editarea de bază a blocurilor până la tehnici avansate de construire a site-ului.

Prezentare Generală a Blocurilor de Bază

WordPress vine cu peste 90 de blocuri de bază organizate în categorii. Iată cele pe care le vei folosi cel mai frecvent:

Categorie Blocuri Cheie Caz de Utilizare
Text Paragraf, Titlu, Listă, Citat, Detalii Crearea de conținut standard
Media Imagine, Galerie, Video, Audio, Copertă Conținut vizual și multimedia
Design Coloane, Grup, Rând, Stivă, Spațiu Layout și structură a paginii
Widgets Căutare, Navigare, Iconițe Sociale, Nor de Etichete Elemente interactive și dinamice
Temă Titlu Site, Logo, Navigare, Ciclu de Interogare Componente de Editare a Întregului Site
Embed-uri YouTube, Twitter, Spotify, Vimeo Includerea de conținut de la terți

Crearea de Conținut cu Blocuri

Adăugarea Blocurilor

Există mai multe moduri de a adăuga blocuri în conținutul tău:

  • Butonul Plus (+): Fă clic pe pictograma plus din bara de instrumente sau între blocuri pentru a deschide inseratorul de blocuri
  • Comanda Slash: Tastează / urmat de numele unui bloc (de exemplu, /imagine, /titlu) pentru inserare rapidă
  • Paleta de comenzi: Apasă Ctrl+K (Windows) sau Cmd+K (Mac) pentru a căuta orice bloc sau acțiune
  • Trage și lasă: Trage blocuri din panoul de inserare direct pe canvas

Configurarea Blocurilor

Fiecare bloc are două zone de configurare:

  1. Bara de instrumente: Apare deasupra blocului selectat cu acțiuni comune (aliniere, îngroșare, italic, link)
  2. Panoul lateral: Oferă setări detaliate, inclusiv culori, tipografie, spațiere și opțiuni avansate

Organizarea Blocurilor

Aranjează-ți conținutul mutând blocurile în sus sau în jos folosind săgețile din bara de instrumente a blocului sau trăgându-le într-o nouă poziție. Poți folosi, de asemenea, panoul Vizualizare Listă (Shift+Alt+O) pentru a vedea întreaga structură a documentului tău și a trasa blocuri în cadrul arborelui.

Blocuri Reutilizabile (Modele Sincronizate)

Blocurile reutilizabile — redenumite în Modele Sincronizate în 2026 — îți permit să creezi un bloc sau un grup de blocuri o singură dată și să le inserezi în mai multe postări și pagini. Când actualizezi modelul sincronizat, fiecare instanță se actualizează automat.

Utilizări comune pentru modelele sincronizate:

  • Secțiuni de apel la acțiune care apar pe mai multe pagini
  • Cutii de biografie a autorului utilizate în postările de blog
  • Avertismente standardizate de exonerare de răspundere sau de divulgare a afilierii
  • Formulare de înscriere la newsletter
  • Blocuri cu informații de contact

Pentru a crea un model sincronizat: selectează blocurile, fă clic pe meniul cu trei puncte, alege "Creează model", denumește-l și activează "Sincronizat". Pentru a-l insera mai târziu, găsește-l în tab-ul Modele al inseratorului de blocuri.

Modele de Blocuri

Modelele de blocuri sunt aranjamente pre-proiectate de blocuri pe care le poți insera și personaliza. Spre deosebire de modelele sincronizate, acestea nu sunt legate — editarea unei instanțe de model nu afectează alte utilizări.

Modele Încorporate

WordPress include modele pentru layout-uri comune: secțiuni erou, grile de caracteristici, layout-uri de testimoniale, tabele de prețuri și altele. Tema ta activă poate înregistra modele suplimentare optimizate pentru sistemul său de design.

Directorul de Modele WordPress.org

Directorul de modele WordPress.org oferă mii de modele contribuie de comunitate. Poți naviga, previzualiza și copia modele direct din inserator sau de pe site-ul directorului de modele.

Creează Modele Personalizate

Construiește-ți propriile modele aranjând blocuri, selectându-le pe toate și creând un model din meniul blocului. Modelele personalizate apar în secțiunea "Modelele Mele" a inseratorului, făcându-le reutilizabile pe site-ul tău.

Bazele Editării Întregului Site

Editarea Întregului Site (FSE) extinde editarea blocurilor dincolo de conținutul postărilor și paginilor la întreaga structură a site-ului tău. Cu o temă de blocuri, poți edita:

  • Șabloane: Controlează layout-ul tipurilor specifice de pagini (postare unică, arhivă, 404, rezultate căutare)
  • Părți de Șablon: Editează secțiuni reutilizabile precum antete și subsoluri
  • Stiluri Globale: Setează culori și tipografie la nivel de site
    • Navigare: Construiește și gestionează meniuri vizual

    Accesarea Editorului de Site

    Navighează la Aspect → Editor în tabloul de bord WordPress. Acest lucru deschide editorul de site unde poți răsfoi șabloane, edita părți de șablon și ajusta stilurile globale. Reține că FSE necesită un temă pe blocuri — temele clasice folosesc în schimb Personalizatorul tradițional.

    Șabloane vs Părți de Șablon

    Concept Ce controlează Exemplu
    Șablon Aspectul complet al unei pagini pentru un tip de conținut Postare unică, Pagina, Arhivă, 404
    Parte de Șablon Secțiune reutilizabilă în cadrul șabloanelor Antet, Subsol, Bara laterală

    Personalizarea Blocurilor cu theme.json

    Fișierul theme.json este centrul de configurare pentru temele pe blocuri. Acesta controlează:

    • Palete de culori și degradeuri disponibile în editor
    • Presetări de tipografie (familii de fonturi, dimensiuni, înălțimi de linie)
    • Scări de spațiere și lățimi de layout
    • Care caracteristici ale blocurilor sunt activate sau dezactivate
    • Stiluri implicite pentru blocuri specifice

    Dezvoltatorii de teme folosesc theme.json pentru a crea un sistem de design consistent. Ca proprietar al site-ului, poți modifica aceste setări prin intermediul interfeței Stiluri Globale în editorul de site fără a edita fișierul direct.

    Comenzi rapide de la tastatură

    Învățarea comenzilor rapide de la tastatură accelerează semnificativ fluxul de lucru de editare:

    Acțiune Windows / Linux Mac
    Adaugă bloc nou / (slash) / (slash)
    Paleta de comenzi Ctrl + K Cmd + K
    Duplicare bloc Ctrl + Shift + D Cmd + Shift + D
    Șterge bloc Shift + Alt + Z Ctrl + Option + Z
    Deschide Vizualizarea Listei Shift + Alt + O Ctrl + Option + O
    Comută inseratorul de blocuri Ctrl + Shift + , Cmd + Shift + ,
    Salvează schița / Actualizează Ctrl + S Cmd + S
    Anulează Ctrl + Z Cmd + Z
    Inserează link Ctrl + K Cmd + K

    Gutenberg vs Editorul Clasic

    Unii utilizatori WordPress preferă în continuare pluginul Editor Clasic. Iată cum se compară cele două:

    Aspect Gutenberg Editor Clasic
    Abordare de editare Pe blocuri, modular O singură zonă de text (TinyMCE)
    Capabilități de layout Coloane, grile, secțiuni pe întreaga lățime Conținut liniar doar
    Gestionarea media Galerii inline, imagini de copertă, media+text Inserare media de bază
    Compatibilitate viitoare Dezvoltat activ, suport FSE Numai modul de întreținere
    Suport plugin/temă Ecosistem de blocuri în expansiune Declinarea dezvoltării noi

    Pluginul Classic Editor este încă întreținut, dar dezvoltarea WordPress s-a angajat pe deplin în editorul de blocuri. Noile caracteristici, teme și pluginuri vizează din ce în ce mai mult Gutenberg mai întâi.

    Pluginuri de Blocuri care Extind Gutenberg

    Deși blocurile de bază acoperă majoritatea nevoilor, aceste pluginuri adaugă funcționalitate specializată:

    • Plugin Flavor: Adaugă blocuri avansate precum taburi, acordeoane, tabele de prețuri și carusele de postări
    • Plugin Flavor: Oferă blocuri axate pe conținut pentru experiențe de scriere mai bune — bare de progres, click-to-tweet, alerte
    • Plugin Flavor: Oferă blocuri orientate pe design cu animație și opțiuni avansate de stilizare
    • Plugin Flavor: Extinde Gutenberg cu blocuri concepute special pentru teme FSE
    • Plugin Flavor: Adaugă blocuri de interogare și filtrare pentru afișarea dinamică a conținutului

    Când selectați pluginuri de blocuri, alegeți-le pe cele care respectă standardele de codare WordPress și generează un markup curat. Evitați pluginurile care încarcă cadre JavaScript grele, deoarece acestea anulează avantajele de performanță ale Gutenberg.

    Sfaturi Practice pentru Editarea Eficientă a Blocurilor

    Utilizați Vederea în Listă

    Pentru pagini complexe, Vederea în Listă (Shift+Alt+O) este esențială. Aceasta arată întreaga structură a documentului ca un arbore, făcând simplă selectarea blocurilor înnăscute, reordonarea secțiunilor și înțelegerea ierarhiei paginii.

    Grupați Blocurile pentru Acțiuni în Masă

    Selectați mai multe blocuri (faceți clic pe primul, Shift+click pe ultimul) și grupați-le. Blocurile grupate pot fi stilizate împreună, mutate ca o unitate și convertite în modele. Acest lucru este deosebit de util pentru crearea de secțiuni consistente.

    Blocați Blocurile pentru a Preveni Schimbările Accidentale

    Blocați blocurile importante pentru a preveni mutarea sau ștergerea accidentală. Faceți clic dreapta pe un bloc și alegeți "Blochează" pentru a restricționa modificările. Acest lucru este util pentru șabloane sau conținut gestionat de mai mulți editori.

    Utilizați Comenzile Rapid cu Îndârjire

    Diferența dintre editarea eficientă și cea lentă a blocurilor se reduce adesea la comenzile rapide. Începeți prin a învăța cele mai comune cinci comenzi rapide (comanda slash, duplicare, ștergere, salvare, anulare), apoi extindeți-vă repertoriul pe măsură ce deveniți confortabil.

    Pentru o comparație cu Elementor și alte constructori de pagini, consultați comparația noastră Elementor vs Gutenberg și ghidul nostru mai amplu de comparație a constructorilor de pagini. Dacă alegeți o temă care funcționează bine cu Gutenberg, citiți ghidul nostru de selectare a temelor.

    Întrebări Frecvente

    Pot folosi în continuare Classic Editor?

    Da. Pluginul Classic Editor rămâne disponibil și este întreținut de echipa WordPress. Cu toate acestea, primește doar actualizări de întreținere — fără caracteristici noi. WordPress recomandă migrarea la editorul de blocuri pentru acces la caracteristici moderne și dezvoltare continuă.

    Funcționează Gutenberg cu toate temele WordPress?

    Gutenberg funcționează atât cu teme clasice, cât și cu teme de blocuri. Temele clasice suportă editarea blocurilor în conținutul postărilor și paginilor. Temele de blocuri suportă suplimentar Editarea Întregului Site pentru antete, subsoluri, șabloane și stiluri globale. Pentru o experiență completă FSE, aveți nevoie de o temă de blocuri.

    Cum pot converti conținutul Classic Editor în blocuri?

    Când deschideți o postare Classic Editor în Gutenberg, WordPress învelește conținutul într-un bloc Classic. Puteți face clic pe "Convertiți în blocuri" pentru a transforma conținutul în blocuri individuale. Revizuiți conversia ulterior, deoarece layout-urile complexe pot necesita ajustări manuale.

    Pagini Gutenberg sunt mai lente decât paginile Classic Editor?

    Nu. Gutenberg generează HTML curat care este comparabil sau mai ușor decât output-ul Classic Editor. Editorul de blocuri nu adaugă o suprasarcină semnificativă pe frontend. Interfața editorului în sine (în admin) folosește mai multe resurse decât Classic Editor, dar acest lucru nu afectează ceea ce experimentează vizitatorii.

    Pot crea blocuri personalizate fără codare?

    Da, într-o anumită măsură. Puteți crea modele de blocuri personalizate aranjând blocuri existente. Pentru blocuri cu adevărat personalizate cu funcționalitate unică, aveți nevoie de dezvoltare JavaScript (React). Mai multe pluginuri oferă constructori de blocuri fără cod, deși au limitări comparativ cu soluțiile codificate.

    Ce sunt modelele sincronizate și cum diferă de modelele obișnuite?

    Modelele sincronizate (fostele Blocuri Reutilizabile) sunt legate între toate instanțele lor. Editarea unuia le actualizează pe toate. Modelele obișnuite sunt șabloane — inserarea unuia creează o copie independentă pe care o puteți modifica fără a afecta alte utilizări. Utilizați modelele sincronizate pentru conținut care ar trebui să fie consistent peste tot (CTAs, declarații de renunțare). Utilizați modelele obișnuite pentru layout-uri pe care doriți să le folosiți ca puncte de plecare.

    Cum pot depana problemele cu editorul de blocuri?

    Soluțiile comune includ: ștergerea cache-ului browserului, dezactivarea pluginurilor unul câte unul pentru a identifica conflictele, schimbarea temporară la o temă implicită și verificarea consolei de dezvoltare a browserului pentru erori JavaScript. Cele mai multe probleme cu editorul de blocuri provin din conflicte între pluginuri, mai degrabă decât din probleme de bază.

    Este Editarea Întregului Site pregătită pentru utilizare în producție?

    Începând cu 2026, Editarea Întregului Site este stabilă și pregătită pentru producție. Setul de caracteristici s-a maturizat semnificativ cu fiecare lansare WordPress. Cu toate acestea, ecosistemul temelor de blocuri și al modelelor este încă în creștere. Dacă aveți nevoie de șabloane pre-construite extinse, s-ar putea să găsiți selecția mai limitată comparativ cu opțiunile temelor clasice.

    Găsiți o Temă WordPress Pregătită pentru Blocuri

    Răsfoiți teme premium WordPress optimizate pentru Gutenberg și Editarea Întregului Site. Cod curat, performanță rapidă și designuri profesionale.

    Răsfoiți Temele →

Întrebări frecvente

Gutenberg înlocuiește constructorii de pagini precum Elementor?
Gutenberg continuă să evolueze cu capacități de editare completă a site-ului, dar constructori de pagini precum Elementor oferă în continuare opțiuni de design mai avansate și ecosisteme de widgeturi. Mulți utilizatori folosesc ambele: Gutenberg pentru editarea conținutului și un constructor de pagini pentru layout-uri complexe.
Pot dezactiva Gutenberg și folosi Editorul Clasic?
Da. Instalează pluginul Classic Editor de pe WordPress.org pentru a reveni la experiența de editare anterioară. WordPress s-a angajat să susțină pluginul Classic Editor până cel puțin la sfârșitul anului 2024, iar acesta continuă să primească actualizări.
Ce sunt blocurile reutilizabile și cum le folosesc?
Blocurile reutilizabile (acum numite Modele Sincronizate) îți permit să salvezi un bloc sau un grup de blocuri pentru a le reutiliza în mai multe postări și pagini. Modificările aduse unui model sincronizat se actualizează peste tot unde este folosit. Creează unul selectând un bloc, făcând clic pe meniul cu trei puncte și alegând Creează Model.
Cum adaug CSS personalizat la un bloc Gutenberg specific?
Selectează blocul, deschide panoul Avansat din bara laterală și adaugă o clasă CSS. Apoi adaugă CSS-ul tău personalizat care vizează acea clasă în secțiunea CSS suplimentar din Customizer sau în fișierul de stil al temei tale.
Ce este Editarea Completă a Site-ului în WordPress?
Editarea Completă a Site-ului (FSE) extinde Gutenberg dincolo de conținutul postărilor pentru a-ți permite să proiectezi întregul tău site, inclusiv antete, subsoluri, bare laterale și fișiere de șablon, folosind blocuri. Necesită o temă de blocuri și se accesează prin Aspect, Editor.

Partajează această postare

Despre Autor

Erik Keller
Erik Keller

Expert WordPress

Specialist WordPress senior cu experiență vastă în dezvoltarea de teme, plugin-uri și WooCommerce. Pasionat de a ajuta afacerile să reușească cu soluții WordPress.

WordPressWooCommerceDezvoltare TemeDezvoltare Plugin-uriOptimizarea Performanței

Rămâi la Curent

Primește cele mai noi sfaturi și tutoriale WordPress în inbox-ul tău.