Blocuri WordPress: un ghid aprofundat

Blocurile WordPress sunt componenta principală a sistemului de editare Gutenberg cu drag-and-drop pentru site-uri web.

Cel mai simplu mod de a învăța să folosești blocurile este prin practică, dar înțelegerea ce sunt blocurile și ce pot face pentru tine poate face construirea paginii mai eficientă și chiar distractivă.

Indiferent dacă sunteți nou în crearea de site-uri WordPress sau doriți să dezvoltați niște abilități avansate, acest ghid vă va învăța mai multe despre ce sunt blocurile, ce blocuri obișnuite folosesc oamenii, cum să le folosească și alte informații care vă pot îmbunătăți site-ul.

Aflați mai multe: Design site WordPress: Cum să creați un site web WordPress de la zero

Ce sunt blocurile WordPress?

Blocurile WordPress sunt elemente discrete de text, media sau cod personalizat pe care le puteți adăuga la o postare de blog sau o pagină de site web folosind sistemul de editare Gutenberg al WordPress.

Majoritatea oamenilor se concentrează pe utilizarea acestuia pentru bloguri, dar funcționează bine pentru majoritatea celorlalte pagini de pe multe site-uri web.

Blocurile WordPress există pentru a simplifica crearea de postări și pagini care arată bine pentru cititori, eliminând necesitatea de a codifica manual fiecare element. În schimb, puteți trage și rearanja fiecare bloc pentru a personaliza aspectul paginii dvs.

Fiecare bloc este din punct de vedere funcțional un element autonom pe pagină, așa că schimbarea unui bloc nu le va modifica pe celelalte.

Acesta nu este singurul sistem de editare de tip bloc de pe piață. Unele servicii concurente, cum ar fi Ghost, au, de asemenea, editori robusti pe care le puteți folosi pentru a crea site-uri web.

Cu toate acestea, Ghost este în principal o platformă de blogging, iar editorul său se concentrează pe asta, în timp ce editorul WordPress este, de asemenea, util pentru a crea pagini non-blog pe site-ul tău.

Aceste blocuri sunt, de asemenea, diferite de Drupal, un alt sistem de management al conținutului.

Drupal se concentrează pe blocurile care pot apărea în mai multe părți ale unui site web, în ​​timp ce WordPress se concentrează pe părți individuale ale unei pagini.

Puteți duplica conținut suficient de ușor, dar blocurile în sine nu sunt legate și nu se vor schimba toate când editați unul.

Aflați mai multe: Designul paginii de destinație: 10 pagini de destinație inspiraționale, cu o conversie ridicată

Istoria lui Gutenberg

Gutenberg este editorul actual al WordPress.

Lansat inițial în 2018, a devenit de atunci un sistem mai matur capabil să ofere editare rapidă și puternică pentru paginile web și postările de blog.

Încă nu s-a terminat, deoarece dezvoltatorii doresc să-l folosească pentru editarea completă a site-ului, dar are mult mai multe funcții acum decât avea la lansare.

Gutenberg există pentru că mulți utilizatori WordPress doreau să aibă o modalitate mai curată și mai simplă de a bloga fără a edita codul pentru a face totul să arate bine.

Aici, este esențial să înțelegeți că WordPress atrage mulți utilizatori ocazionali, mulți dintre care au puține cunoștințe de codificare.

Aceasta este o diferență semnificativă față de primii ani ai internetului, când nici măcar nu ai avea un site web decât dacă aveai cunoștințe de codare relativ avansate pentru acea vreme. Cu alte cuvinte, WordPress dorește să susțină piața ocazională, unde procesele click-and-drag au mai mult sens.

O considerație secundară pentru Gutenberg este cum și unde blogul oamenilor.

Unii proprietari de site-uri web folosesc sisteme de transformare a textului în vorbire în loc să scrie lucrurile manual, în timp ce un sistem de editare prin glisare și plasare face mult mai ușoară crearea de site-uri web pe smartphone-uri, tablete și alte dispozitive.

Cu toate acestea, unii oameni încă preferă vechiul sistem de editare. Nu este o surpriză, deoarece oferă încă mult mai mult control și suport pentru utilizatorii capabili să-și gestioneze codul.

Gutenberg este un editor puternic , dar, prin necesitate, limitează unele lucruri pe care utilizatorii le pot face. Nimic nu este la fel de flexibil ca codificarea pură, dar Gutenberg este mai rapid și mai ușor pentru majoritatea nevoilor.

Aflați mai multe: Optimizarea ratei de conversie: Ghidul complet

Comutarea între Classic și Block Editor

WordPress știe că flexibilitatea este de obicei mai bună decât forțarea tuturor să folosească un singur sistem și de aceea poți comuta între sistemele sale clasice și cele de editare în bloc.

În cele mai multe cazuri, trebuie să fiți administratorul site-ului pentru a comuta între vizualizările de editare.

Cu toate acestea, odată ce v-ați conectat cu contul corect, puteți schimba editorul pe fiecare pagină când o modificați făcând clic pe butonul din partea de sus a ecranului.

Acesta este tot ce trebuie să știe majoritatea utilizatorilor, dar puteți personaliza lucrurile în continuare.

Multe plugin-uri WordPress vă permit să construiți pagini cu o interfață drag-and-drop precum Gutenberg, dar pe care o preferați. De obicei, oferă opțiuni de editare pe care Gutenberg nu le face, de asemenea.

Plugin-uri precum constructorul Divi, SeedProd și popularul Elementor, ușor de utilizat, oferă sisteme de editare dincolo de blocurile oferite de Gutenberg.

Aceste plugin-uri conțin de obicei instrumente de redimensionare, componente cu mai multe părți și șabloane îmbunătățite care reduc și mai mult procesul de creare a paginilor.

Pluginurile externe sunt utile pentru paginile non-blog, care este locul în care Gutenberg cade adesea puțin. Se pot face multe dintre aceste pagini, dar nu cu aceeași flexibilitate ca și alte sisteme încă.

Aflați mai multe: Harta călătoriei clienților: cele mai bune practici + șabloane gata

Cum să dezactivezi Gutenberg

Puteți dezactiva Gutenberg pentru anumiți utilizatori? Poate fi dezactivat complet?

Răspunsul la ambele este da. Există mai multe modalități de a dezactiva Gutenberg dacă nu doriți să-l utilizați pe site-ul dvs.

Dezactivați Gutenberg instalând un plugin

Prima metodă, și pentru majoritatea utilizatorilor cea mai bună, este utilizarea pluginului Classic Editor. Acesta este un plugin oficial al echipei WordPress, cu literalmente milioane de instalări active pe site-uri.

Editorul clasic vă permite să setați editorul implicit pentru fiecare utilizator, permite utilizatorilor să aleagă un editor și vine cu câteva funcții suplimentare pentru a ușura lucrurile.

Acest lucru nu îl dezactivează tehnic pe Gutenberg, ci îl ascunde, dar rezultatul practic este același. Sau, într-un alt sens, instalarea Classic Editor este înțeleaptă, deoarece vă permite să utilizați orice editor doriți și este pur și simplu mai bine decât să fiți blocat cu un singur editor tot timpul.

O alternativă bazată pe comunitate folosește pluginul Disable Gutenberg, care nu este la fel de popular ca Editorul clasic, dar nu se bazează pe suport oficial.

Acesta este un mod simplu și practic de a dezactiva complet Gutenberg sau de a-l dezactiva pentru anumite pagini, tipuri de postări, roluri sau teme de pe un site.

Pentru a instala oricare plugin, pașii sunt simpli:

1. Conectați-vă la interfața dvs. WordPress
2. În stânga, selectați „Plugin-uri”
3. Pe ecranul de pluginuri extins, selectați „Nou”
4. În câmpul de căutare din partea de sus, introduceți numele pluginului dorit
5. Alegeți pluginul dorit din rezultate și faceți clic pe butonul „Instalare acum”.
6. După ce ați terminat, faceți clic pe „Activați pluginul”

Dezactivați Gutenberg prin editarea functions.php

În cele din urmă, puteți modifica fișierul functions.php de pe site-ul dvs. pentru a dezactiva lucrurile direct.

Cu toate acestea, acest lucru poate sfârși prin a vă distruge site-ul dacă o faceți incorect, așa că nu recomandăm acest lucru pentru utilizatorii ocazionali. Instalarea unuia dintre pluginurile enumerate mai sus este atât mai simplă, cât și ușor reversibilă.

Dacă doriți să dezactivați Gutenberg fără un plugin și sunteți începător la codul WordPress, puteți urma acești pași. Această metodă o dezactivează pentru toți utilizatorii.

1. Conectați-vă la interfața dvs. WordPress (va trebui să fiți administrator)
2. Găsiți „Apariții” în bara laterală din stânga și plasați cursorul peste el
3. Selectați „Editor de teme”
4. În lista de fișiere din dreapta, selectați „functions.php”
5. Faceți o copie a fișierului functions.php înainte ca o copie de rezervă, astfel încât să îl puteți restaura dacă ceva merge în lateral
6. Când apare editorul, copiați exact următoarele și inserați în fișier: add_filter( 'use_block_editor_for_post', '__return_false' );
7. Faceți clic pe butonul Actualizare fișier de mai jos

Aflați mai multe: Harta termică explicată + Cum puteți face o hartă termică pentru site-ul web

Tipuri comune de blocuri WordPress

Iată cele mai comune tipuri de blocuri disponibile în editorul de bază WordPress.

Înainte de Gutenberg, majoritatea oamenilor codificau aceste blocuri direct sau cu instrumentele de formatare a textului și a imaginii ale editorului de text îmbogățit și rearanjau codul după cum era necesar pentru a ajusta aspectul în pagină.

Paragraf

Acesta este blocul pe care majoritatea oamenilor îl folosesc mai mult decât oricare altul. După cum sugerează și numele, se concentrează pe conținutul scris.

Editorul de text convertește fiecare paragraf într-un bloc, astfel încât să le puteți muta și rearanja după ce le-ați scris.

Imagine

Blocurile de încorporare a imaginii conțin elemente grafice unice pe care le puteți muta pe pagină.

Acestea vin cu diverse opțiuni de aliniere, inclusiv redimensionarea imaginii sau chiar trecerea la lățime completă, dincolo de limita obișnuită dintr-o temă.

Paragrafele și blocurile de imagini împreună sunt suficiente pentru a crea o pagină web de bază, astfel încât orice altceva este în cele din urmă doar pentru a repeta și a îmbunătăți aceste elemente, urmând principiile de bază ale ierarhiei vizuale.

Titluri

Blocurile de titlu dețin texte supradimensionate pentru a împărți pagina în secțiuni și pentru a facilita găsirea de conținut pentru utilizatori. Editorul vă permite să ajustați dimensiunile titlurilor, formatarea, hyperlinkurile și alte elemente după cum este necesar.

WordPress acceptă până la 6 niveluri de titlu, inclusiv h1 pentru titlul paginii, dar majoritatea oamenilor trec rareori dincolo de h4.

Galerie

Blocul galerie este o versiune avansată a blocului de imagini de bază și vă permite să adăugați mai multe imagini într-un aspect predeterminat.

Editorul actual acceptă maximum opt coloane pentru imagini, plus redimensionare, legături și alte opțiuni de formatare pentru pagină.

Listă

Liste blocuri create liste numerotate sau marcate.

Aceasta este în esență doar o aplicație a blocului de paragraf, dar separarea listelor în propria lor componentă face mai ușor să se evite modificarea accidentală a formatării.

Citat

Blocurile de citate sunt blocuri de paragraf formatate special care ajută la evocarea a ceva deosebit de important.

Majoritatea oamenilor le folosesc pentru un citat al unei anumite persoane, dar le puteți folosi și pentru a oferi comentarii sau a evidenția în alt mod informații vitale.

Audio

Blocurile audio sunt relativ rare pe site-uri web, dar WordPress încă le acceptă.

Acestea vă permit să adăugați orice fișiere audio pe care le aveți, inclusiv funcții precum redarea automată a sunetului sau redarea în buclă a acestuia.

Amintiți-vă că celor mai mulți utilizatori nu le place sunetul care este redat automat, cu excepția cazului în care doresc să se întâmple asta, așa că încercați să evitați să surprindeți vizitatorii cu zgomote neașteptate.

Acoperi

Blocurile de copertă sunt un element de formatare mai avansat. Acest bloc vă permite să selectați o imagine sau un videoclip și, uneori, text, pe care le puteți suprapune pe pagina dvs.

Acest conținut media poate pluti în fundal, se poate repeta și poate servi în caz contrar ca atrage instant de atenție.

WordPress acceptă lipsa de transparență pe suprapunere sau transparență totală, dar recomandă o cantitate moderată pentru a vă asigura că textul este ușor de citit.

Fişier

Blocurile de fișiere vă permit să oferiți linkuri directe către fișierele de pe site-ul dvs. web, astfel încât vizitatorii să le poată descărca.

Puteți încărca aproape orice fel de fișier pe site-ul dvs., dar furnizorul dvs. de găzduire poate avea întrebări dacă încercați să încărcați ceva prea mare sau să obțineți prea multe descărcări pentru planul dvs.

Acesta este un bun exemplu de interconectivitate a dezvoltării web.

Probabil că nu veți depăși limitele dacă permiteți doar utilizatorilor să descarce fișiere text de bază, dar discutați cu gazda site-ului dvs. înainte de a adăuga alte fișiere. Ei vă pot spune ce este permis în planul dvs. sau vă pot sugera alternative după cum este necesar.

Video

Blocurile video vă permit să adăugați conținut multimedia pe site-ul dvs., încărcându-l direct sau legând conținut pe alt site.

Fișierele video tind să fie extrem de mari, așa că de obicei aveți nevoie de un plan de găzduire bun dacă doriți să aveți fișierele pe site-ul dvs.

Găzduire extern, cum ar fi prin YouTube și folosind YouTube embed, este considerabil mai ușor. Gutenberg convertește automat unele linkuri video într-un alt tip de bloc, după caz.

Cum să utilizați blocurile WordPress

Există mai multe moduri de a adăuga un bloc în editorul Gutenberg. Le puteți adăuga direct din bara de pictograme de sus sau făcând clic pe butonul de inserare.

Acest buton arată ca un cerc cu un plus și vă permite să faceți clic pe tipul de bloc de adăugat.

Odată ce blocurile sunt pe pagină, le puteți muta în sus și în jos făcând clic pe săgețile din partea stângă a blocului. Alternativ, puteți face clic pe grila de șase puncte și țineți apăsat butonul mouse-ului, apoi trageți blocul acolo unde doriți.

Pentru a edita blocuri, faceți clic pe spațiul lor. Aceasta va deschide automat informațiile de bloc și vă va permite să ajustați componentele după cum este necesar.

Puteți folosi aceleași funcții pentru a schimba tipul de bloc. Săgețile din panoul de control pot fi folosite pentru a extinde sau închide secțiuni ale editorului, în timp ce butonul X vă permite să închideți editorul de blocuri și să vă concentrați asupra altor lucruri.

Diferența dintre blocurile WordPress și widget-uri

Blocurile sunt în principal conținutul paginii web, inclusiv text și conținut media, cum ar fi imagini și sunet. Deci, ce este un widget WordPress și cum este diferit de un bloc?

Widgeturile WordPress, în schimb, sunt conținut pe care îl puteți pune în zone speciale, cum ar fi barele laterale și subsolurile. Editorul Gutenberg evită în mare parte aceste zone, deși puteți include lucruri asemănătoare widget-ului în conținutul dvs. principal adăugând blocuri de cod.

Interfața bloc este de obicei în partea dreaptă a ecranului când editorul de pagini este deschis. Editorul de widget-uri este disponibil prin zona Aspect > Personalizare și prin meniul de administrare.

Widgeturile apar de obicei pe fiecare pagină a unui site web, așa că nu le puteți edita din același loc în care puteți edita blocurile.

Crearea de șabloane de blocuri WordPress reutilizabile

WordPress vă permite să creați șabloane bloc reutilizabile.

Acest lucru este util pentru a avea branding și design consecvent pe site-ul dvs., fără a recrea de fiecare dată un aspect exact. Acest lucru este util mai ales dacă utilizați software precum Vectornator sau Adobe Illustrator pentru a crea grafice vectoriale și machete avansate.

Crearea șablonului în sine este simplă. Tot ce trebuie să faceți este să selectați blocul, să faceți clic pe cele trei puncte din bara de instrumente care apare, apoi să faceți clic pe Adăugare la blocurile reutilizabile.

De acolo, îl puteți redenumi în ceva ușor de reținut și puteți reveni la lucrul pe pagină.

Șabloanele bloc simplifică lucruri precum logo-urile, butoanele personalizate realizate în software-ul de design grafic, elementele de design și orice este folosit în brandingul unui site web.

Șablonul va permite ca elementul să fie adăugat cu ușurință oriunde doriți, fără a fi nevoie să refaceți un anumit element de branding sau aspect de fiecare dată când doriți să îl utilizați.

Gânduri finale despre blocurile WordPress

Deși blocurile WordPress nu sunt ideale pentru toată lumea, ele reprezintă un punct de plecare puternic pentru crearea paginilor și aranjarea conținutului într-un mod intuitiv și ușor de utilizat.

Cu toate acestea, doar citirea despre blocuri nu este suficientă pentru a stăpâni utilizarea lor.

În schimb, accesați site-ul dvs. WordPress acum și începeți să jucați pe o singură pagină. Obținând niște exersare practică, veți putea stăpâni utilizarea lor și veți începe să creați machete avansate pe site-ul dvs.

La fel ca mersul pe bicicletă, blocurile WordPress sunt greu de uitat odată ce le înveți și te pot ajuta să creezi aproape orice design standard de pagină.