Dacă citiți acest tutorial, probabil că ați încercat deja noul editor Gutenberg pentru WordPress.

Dacă nu ați făcut-o încă, vă recomand să încercați. În prezent, este disponibil ca plugin, dar va fi combinat cu WordPress la un moment dat în viitor, așa că va trebui să îl cunoașteți cândva.

încercați gutenberg.png

Ca toate noile interfețe UI, are fanii și detractorii săi. Este nevoie întotdeauna de timp pentru a vă simți confortabil cu o nouă interfață și este tentant să renunțați la noua versiune.

La fel ca mulți oameni, am fost sceptic la Gutenberg la început. Lucrez cu vechea interfață de câțiva ani și sunt familiarizat cu ea.

Dar Gutenberg aduce o grămadă de optimizări. Și are o caracteristică care m-a făcut să mă gândesc de două ori. Ce este această caracteristică? Acestea sunt blocurile duplicate și partajate.

Poate că nu sună prea mult, dar are potențialul de a crea modul în care creez cuprins mai eficient și pentru a face acest lucru cuprins mai eficient în aducerea vizitatori să acţioneze după ce l-a citit.

În acest tutorial, vă voi arăta cum să creați blocuri duplicate și partajate în Gutenberg și să împărtășesc câteva dintre posibilitățile pe care le deschid.

Dar mai întâi, un manual rapid pe blocuri.

Care sunt blocurile?

Blocurile sunt ceea ce se întâmplă Gutenberg. Toate ale tale cuprins va fi adăugat printr-un bloc. În captura de ecran de mai jos puteți vedea un articol cu ​​un număr de blocuri în editor:

scrie un articol despre Gutenberg.png

Există o mare varietate de blocuri disponibile, care vor reflecta tipurile de conținut cu care sunteți obișnuiți să adăugați la postările dvs., dar vă oferă un mod diferit de a face acest lucru. Blocurile includ:

  • Blocuri de text - paragrafe, liste, titluri, cod, ghilimele, tabele
  • Blocuri media - imagine, galerie, audio, video
  • Elemente de aspect - butoane, distanțiere, separatoare, pauze de pagină
  • Blocuri widget - categorii, ultimele postări, shortcode
  • Integrați blocuri – YouTube, Soundcloud, Spotify, Twitter et plus

Gama de blocuri este imensă și crește, odată cu lansarea unui număr de plugin-uri terțe care utilizează API-ul Gutenberg pentru a adăuga blocuri suplimentare.

Ori de câte ori trebuie să adăugați o bucată de conținut la o postare sau pagină, adăugați un bloc. Și fiecare conținut va fi stocat în propriul bloc - chiar și paragrafe individuale.

Aceasta înseamnă că vă puteți deplasa blocurile pentru a vă edita și rearanja conținutul. De asemenea, înseamnă că puteți reutiliza blocuri de conținut prin crearea unui bloc duplicat sau partajat.

Duplicate blocuri

Un bloc duplicat este destul de simplu. Luați un bloc existent pe care l-ați creat și faceți o copie a acestuia.

Pentru a face acest lucru, plasați mouse-ul peste elipsă (trei puncte aliniate vertical) în dreapta blocului și faceți clic pe opțiune duplicat .

pentru a duplica un bloc.png

Un duplicat al acestui bloc va fi creat direct după blocul original, în același articol.

Îl puteți folosi atunci când doriți să duplicați conținut (cum ar fi o ofertă, o eliminare, o îndemn sau o imagine) și să adăugați o altă copie în altă parte a articolului. Pur și simplu trageți noul bloc până unde doriți să fie. Feriți-vă de a plasa blocuri duplicate prea aproape unul de celălalt sau de a crea accidental prea multe duplicate!

O altă utilizare poate fi atunci când doriți să creați un al doilea bloc care este similar cu primul, dar nu același. În acest caz, trebuie să creați blocul duplicat și apoi să îl modificați. Acest lucru este util dacă ați petrecut ceva timp formatând primul bloc (de exemplu, dimensiunea unei imagini) și doriți să duplicați formatarea, dar să schimbați conținutul - sau invers.

Când editați un bloc duplicat, modificările pe care le faceți nu au impact asupra blocului original - sunt două blocuri neconectate.

Astfel, blocurile duplicate sunt foarte bune pentru a economisi timp atunci când doriți să creați conținut care este același sau ușor diferit de celelalte conținuturi din publicația dvs.

Dar au un singur defect - funcționează doar într-un articol individual. Ce folosiți dacă doriți să copiați conținut între articole? Aici intervin blocurile partajate.

Blocuri partajate

Un bloc comun funcționează diferit de un bloc duplicat. Când creați un bloc partajat, este ca un șablon pentru toate celelalte blocuri pe care le creați din acesta. Și când modificați oricare dintre aceste blocuri, modificările se reflectă în toate blocurile partajate. Îl puteți suprascrie, așa cum vă voi arăta în scurt timp.

Creați un bloc partajat

Pentru a crea un bloc partajat, începeți prin crearea oricărui tip de bloc normal în mod obișnuit. Apoi, după ce ați făcut acest lucru, plasați din nou deasupra elipsei și de data aceasta selectați opțiunea Convertiți în bloc partajat .

Veți vedea un câmp de text afișat sub bloc, unde va trebui să dați un nume blocului.

creați un bloc reutilizabil.png

Acordați blocului un nume unic care va avea sens atunci când îl adăugați la alte postări decât acesta. Ar trebui să fie memorabil, așa că știi exact care este blocul când ajungi să îl folosești din nou în săptămâni sau chiar luni. Mi se pare util să adaug tipul de bloc după titlu, între paranteze. După ce ați introdus numele blocului, apăsați butonul Registru .

bloc gutenberg.png

Titlul pe care l-ați dat blocului va fi afișat sub acesta în editor de fiecare dată când îl utilizați, dar nu va fi afișat în partea frontală a site-ului dvs.

Reutilizați un bloc partajat

Puterea blocurilor partajate este că, după ce le-ai creat o dată, le poți refolosi de câte ori doriți, oriunde vă aflați pe site.

Când doriți să adăugați un bloc partajat unui articol, în loc să creați un bloc de text obișnuit, faceți clic pe buton + în partea stângă sus a ecranului de editare. Va apărea un meniu contextual cu o varietate de tipuri de blocuri din care puteți alege. Derulați în jos până când vedeți opțiunea partajat și faceți clic pe el.

Acum veți vedea toate blocurile partajate pe care le-ați creat pe site-ul dvs. Al meu arată cam dezordonat - am experimentat cu blocuri partajate pe acest site local și nu le-am dat cel mai bun nume.

utilizați blocks.png reutilizabile

Acum faceți clic pe blocul partajat pe care doriți să îl utilizați și acesta va fi adăugat la articolul dvs.

Editarea blocurilor partajate

Editarea blocurilor partajate are unele complicații pe care ar trebui să le aveți în vedere. Primul este că, dacă editați un bloc partajat pe care l-ați adăugat la o postare, conținutul acestuia va fi modificat și în fiecare postare în care ați adăugat acel bloc.

Pentru a modifica blocul, faceți clic pe buton Modificatorul luând în considerare titlul acesteia. Apoi puteți edita conținutul și titlul blocului. Aceste modificări vor intra în vigoare în toate cazurile blocului.

Este o modalitate excelentă de a aduce modificări site-ului dvs. dacă aveți conținut care trebuie actualizat. De exemplu, dacă ați utilizat un bloc comun pentru un îndemn cu numărul dvs. de telefon sau adresa de e-mail și datele dvs. de contact se schimbă, va trebui să editați blocul o singură dată.

Cu toate acestea, aceasta este o problemă dacă doriți doar să editați o instanță a blocului partajat și să faceți conținutul său ușor diferit într-un articol. Pentru a face acest lucru, trebuie să îl convertiți într-un bloc normal și apoi să îl editați. Plasați cursorul peste elipsa din dreapta blocului și faceți clic pe opțiune Eliminați blocurile refolosibile.

eliminați blocks.png reutilizabile

Apoi se va comporta ca orice alt bloc obișnuit de pe site-ul dvs.

Dacă doriți să creați un alt bloc comun similar cu un bloc existent (de exemplu, dacă doriți două versiuni diferite ale textului îndemnului pe care îl veți utiliza pe baza conținutului postării), puteți face acest lucru. Urmați acești pași:

  1. Creați primul dvs. bloc partajat așa cum este descris mai sus.
  2. Adăugați blocul partajat la un articol nou
  3. Transformați-l într-un bloc normal și modificați-l.
  4. Convertiți-l într-un bloc comun, așa cum ați făcut-o prima dată.
  5. Dați-i un nume diferit de cel original - un nume care vă va ajuta să identificați cu ușurință diferențele dintre cele două blocuri. Salvați-l.

Acum aveți două blocuri partajate pe care le puteți utiliza oriunde pe site-ul dvs.

Stocarea blocurilor partajate

Dacă intenționați să creați mai multe blocuri partajate pe care să le utilizați pe site-ul dvs., este logic să păstrați o copie a fiecăruia dintre ele dacă se află într-un loc unde le puteți accesa și edita cu ușurință.

Am creat un articol pe site-ul meu pe care nu îl voi publica care conține o copie unică a fiecăruia dintre blocurile partajate pe care le-am creat.

Nu numai că pot folosi acest articol pentru a accesa toate blocurile mele partajate - dacă vreau, pot adăuga și text deasupra fiecăruia pentru a oferi o notă despre ce este fiecare bloc și unde este proiectat să meargă pe site, cum ar fi ce tip de postări, unde se află postarea etc. Aceasta acționează ca un reper util pe care eu (sau oricine altcineva editează site-ul) îl pot folosi pentru a mă asigura că folosesc blocurile partajate în mod consecvent. De asemenea, îmi este mai ușor să găsesc un bloc partajat dacă trebuie să îl editez.

Blocurile duplicate și partajate fac gestionarea conținutului mai eficientă

A putea crea conținut duplicat ca acesta sub formă de blocuri duplicate sau partajate face procesul de adăugare a conținutului pe site-ul dvs. mai eficient.

În opinia mea, cele mai mari câștiguri provin din utilizarea blocurilor partajate pentru conținut pe care doriți să îl adăugați la mai multe postări de pe site-ul dvs., cum ar fi îndemnurile la acțiune. În trecut, acest lucru l-am făcut scriind un plugin și conectând conținutul la un cârlig de acțiune în fiecare dintre postările mele - dar acest lucru este posibil numai dacă tema dvs. are un cârlig la locul potrivit. și dacă vă simțiți confortabil cu codul. Gutenberg va face mai ușor și mai rapid crearea, adăugarea și gestionarea conținutului duplicat pe un site.

Spune-ne cum ai folosit blocuri duplicate și partajate!