Ako čitate ovaj vodič, vjerojatno ste već isprobali novog Gutenbergovog uređivača za WordPress.

Ako još niste, preporučam da isprobate. Trenutno je dostupan kao dodatak, ali u nekom će se trenutku u budućnosti spojiti s WordPressom, pa ćete ga jednom morati upoznati.

pokušajte gutenberg.png

Poput svih novih korisničkih sučelja, ima svoje obožavatelje i klevetnike. Uvijek je potrebno vrijeme da se udobno prilagodite novom sučelju i primamljivo je odbiti novu verziju.

Kao i mnogi ljudi, u početku sam bio sumnjičav prema Gutenbergu. Već nekoliko godina radim sa starim sučeljem i poznajem ga.

Ali Gutenberg donosi hrpu optimizacija. I on ima jednu značajku koja me doista natjerala da dobro razmislim. Koja je to značajka? To su duplicirani i dijeljeni blokovi.

Možda ne zvuči puno, ali ima potencijal učiniti način na koji stvaram sadržaj učinkovitiji, i kako bi ovo sadržaj učinkovitiji u donošenju posjetitelji djelovati nakon čitanja.

U ovom uputstvu pokazat ću vam kako stvoriti dvostruke i dijeljene blokove u Gutenbergu i podijeliti neke mogućnosti koje se otvaraju.

Ali prvo, brzi temeljni premaz na blokovima.

Koji su blokovi?

Blokovi su ono što se uključuje Gutenberg. Sve tvoje sadržaj će se dodati putem bloka. Na snimci zaslona u nastavku možete vidjeti članak s nizom blokova u uređivaču:

napiši članak o Gutenberg.png

Postoji široka paleta blokova koji će odražavati vrste sadržaja koje ste navikli dodavati u svoje postove, ali pružit će vam drugačiji način za to. Blokovi uključuju:

  • Tekstualni blokovi - odlomci, popisi, naslovi, kod, citati, tablice
  • Medijski blokovi - slika, galerija, audio, video
  • Elementi izgleda - gumbi, razmaknice, razdjelnici, prijelomi stranica
  • Blokovi widgeta - kategorije, najnoviji postovi, kratki kod
  • Integrirajte blokove – YouTube, Soundcloud, Spotify, X / Twitter i još mnogo toga

Raspon blokova je ogroman i raste s nizom dodataka nezavisnih proizvođača koji koriste Gutenberg API za dodavanje dodatnih blokova.

Kad god trebate dodati dio sadržaja na post ili stranicu, dodajte blok. I svaki će se dio sadržaja pohraniti u svoj blok - čak i pojedinačni odlomci.

To znači da blokove možete premještati kako biste uređivali i preuređivali sadržaj. To također znači da blokove sadržaja možete ponovno koristiti stvaranjem duplikata ili dijeljenog bloka.

Dvostruki blokovi

Dvostruki blok prilično je jednostavan. Uzimate postojeći blok koji ste stvorili i napravite njegovu kopiju.

Da biste to učinili, zadržite miš iznad elipse (tri točke okomito poravnate) desno od bloka i kliknite opciju duplikat .

duplicirati blok.png

Duplikat ovog bloka stvorit će se neposredno nakon izvornog bloka, u istom članku.

Možete ga koristiti kada želite duplicirati sadržaj (poput citata, uklanjanja, poziva na akciju ili slike) i dodati drugu kopiju negdje drugdje u članku. Samo povučete novi blok tamo gdje želite. Čuvajte se postavljanja duplikata blokova preblizu jedni drugima ili slučajnog stvaranja previše duplikata!

Druga upotreba može biti kada želite stvoriti drugi blok koji je sličan prvom, ali ne i isti. U tom slučaju morate stvoriti duplicirani blok, a zatim ga izmijeniti. To je korisno ako ste proveli neko vrijeme formatirajući svoj prvi blok (npr., Prilagodite veličinu slike) i želite duplicirati oblikovanje, ali promijenite sadržaj - ili obrnuto.

Kada uredite duplicirani blok, promjene koje napravite nemaju utjecaja na izvorni blok - to su dva nepovezana bloka.

Dakle, dvostruki blokovi izvrsni su za uštedu vremena kada želite stvoriti sadržaj koji je isti ili malo drugačiji od ostalih sadržaja u vašoj publikaciji.

Ali oni imaju jednu manu - rade samo u pojedinačnom članku. Što koristite ako želite duplicirati sadržaj između članaka? Tu stupaju na snagu zajednički blokovi.

Dijeljeni blokovi

Dijeljeni blok funkcionira drugačije od dupliciranog bloka. Kada kreirate zajednički blok, to je poput predloška za sve ostale blokove koje iz njega kreirate. A kada promijenite bilo koji od tih blokova, promjene se odražavaju u svim dijeljenim blokovima. Možete ga poništiti, kao što ću vam uskoro pokazati.

Stvorite zajednički blok

Da biste stvorili zajednički blok, započnite s izradom bilo koje vrste normalnog bloka na uobičajeni način. Zatim, nakon što to učinite, ponovo zadržite pokazivač iznad elipse i ovaj put odaberite opciju Pretvori u zajednički blok .

Ispod bloka pojavit će se tekstualno polje gdje ćete trebati dati ime bloku.

izraditi block.png koji se može ponovo koristiti

Dajte bloku jedinstveno ime koje će imati smisla kada ga dodate u postove koji nisu ovaj. Trebao bi biti nezaboravan, tako da točno znate koji je blok kada ga ponovno počnete koristiti za nekoliko tjedana ili čak mjeseci. Smatram korisnim dodati vrstu bloka nakon naslova, u zagradama. Nakon što upišete naziv bloka, pritisnite gumb Prijaviti .

blok gutenberg.png

Naslov koji ste dali bloku prikazivat će se ispod njega u uređivaču svaki put kada ga koristite, ali neće se prikazivati ​​na prednjem kraju web stranice.

Ponovno upotrijebite zajednički blok

Moć dijeljenih blokova je ta što ih jednom stvorite, možete ih ponovo koristiti koliko god puta želite gdje god se nalazili na svojoj web lokaciji.

Kada članku želite dodati dijeljeni blok, umjesto stvaranja uobičajenog bloka teksta, kliknite gumb + u gornjem lijevom kutu zaslona za uređivanje. Pojavit će se kontekstni izbornik s raznim vrstama blokova koje možete odabrati. Pomaknite se prema dolje dok ne vidite opciju podijeljen i kliknite na nju.

Sada ćete vidjeti sve dijeljene blokove koje ste stvorili na svojoj web lokaciji. Moj izgleda pomalo neuredno - eksperimentirao sam sa zajedničkim blokovima na ovoj lokalnoj stranici i nisam im dao najbolje ime.

koristite reutilisable blocks.png

Sada kliknite na zajednički blok koji želite koristiti i bit će dodan u vaš članak.

Uređivanje dijeljenih blokova

Uređivanje zajedničkih blokova ima neke komplikacije koje biste trebali imati na umu. Prvo je da ako uredite dijeljeni blok koji ste dodali u post, njegov će se sadržaj također promijeniti u svakom postu u koji ste dodali taj blok.

Da biste izmijenili blok, kliknite gumb Promijeniti uzimajući u obzir njegov naslov. Zatim možete urediti sadržaj i naslov bloka. Te će promjene stupiti na snagu u svim primjerima bloka.

To je izvrstan način da napravite promjene na svojoj web lokaciji ako imate sadržaj koji treba ažurirati. Na primjer, ako ste za poziv na akciju upotrijebili dijeljeni blok s telefonskim brojem ili adresom e-pošte, a podaci o kontaktima se promijene, blok ćete trebati urediti samo jednom.

Međutim, to je problem ako samo želite urediti instancu dijeljenog bloka i u članku učiniti njegov sadržaj malo drugačijim. Da biste to učinili, morate ga pretvoriti u normalni blok, a zatim urediti. Zadržite pokazivač iznad elipse desno od bloka i kliknite opciju Uklonite višekratne blokove.

ukloni reutilizable blocks.png

Tada će se ponašati kao bilo koji drugi redoviti blok na vašoj web lokaciji.

Ako želite stvoriti još jedan zajednički blok sličan postojećem bloku (na primjer, ako želite dvije različite verzije teksta poziva na akciju koje ćete koristiti na temelju sadržaja posta), to možete učiniti. Prati ove korake:

  1. Napravite svoj prvi zajednički blok kao što je opisano gore.
  2. Dodajte zajednički blok novom članku
  3. Pretvorite ga u normalni blok i izmijenite ga.
  4. Pretvorite ga u zajednički blok, kao što ste to učinili prvi put.
  5. Dajte mu ime različito od izvornog - ime koje će vam pomoći da lako prepoznate razlike između dva bloka. Spremi.

Sada imate dva zajednička bloka koja možete koristiti bilo gdje na vašoj web lokaciji.

Pohrana zajedničkih blokova

Ako namjeravate stvoriti više zajedničkih blokova za upotrebu na svojoj web lokaciji, ima smisla zadržati kopiju svakog od njih ako se nalaze na mjestu gdje ih možete lako pristupiti i urediti.

Na svom sam mjestu kreirao članak koji neću objaviti i koji sadrži jedinstvenu kopiju svakog dijeljenog bloka koji sam stvorio.

Ne samo da ovaj članak mogu koristiti za pristup svim dijeljenim blokovima - ako želim, mogu dodati i tekst iznad svakog kako bih dao bilješku o tome što je svaki blok i gdje je dizajniran da ide na moj web mjesto, kao što je vrsta posta, gdje u postu itd. Ovo djeluje kao praktična referentna vrijednost koju ja (ili bilo tko drugi koji uređujem web mjesto) mogu koristiti kako bih osigurao da dosljedno koristim dijeljene blokove. Također mi olakšava pronalazak zajedničkog bloka ako ga moram urediti.

Duplikatni i dijeljeni blokovi čine upravljanje sadržajem efikasnijom

Mogućnost stvaranja dupliciranog sadržaja poput ovog u obliku duplikata ili dijeljenih blokova čini postupak dodavanja sadržaja na vaše web mjesto učinkovitijim.

Po mom mišljenju, najveći dobitak dolazi od korištenja dijeljenih blokova za sadržaj koji želite dodati u više postova na svojoj web lokaciji, poput poziva na akciju. U prošlosti sam to radio na način da sam napisao dodatak i spojio sadržaj na akcijsku udicu u svakom od mojih postova, ali to je moguće samo ako vaša tema ima kuku na pravom mjestu. i ako vam je ugodno s kodom. Gutenberg će olakšati i ubrzati stvaranje, dodavanje i upravljanje duplikatima sadržaja na web mjestu.

Recite nam kako ste koristili duplikate i dijeljene blokove!