Ghid pentru începători: Cum să folosiți modelele de blocuri WordPress

Construirea site-urilor WordPress nu a fost niciodată mai ușoară, iar modelele de blocuri sunt o parte importantă a acestui lucru. Când le-am descoperit pentru prima dată, am văzut potențialul lor de a accelera fluxul nostru de lucru.

Acum folosim modele de blocuri precum blocurile reutilizabile pentru CTA-uri și butoanele de oferte de cupoane — acestea au devenit esențiale pentru modul în care creăm conținut.

Modelele de blocare fac simplă obținerea unor designuri cu aspect profesional, fără a fi nevoie de abilități de codare sau de web design.

Acestea sunt combinații predefinite de blocuri pe care le puteți insera și personaliza rapid, oferindu-vă un start rapid în loc să începeți de la zero de fiecare dată.

Indiferent dacă îți construiești primul site WordPress sau vrei să lucrezi mai repede, acest ghid pentru începători îți va arăta cum să găsești, să folosești și să creezi modele de blocuri care economisesc timp la fiecare proiect.

Iată subiectele pe care le vom acoperi în acest ghid:

• Ce sunt modelele de blocuri WordPress?
• Cum să folosești modelele de blocuri în WordPress
• Cum să creezi modele în editorul de blocuri
• Cum să creați modele în editorul site-ului
• Gestionarea modelelor în WordPress
• Găsirea mai multor modele de blocuri de utilizat pe site-ul dvs.
• Cum să creezi și să partajezi modelele tale de blocuri
• Crearea manuală a modelelor de blocuri WordPress
• Cum să elimini un model de bloc în WordPress
• Ce s-a întâmplat cu blocurile reutilizabile?
• Întrebări frecvente
• Resurse suplimentare

Ce sunt modelele de blocuri WordPress?

Modelele de blocuri WordPress sunt colecții de blocuri pre-proiectate care vă ajută să creați rapid și eficient machete personalizate. Au fost un element esențial pentru noi atunci când construiam pagini în termene limită strânse.

Editorul de blocuri din WordPress este intuitiv și permite utilizatorilor să creeze layout-uri frumoase cu blocuri de conținut. Acestea includ text, imagini, butoane și alte elemente pe care le puteți aranja pentru a se potrivi nevoilor dvs.

Cu toate acestea, nu toți utilizatorii au timpul sau abilitățile de design pentru a crea layout-uri de la zero de fiecare dată. Ne-am confruntat noi înșine cu această provocare, motiv pentru care modelele de blocuri au fost un instrument atât de valoros în fluxul nostru de lucru.

Modelele de bloc oferă o soluție ușoară. WordPress include o varietate de modele predefinite în mod implicit, făcând simplă adăugarea de layout-uri cu aspect profesional în câteva secunde.

Teme populare WordPress includ adesea propriile modele personalizate. Aceste modele economisesc și mai mult timp, oferindu-vă designuri gata făcute, adaptate temei dvs.

Modelele pot include aspecte precum designuri cu mai multe coloane, combinații de media și text, secțiuni de tip call-to-action, anteturi și butoane personalizate. Această flexibilitate le face potrivite pentru o varietate de tipuri de conținut.

Puteți găsi mai multe modele de blocuri și pe site-ul WordPress.org. Dacă vă place să proiectați, puteți chiar crea și partaja propriile modele cu comunitatea WordPress.

În continuare, vă vom arăta cum să utilizați modelele de blocuri în WordPress pentru a crea layout-uri uimitoare pentru site-ul dvs.

Cum să folosești modelele de blocuri în WordPress

Implicit, WordPress vine cu mai multe modele de blocuri utile pe care le puteți utiliza pe site-ul dvs. Tema dvs. WordPress și unele plugin-uri pot adăuga, de asemenea, modelele lor.

Pentru a utiliza modelele de bloc, trebuie să editați postarea sau pagina WordPress unde doriți să utilizați modelul de bloc.

Pe ecranul de editare a postării, faceți clic pe butonul Adăugare bloc [+] pentru a deschide inserătorul de blocuri. De aici, comutați la fila „Modele” pentru a vizualiza modelele de blocuri disponibile.

Poți derula în jos pentru a vedea modelele de blocuri disponibile.

De asemenea, puteți vizualiza modele de blocuri în diferite categorii, cum ar fi cele recomandate, butoane, coloane, anteturi și multe altele.

Alternativ, puteți face clic și pe butonul „Explorează toate modelele” pentru a vizualiza modelele de blocuri.

Aici, puteți vedea previzualizări mai mari într-un popup.

Odată ce găsiți un model pe care doriți să îl încercați, faceți clic pentru a-l insera în zona de conținut a postării sau paginii dvs.

Modelul va apărea în editorul de conținut cu conținut placeholder pe care îl puteți edita și înlocui cu propriul dvs.

Pur și simplu indicați și faceți clic pe orice bloc din interiorul modelului pentru a edita și modifica conținutul acestuia conform cerințelor dvs.

Veți avea în continuare toate opțiunile pe care le aveți în mod normal pentru fiecare bloc. De exemplu, dacă este un bloc de copertă, puteți schimba culoarea copertei sau imaginea de fundal.

Puteți adăuga oricâte modele doriți pentru postarea sau pagina dvs. de blog. Puteți, de asemenea, să ștergeți un model pentru a-l elimina dintr-o postare sau pagină, la fel cum ați șterge orice bloc WordPress.

Folosind modele de blocuri, puteți crea rapid aspecte frumoase pentru articolele și site-ul dvs. WordPress.

În cele din urmă, modelele de blocuri vă ajută să economisiți timp pe care altfel l-ați petrece aranjând manual blocurile de fiecare dată când trebuie să adăugați un antet, o galerie, butoane și multe altele.

Cum să creezi modele în editorul de blocuri

WordPress face extrem de ușor să creezi modele în editorul de blocuri pe care le poți refolosi mai târziu.

Când editezi o postare sau o pagină, selectează pur și simplu blocurile pe care vrei să le incluzi în modelul tău și dă clic pe „Creare model”.

Puteți selecta mai multe blocuri apăsând tasta shift de pe tastatură și făcând clic pe ele.

Cu toate acestea, dacă blocurile dumneavoastră sunt aranjate într-un mod care face mai dificilă selectarea lor, puteți utiliza vizualizarea Listă din fila Prezentare generală a documentului.

Crearea unui model va afișa o fereastră pop-up.

Va trebui să furnizați un nume pentru modelul dvs. și să alegeți o categorie.

Sub aceasta, veți vedea un comutator pentru a păstra modelul Sincronizat sau Nesincronizat.

Modele sincronizate: Când tu sau alți utilizatori editați modelul, acele modificări vor fi salvate data viitoare când acel model este utilizat.

Modele nesincronizate: Modificările aduse acestor modele după inserarea lor într-o postare sau pagină nu vor afecta modelul original.

Faceți clic pe butonul „Creează” pentru a salva modelul.

Data viitoare când doriți să utilizați acel model, trebuie doar să căutați numele sau categoria acestuia în inserătorul de blocuri.

Cum să creați modele în editorul site-ului

Dacă utilizați o temă de blocuri cu suport pentru editorul complet al site-ului, atunci puteți crea, de asemenea, modele în editorul site-ului.

Deschide editorul site-ului vizitând pagina Aspect » Editor.

Veți ajunge acum în interfața editorului de site.

Apăsați pe „Modele” din bara laterală stângă pentru a continua.

Veți vedea toate modelele și categoriile disponibile.

Pentru a crea un nou model, faceți clic pe butonul Adăugare [+] și apoi selectați „Creare model”.

Aceasta va deschide o fereastră pop-up unde trebuie să furnizați un nume pentru modelul dvs., să alegeți o categorie și să decideți dacă doriți ca modelul să fie sincronizat sau nesincronizat.

Apăsați pe „Creare” pentru a continua.

WordPress va crea o pânză goală pentru a crea modelul dvs.

De aici, puteți adăuga blocuri pentru a vă proiecta modelul.

Odată ce ați terminat, nu uitați să faceți clic pe butonul „Salvare” pentru a vă stoca modelul.

Gestionarea modelelor în WordPress

Dacă folosești o temă de site cu suport pentru editarea completă a site-ului, atunci poți gestiona modelele în editorul de site.

Deschide editorul site-ului vizitând pagina Aspect » Editor.

Pe ecranul Modele, puteți face clic pe un model pentru a-l edita. De asemenea, puteți face clic pe meniul cu trei puncte de lângă un model pentru a-l duplica, exporta sau șterge.

Pentru a gestiona toate modelele dvs., faceți clic pe fila „Gestionați toate modelele mele” din bara laterală.

Aceasta vă va arăta o listă cu toate modelele dvs. Acum, le puteți edita, exporta sau șterge.

Dacă folosești o temă clasică (teme WordPress care nu suportă editorul complet al site-ului), atunci poți gestiona modelele vizitând pagina Aspect » Modele.

De aici, puteți adăuga, șterge și exporta modelele dvs. de blocuri.

Rețineți că chiar și unele teme clasice precum Hestia gestionează acum modelele similar cu temele Full Site Editing, în timp ce altele folosesc în continuare interfața mai veche prezentată în captura de ecran de mai jos.

Deci, modul în care gestionezi modelele de blocuri depinde cu adevărat de tema pe care o folosești.

Găsirea mai multor modele de blocuri de utilizat pe site-ul dvs.

Implicit, WordPress vine cu câteva modele de blocuri utilizate frecvent. Teme WordPress pot adăuga, de asemenea, propriile modele pe site-ul dvs.

Cu toate acestea, puteți găsi mult mai multe modele de bloc decât cele disponibile din inserătorul de blocuri de pe site-ul dvs.

Pur și simplu accesați site-ul Directorul de modele WordPress pentru a vizualiza multe alte modele de blocuri.

Aici veți găsi modele de blocuri trimise de comunitatea WordPress.

Pentru a utiliza unul dintre aceste modele de blocuri, pur și simplu faceți clic pentru a vizualiza modelul și apoi faceți clic pe butonul „Copiere model”.

Apoi, trebuie să vă întoarceți la blogul WordPress și să editați postarea sau pagina unde doriți să inserați acest model de bloc.

Pe ecranul de editare, faceți clic dreapta și selectați „Lipire” din meniul browserului sau apăsați CTRL+V (Command + V pe Mac).

Cum să creezi și să partajezi modelele tale de blocuri

Doriți să creați propriile modele de blocuri WordPress și să le partajați lumii?

WordPress face extrem de ușor să creezi modele de blocuri și să le folosești pe propriile site-uri web sau să le partajezi cu toți utilizatorii WordPress din întreaga lume.

Pur și simplu vizitați site-ul WordPress Pattern Directory și faceți clic pe linkul „New Pattern”.

Notă: Va trebui să vă conectați sau să creați un cont gratuit WordPress.org pentru a vă salva modelele.

Odată autentificat, vei ajunge pe pagina editorului de blocuri. Este identic cu editorul de blocuri WordPress implicit și îl poți folosi pentru a crea modelul tău.

Pur și simplu adăugați blocuri pentru a crea aspectul modelului dvs.

Puteți utiliza blocuri de layout precum grup, copertă, galerie și altele pentru a vă organiza layout-ul.

Există, de asemenea, imagini royalty-free disponibile pentru utilizare în blocurile media. Biblioteca media WordPress vă va permite să găsiți și să utilizați cu ușurință aceste imagini în modelele dvs.

Odată ce sunteți mulțumit de modelul dvs. de bloc, îl puteți salva ca schiță sau îl puteți trimite la directorul de modele.

Înainte de a putea trimite modelul de bloc pentru directorul de modele, asigurați-vă că ați citit ghidurile directorului de modele.

Puteți gestiona toate modelele dvs. de blocuri făcând clic pe linkul „Modelele mele”. Acesta va afișa toate modelele de blocuri pe care le-ați partajat, modelele draft și modelele pe care le-ați marcat ca favorite.

Dacă doriți doar să creați modele de blocuri pentru uz propriu, le puteți salva ca schițe. După aceea, copiați-le și lipiți-le din pagina Modelele mele pe site-ul dvs. WordPress.

Crearea manuală a modelelor de blocuri WordPress

Puteți, de asemenea, să creați modele de blocuri manual și să le adăugați la tema WordPress sau la un plugin de fragmente personalizate precum WPCode.

Pur și simplu creați o nouă postare sau pagină în WordPress. În zona de conținut, utilizați blocuri pentru a crea o machetă personalizată sau o colecție de blocuri pe care doriți să o salvați ca model.

După aceea, comutați la modul Editor de cod.

De aici, trebuie să copiezi tot conținutul pe care îl vezi în editorul de cod.

Apoi, deschideți un editor de text simplu, cum ar fi Notepad, și lipiți acel cod. Veți avea nevoie de el în pasul următor.

Acum, sunteți gata să vă înregistrați blocurile ca un șablon.

Pentru a face acest lucru, pur și simplu copiați și lipiți următorul cod în fișierul functions.php al temei dvs. sau într-un plugin de fragmente de cod, cum ar fi pluginul gratuit WPCode (recomandat).

Pentru mai multe detalii, iată ghidul complet pentru adăugarea de cod personalizat în WordPress.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Acum, copiați și lipiți datele brute ale blocului pe care le-ați copiat anterior ca valoare pentru parametrul content. Cu alte cuvinte, va trebui să înlocuiți textul care spune „Codul conținutului blocului dvs. intră aici” cu codul blocului dvs. Asigurați-vă că lăsați ghilimelele simple în jurul textului.

În cele din urmă, nu uitați să schimbați titlul și descrierea cu ale dvs. și să salvați modificările.

Acum poți vizita site-ul tău și edita o postare sau o pagină. Noul tău model de bloc înregistrat va apărea în inserătorul de blocuri.

Cum să elimini un model de bloc în WordPress

Puteți elimina sau dezînregistra cu ușurință orice model de bloc în WordPress. Să spunem că doriți să eliminați modelul de bloc pe care l-ați creat în exemplul de mai sus.

Tot ce trebuie să faceți este să copiați și să lipiți următorul cod în fișierul functions.php al temei dvs. sau în WPCode:

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

În acest exemplu, 'my-plugin/my-awesome-pattern' este numele modelului pe care l-am folosit la înregistrarea acestuia.

Puteți utiliza acest cod pentru a deregisteriza orice model de bloc creat de tema dvs. sau de un plugin. Tot ce trebuie să știți este numele folosit pentru a înregistra modelul.

Eliminați modelele de bază WordPress

Modelele de bază WordPress sunt disponibile tuturor utilizatorilor WordPress. Aceasta înseamnă că pot fi suprasolicitate și s-ar putea să nu se potrivească nici măcar cu restul temei tale WordPress.

Dacă nu doriți să utilizați un model, atunci puteți pur și simplu să evitați adăugarea acestuia la conținutul dvs. Cu toate acestea, dacă administrați un site WordPress cu mai mulți autori, atunci s-ar putea să doriți să împiedicați toți utilizatorii să folosească aceste modele de bază.

Pentru a elimina toate modelele de bază WordPress, trebuie să adăugați următorul cod în fișierul functions al temei sau în WPCode:

remove_theme_support( 'core-block-patterns' );

Ce s-a întâmplat cu blocurile reutilizabile?

Atât modelele de bloc, cât și blocurile reutilizabile au avut ca scop rezolvarea unei probleme similare: oferirea utilizatorilor de opțiuni pentru a adăuga cu ușurință blocuri utilizate frecvent.

Pentru a remedia acest lucru, echipa de bază WordPress a fuzionat blocurile reutilizabile în modele.

Pentru a avea aceeași funcționalitate ca blocurile reutilizabile, puteți folosi acum Modele Sincronizate. Când dvs. sau alți utilizatori editați modelul, acele modificări vor fi salvate data viitoare când modelul este utilizat.

Întrebări frecvente

Iată câteva întrebări frecvente adresate de cititorii noștri despre modelele de blocuri.

Unde pot găsi modele suplimentare de blocuri?

Pe lângă modelele implicite din WordPress, puteți explora Directorul de Modele WordPress online pentru și mai multe opțiuni create de comunitate.

Modelele de blocuri pot încetini site-ul meu?

Nu, modelele de blocuri în sine nu afectează viteza site-ului dvs. Ele sunt o modalitate de a structura conținutul, dar asigurați-vă că utilizați imagini și blocuri optimizate pentru cea mai bună performanță.

Pentru sfaturi, consultați ghidul nostru complet despre viteza și performanța WordPress.

Resurse suplimentare

Dacă doriți să personalizați designul site-ului dvs. WordPress, atunci veți găsi resursele următoare utile:

• Cum să creezi cu ușurință o temă WordPress personalizată (fără cod)
• Cum să reproiectezi un site WordPress (Ghid pentru începători)
• Probleme comune ale editorului de blocuri WordPress și cum să le rezolvi
• Cum să stilizezi formularul de comentarii WordPress (Ghid complet)
• Cum să personalizezi culoarea de fundal a editorului de blocuri WordPress

Sperăm că acest ghid v-a ajutat să învățați cum să utilizați modelele de blocuri WordPress pe site-ul dvs. De asemenea, ați putea dori să consultați ghidul nostru despre stăpânirea editorului vizual WordPress sau să aruncați o privire la aceste scurtături WordPress utile pentru a fi mai productiv.

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.