Gutenberg E04: Blocurile implicite în detaliu

În ultimul episod al seriei noastre de editor Gutenberg am prezentat noua paradigmă bazată pe blocuri și cum o puteți folosi pentru a crea conținut. În acest episod ne vom concentra pe blocurile Gutenberg implicite care sunt furnizate din cutie. Unele sunt explicative și simplu de utilizat, în timp ce altele sunt mai complexe și prezintă diferite setări.

La momentul scrierii, Gutenberg clasifică blocurile după cum urmează:

• Cel mai utilizat
• Blocuri comune
• Formatare
• Elemente de aspect
• Widgeturi
• Încorporează
• Impartit

„Cel mai folosit” va depinde de instalarea dvs., deoarece va afișa blocurile pe care le utilizați mai des. „Partajat” depinde și de instalarea dvs. Odată ce „Adăugați la blocurile reutilizabile” un bloc, acesta devine reutilizabil și disponibil în secțiunea de meniu Partajat.

Notă: modul în care arată blocurile pe partea frontală a site-ului dvs. web va depinde în mare măsură de tema pe care o utilizați.

Înainte de a trece la prezentarea blocurilor implicite, vă recomandăm să deschideți frontenberg într-o filă nouă, astfel încât să puteți experimenta în timp ce citiți

Blocurile Gutenberg implicite

Iată cele mai comune blocuri pe care le vei folosi în postările tale, inclusiv text și media. Aceste blocuri sunt disponibile din instalația implicită Gutenberg, din cutie.

Paragraf

Rezultatul final pe front-end va fi diferit și va depinde de stilul temei dvs.

Acesta este elementul de bază al lui Gutenberg. De fiecare dată când apăsați „Enter” în timp ce introduceți text, este creat un nou bloc de paragraf, împărțind textul în blocuri de paragraf separate. După cum am menționat în episoadele anterioare, fiecare bloc de paragraf are propriul set de setări. Un lucru important de reținut este că blocul Paragraf poate fi ușor convertit în alte blocuri de text.

Titlu

În față:

Folosind blocul Titluri, puteți insera diferite titluri, de la <h1> la <h6>, în conținutul dvs. Odată ce inserați mai multe blocuri de titlu, un Cuprins devine disponibil în bara laterală.

Subtitlu

În față:

Un subtitlu este folosit pentru a evidenția o bucată de text, de obicei imediat după titlul principal. Este mai mic decât un titlu, dar mai mare decât textul obișnuit. Este folosit cu moderație, ori de câte ori este nevoie să defalcați în continuare structura conținutului dvs.

Listă

În față:

Acesta este blocul de bază Listă. Poate fi indentat, ordonat sau neordonat.

Imagine

În față:

Acest bloc vă permite să inserați o singură imagine în conținutul dvs. Există, de asemenea, opțiuni pentru aliniere, redimensionare și link-uri URL.

Galerie

În față:

Folosind blocul Galerie, puteți adăuga mai multe imagini în interiorul unei pagini într-un mod asemănător grilei. Puteți personaliza, de asemenea, legenda imaginii și numărul de coloane ale grilei.

Imagine de copertă

În față:

Imaginea de copertă este un bloc care combină o imagine cu text în interior. Este folosit în mod obișnuit ca banner într-o postare, dar poate fi plasat oriunde.

Citat

În față:

Blocul Citat este folosit atunci când doriți să reproduceți cuvinte scrise sau rostite de o altă persoană. După ce ați introdus textul citatului, adăugați referința autorului în substituentul din partea de jos.

Audio

În față:

Blocul Audio oferă un simplu player audio HTML nativ care poate fi folosit pentru a adăuga și reda fișiere audio în conținutul dvs. Fișierele audio sunt stocate în Biblioteca Media.

Video

În față:

Blocul Video este folosit pentru a încărca videoclipuri pe site-ul dvs. WordPress și pentru a le afișa în conținutul postării.

Notă : acest lucru nu este destinat să afișeze videoclipuri YouTube sau videoclipuri găzduite pe servicii externe (de ex. Vimeo). WordPress oferă un bloc special pentru acestea.

Formatare

Aceste blocuri oferă câteva opțiuni de formatare suplimentare pentru conținutul dvs.: cod, verset și alte tipuri de text care necesită un format special.

Cod

În față:

Blocul de cod este folosit pentru a afișa fragmente de cod din orice limbaj de programare. Păstrează filele și spațiile.

Preformatat

În față:

Acest bloc este același cu blocul Cod, ceea ce înseamnă că păstrează formatarea. Singura diferență este că puteți adăuga formatarea suplimentară, cum ar fi aldine, cursive etc.

Clasic (tinyMCE)

În față:

Blocul „Clasic” este vechiul editor TinyMCE, pentru cei care încă își doresc un gust din trecut.

HTML personalizat

În față:

Acest bloc este folosit pentru a adăuga cod HTML personalizat în conținutul dvs. Puteți vedea și o previzualizare, la fața locului.

Citat

În față:

Pullquote este similar cu blocul „Citat”, dar mai mare și mai proeminent.

Verset

În față:

Blocul Verse este folosit în mod obișnuit pentru afișarea versurilor din versuri, poezie și altele. Spărturile de linie și spațiile sunt lăsate intacte.

Masa

În față:

Blocul Tabel vă permite să inserați tabele în conținut. Puteți personaliza alinierea tabelului, precum și numărul de rânduri și coloane.

Aspect

Buton

În față:

Cu blocul Buton puteți afișa link-uri ca butoane personalizate.

Coloane (beta)

În față:

Blocul Coloane vă permite să împărțiți conținutul în mai multe coloane, max. 6. Puteți adăuga blocuri în interiorul coloanelor așa cum ați face în mod normal.

Coloane de text

În față:

Acest bloc este similar cu blocul Coloane, cu excepția faptului că puteți avea doar text în interiorul coloanelor.

Mai mult

În față:

Blocul Citiți mai mult vă permite să faceți un extras introductiv din textul dvs. Utilizatorul poate citi restul articolului făcând clic pe un link „Continuare” din partea de jos.

Separator

În față:

Acesta este un simplu separator de linii orizontale, util pentru diferențierea între secțiunile din postarea dvs.

Pauza de pagină

În față:

Un bloc de întrerupere a paginii vă împarte conținutul în mai multe pagini. Utilizatorul va trebui să facă clic pe „Pagina următoare” pentru a vedea restul postării. Acest lucru este util pentru povestiri lungi sau liste de Top 100.

distanțier

În față:

Acest bloc adaugă un spațiu liber dreptunghiular mare între două blocuri din postarea dvs.

Widgeturi

Bănuim că această categorie va avea mai multe blocuri în viitor. Vă va permite să utilizați widget-urile WordPress în interiorul conținutului dvs. și nu numai în barele laterale, așa cum sunteți obișnuit.

Cod scurt

Acest bloc vă permite să introduceți un cod scurt, așa cum ați face cu TinyMCE. Shortcode-urile își păstrează funcționalitatea în Gutenberg, dar nu este considerată cea mai bună practică. În mod ideal, codurile scurte ar trebui convertite în blocuri personalizate.

Categorii

În față:

Acest bloc afișează o listă a categoriilor dvs. cu linkuri, exact ca widgetul Categorii. Există setări pentru a personaliza aspectul, pentru a afișa numărul de postări și pentru a afișa categoriile ierarhic sau plat.

Ultimele postări

În față:

La fel ca widgetul Postări recente, blocul Ultimele postări oferă o listă de link-uri către cele mai recente postări de pe site-ul tău. Numărul de postări și modul în care sunt ordonate pot fi modificate prin setările blocului.

Încorporează

În față:

Încorporarile sunt blocuri diferite, fiecare corespunzând conținutului unui serviciu terță parte, cum ar fi Youtube, Giphy etc. Selectați blocul „Încorporați” și introduceți o adresă URL; Dacă este acceptat, serviciul asociat cu acea adresă URL va apărea.

Concluzie

În acest episod am descris în detaliu toate blocurile pe care WordPress Gutenberg le oferă implicit. Dacă doriți să aflați cum funcționează și cum arată blocurile personalizate, asigurați-vă că vedeți următorul nostru episod!