Cele mai bune blocuri WordPress originale [Prezentare rapidă]

Vă prezentăm un ghid despre cum să utilizați editorul și blocurile Gutenberg WordPress. Vă rugăm să citiți noutățile despre modificările aduse blocurilor, care urmează să apară chiar în următoarea versiune 5.4. Am selectat toate blocurile cele mai des folosite, care trebuie folosite pe orice site web. Odată lansat, vom posta mai multe detalii despre toate caracteristicile.

Când WordPress a anunțat noul editor Gutenberg în 2018, am fost încântați de el. Acum, câțiva ani mai târziu, vedem o îmbunătățire uriașă. Editorul Gutenberg WordPress este un instrument excelent pentru a crea un site web.

Cu Pluginuri AitThemes CitadelaWP, puteți crea conținut specific pentru prezentarea unui site web al unei companii, al unei afaceri, al unui blog sau al unei organizații non-profit. Sau chiar să începeți o nouă afacere online. Viteza și ușurința de editare a site-ului web sunt cei mai importanți factori.

Ce este un bloc?

Blocurile Gutenberg WordPress sunt unitățile de construcție ale site-ului web. Fiecare dintre ele are un loc și un scop special. Este foarte important să folosiți blocul WordPress potrivit pentru un anumit tip de conținut.

Dar cum găsești cel mai potrivit bloc care să se potrivească intenției tale?

Pentru a vă ajuta să înțelegeți mai bine blocurile WordPress, am pregătit această prezentare generală a celor mai populare.

Blocuri de conținut text

Există mai multe blocuri pe care le puteți utiliza pentru a insera conținut text pe site-ul dvs. web. Puteți utiliza mai multe blocuri. Începând cu WordPress 5.4 există o nouă setare, puteți schimba culoarea textului.

• Paragraf
• Titlu
• Citez
• Listă
• Pullquote
• Tabelul
• Verset
• Preformatat

Cu excepția acestui caz, utilizați blocul clasic, care poate fi mai ușor de utilizat pentru un paragraf lung.

Bloc de butoane

Crearea unui buton CTA convingător în WordPress a devenit foarte ușoară cu Button block. Nu este nevoie să introduceți CSS personalizat sau să înțelegeți HTML. Puteți - dar nu trebuie - să introduceți codul hexazecimal al culorii dvs. preferate pentru a face ca butonul să arate frumos și atrăgător.

Unde să folosiți Button block?

Odată ce vizitatorul ajunge pe site-ul dvs. web, doriți să îl încurajați să acționeze. Pentru asta sunt butoanele CTA.

În general, există 3 locuri în care ar trebui să utilizați blocul WordPress Button:

• Pagina de start - pentru a finaliza o acțiune care va duce la îndeplinirea obiectivului dumneavoastră, cum ar fi înscrierea la newsletter, descoperirea unei oferte speciale sau înregistrarea pentru un test gratuit.
• Pagina de produs - în funcție de modul în care este condusă pagina de produs, ar putea exista 1 buton CTA (CUMPĂRĂ) sau mai multe butoane, de exemplu, detalii despre produs, cumpără, adaugă la lista de dorințe etc.
• Blog - Butoanele CTA pot face trimitere la un alt articol util sau la achiziționarea unui produs/serviciu.

Setări ale blocului de butoane

În Inspector, în partea dreaptă, puteți gestiona cu ușurință setările butonului dumneavoastră:

• Stil
• Culoare de fundal
• Culoarea fontului
• Frontieră

Textul scris în butonul CTA trebuie să fie scurt și direct, încurajând acțiunea pe care doriți să o întreprindă vizitatorii dvs. web.

Noutăți care vor apărea în următoarea versiune WordPress 5.4 (lansare 31 martie 2020)

Blocul Button va fi înlocuit cu un nou Buttons bloc.
Puteți presupune, după noul nume, că veți putea crea mai multe butoane alăturate, unul câte unul, într-un singur bloc container. Adesea este nevoie să creați două CTA-uri deodată, de exemplu: Cumpără acum și Citește mai mult. De asemenea, vor apărea câteva setări noi de stil și culoare. Alegeți stilul Fill sau Outline și apoi culoarea fundalului. Puteți alege un fundal Solid sau Gradient. Vor fi disponibile câteva presetări ca punct de plecare pentru o reglare mai ușoară, fără efort. Vestea bună este că toate blocurile de butoane existente vor funcționa și nu va fi nevoie să le migrați.

Blocarea coloanelor

Blocul Coloane este un bloc WordPress uimitor, care deschide ușile către noi modele. Acesta vă oferă mai multe opțiuni de aranjare a elementelor de pagină, rezultând mai multe alternative de design.

Lucrul cu blocul Columns este ușor:

• Nu este necesară instalarea de plugin-uri suplimentare.
• Nu este necesară codificarea.
• Tot ce vă trebuie este un pic de simț pentru un design îngrijit.

În comparație cu problemele anterioare prin care a trebuit să treceți înainte de lansarea editorului de blocuri WordPress, este foarte ușor de utilizat blocul Columns WordPress.

Cum se utilizează blocul Columns?

După cum s-a indicat mai sus, există două moduri în care poate fi utilizat blocul Columns:

• Pentru a organiza fluxul de texte (într-o postare pe blog sau pe pagina obișnuită).
• Pentru a aranja alte blocuri în coloane.

Atunci când organizați textul în coloane, de exemplu, într-o postare pe blog, creșteți lizibilitatea și faceți site-ul dvs. mai transparent și mai ușor de utilizat.

Cu toate acestea, atunci când folosiți blocul Coloane pentru a amplasa alte blocuri, cum ar fi imagini, texte și butoane, modificați întregul aspect al paginii alese și creați noi modele.

Setări ale blocului de coloane

După ce ați inserat un bloc de coloane în pagină, alegeți câte coloane doriți. Poate fi orice cantitate, de la 2 la 6 coloane. Apoi puteți începe să scrieți textul sau să adăugați blocuri în fiecare coloană.

Alinierea conținutului blocului de coloane poate fi setată separat pentru întregul bloc, precum și pentru coloane individuale. Puteți alege chiar și proporția lățimii coloanei. În acest fel, o coloană poate fi mai lată decât alta.

Bloc de acoperire

Să vorbim despre antetul site-ului dumneavoastră. Este o secțiune care definește prima impresie atunci când cineva ajunge pe pagina dvs. de start. Destul de important, nu-i așa? Și știați că blocul Cover poate fi folosit ca antet pe oricare dintre paginile dumneavoastră?

Cover este un bloc de bază pentru WordPress care vă ajută să vă impresionați vizitatorii web. Mai ales atunci când este folosit corect sau, mai bine spus, atunci când este bine integrat în designul tău web.

Unde să utilizați Cover block?

După cum am menționat mai sus, blocul de copertă poate fi utilizat pe oricare dintre paginile dvs. În plus, poate fi adăugat oriunde pe pagină, spre deosebire de antetul site-ului dvs. web care este fixat în partea de sus a site-ului dvs. web.

Blocul de acoperire poate fi utilizat ca:

• Antetul oricărei pagini, inclusiv al paginii de start.
• Imaginea sau videoclipul este suprascrisă de textul utilizat pe pagina produsului.
• Separator de conținut în blog post.

Setări ale blocului de acoperire

Configurarea blocului de acoperire este foarte simplă. În primul rând, alegeți o imagine sau un videoclip ca fundal. De asemenea, puteți folosi în schimb o singură culoare. După ce ați stabilit fundalul, adăugați un titlu și un subtitlu. 

Puteți alege alinierea blocului și, bineînțeles, alinierea textului din cadrul acestuia.

Alinierea blocului de acoperire oferă următoarele opțiuni:

• Aliniați la stânga
• Aliniați Centrul
• Alinierea la dreapta
• Lățime largă
• Lățime completă

Preferata mea este suprapunerea de culori, disponibilă în inspector - imaginea de fundal a blocului de copertă poate fi colorată în orice culoare doriți. Împreună cu dimensiunea și culoarea fontului personalizat, puteți crea contraste frumoase, iar aspectul final al blocului de copertă va fi uimitor.

Începând cu WordPress 5.4, puteți alege un fundal în gradient în loc de unul solid.

Bloc galerie

Expuneți imagini pe site-ul dvs. web folosind blocul Galerie. Acest bloc standard WordPress a fost conceput pentru a păstra imaginile și a le afișa frumos pe orice pagină a site-ului dvs. web. În mod similar cu alte blocuri WordPress, blocul Gallery poate fi poziționat oriunde pe site-ul web sau în cadrul postării de blog.

Încărcarea imaginilor dvs. se poate face prin selectarea fișierelor din biblioteca media, de pe computerul dvs. sau folosind funcția drag&drop.

Unde să folosiți blocul Gallery?

În funcție de tipul site-ului dvs. web, este posibil să doriți să creați o galerie foto complexă sau o simplă prezentare de imagini. Puteți utiliza blocul Gallery pe:

• Pagina dvs. de pornire
• Subpagini individuale create ca albume ale galeriei dvs. foto
• Pagini de produse
• Blogpost

Setări pentru blocul de galerie

În afară de diferitele opțiuni de aliniere ale blocului Gallery în sine, există câteva opțiuni interesante în cadrul acestui bloc, cum ar fi:

• Numărul de coloane în care sunt aliniate imaginile.
• Decuparea imaginii pentru a corespunde aceleiași dimensiuni (a celei mai mici imagini).
• Hyperlink pentru a vă oferi opțiunea de a crea un link către o altă pagină sau un fișier media.

Bloc de imagine

Blocul de imagine nu este altceva decât blocul pentru a afișa o imagine pe site-ul dvs. web.

Așa este. Dacă doriți doar să adăugați o imagine la oricare dintre paginile dvs., trebuie să utilizați blocul Image WordPress. Acesta poate fi similar cu alte blocuri prezentate, dar există diferențe semnificative care îl fac perfect pentru imagini unice.

Când să utilizați blocul de imagini?

Blocul de imagine trebuie utilizat în special atunci când obiectul afișat pe imagine este deosebit de important pentru vizitatorul dvs. web, doriți să:

• Atrageți atenția vizitatorilor web cu o imagine specifică.
• Afișați imaginea cu legendă.
• Afișați infografice care îi ajută pe vizitatori să înțeleagă mai bine subiectul discutat.

Setări pentru blocul de imagini

Unul dintre cele mai mari avantaje ale blocului Image WordPress este reprezentat de opțiunile de mărime ale imaginii. Puteți redimensiona cu ușurință o imagine trăgând-o de colțul ei, puteți alege o dimensiune fixă în pixeli sau puteți defini dimensiunea în procente.

O altă opțiune importantă este reprezentată de câmpurile de introducere a textului alternativ, a legendei și a link-ului. Recomand cu tărie utilizarea acestor câmpuri, deoarece joacă un rol important în SEO pe pagină.

Media & bloc de text

Să trecem la layout-uri de pagină mai avansate pe care le puteți crea folosind Media & text block. Acest bloc de bază WordPress vă permite să combinați media & text unul lângă altul, într-un mod estetic și contextual.

Unde se utilizează blocul Media & text?

Deși blocul Media & text este cel mai potrivit pentru a fi utilizat în postările de pe blog, cu puțină imaginație, îl puteți folosi și în alte locuri. De exemplu, puteți crea o prezentare frumoasă a unui produs sau serviciu folosind imagine & text unul lângă altul.

Nu uitați să adăugați un bloc de butoane la secțiunea de text a blocului Media & text, dacă este utilizat ca prezentare generală a produsului/serviciului. În acest fel, puteți proiecta o secțiune CTA frumoasă pe orice pagină.

Avantajele blocului Media & text

• Reunirea imaginii și a textului care se potrivesc contextual unul cu celălalt.
• Evitarea rătăcirii imaginii în cadrul postului de blog.
• Ajutați la capacitatea de reacție a site-ului (utilizați funcția "Stack on mobile").

Setări pentru blocuri media și de text

Când vă uitați la setările blocului Media & text, veți observa câteva opțiuni de aliniere, unele dintre ele fiind unice, în comparație cu majoritatea celorlalte blocuri.

O setare interesantă și utilă a acestui bloc este culoarea de fundal. Prin colorarea zonei din jurul imaginii și a textului care se potrivesc, puteți evidenția vizual conexiunea lor.

Inserați un link din WordPress versiunea 5.4 (31.3.2020). Puteți alege între link, fișier media sau pagină atașată.

Bloc de masă

Table block este unul dintre exemplele de îmbunătățire a modului în care WordPress s-a îmbunătățit după introducerea editorului de blocuri WordPress în versiunea 5.0 și ulterior. În timp ce înainte aveai nevoie de un plugin pentru a insera un tabel în site-ul tău WordPress, acum poți folosi pur și simplu Table block.

Unde să utilizați blocul de masă?

Tabelele joacă un rol imens în furnizarea de conținut util într-un mod bine organizat și transparent. Cu siguranță, majoritatea site-urilor web au folosit tabele. Iată doar câteva exemple de utilizare a tabelelor pe diferite site-uri web:

• Compararea datelor
• Tabele de prețuri
• Detalii tehnice ale produsului
• Rețete
• Prezentare generală a pachetelor de membru

Faptul că Table block face parte din nucleul gratuit al WordPress este cu adevărat uimitor.

Setări pentru blocul de masă

Atunci când inserați un bloc Tabel în pagină, trebuie să definiți un număr de coloane și rânduri ale tabelului. Nu vă faceți griji, acest număr nu este fix. Puteți adăuga mai multe rânduri și coloane (sau le puteți elimina) în orice moment.

Apoi, alegeți un stil de masă: implicit sau cu dungi. Treceți la aliniere și la stilul de font și, în final, completați tabelul înainte de a-i da o notă finală.

Alte opțiuni includ:

• Culoare de fundal
• Celule cu lățime fixă
• Antet
• Footer
• Legătură (intrarea de text într-un tabel poate face legătura cu alte pagini)

Ce bloc ați dori să vedeți în continuare?

Sper că v-a plăcut să citiți despre selecția noastră de blocuri de bază WordPress foarte utile - disponibile gratuit pentru toată lumea. Vă rugăm să ne anunțați despre ce blocuri ați dori să citiți în continuare sau ce funcționalități considerați că încă lipsesc în WordPress core. Vă mulțumim pentru lectură!