WordPress Gutenberg – základní bloky první část

 

Gutenberg zcela změní práci s obsahem ve WordPressu a proto se podíváme, co nás ve světě bloků čeká.

Po instalaci, nebo aktivaci editoru, máte k dispozici okamžitě sadu základních bloků, jenž vám umožní vytvářet obsah na stránce. Jsou rozděleny podle druhu použití do šesti skupin a každý z nich obsahuje vlastní nastavení.

 Nejpoužívanější Gutenberg bloky – Most Used

Paragraph blok

Paragraph rovná se odstavec a v HTML jej prezentují značky „p“.  Tak jako každý blok, má i paragraph prvky, které se zvýrazní po najetí myši, nebo po kliknutí. Většina z těchto prvků je společná pro všechny bloky, proto je právě odstavec ideální pro jejich popis. Po najetí myši na odstavec, orámuje se blok rámečkem, v horním pravém rohu se zobrazí jeho název a po levé straně se zobrazí možnost pro přesouvání bloku v hierarchii stránky:

Šipkami můžete posouvat blok nahoru a dolů. Když najedete na šest teček mezi šipkami, změní se kurzor na ručičku a můžete blok přesunout tažením myši.

Jakmile kliknete do bloku, zobrazí se menu s možnostmi úprav bloku:

Všimněte si, že v levém horním rohu roletky, která umožňuje jednoduše přepnout pragraf do jiného bloku. Dále můžete zarovnat text do středu, nebo vpravo, označit část textu tučně, nebo kurzívou, vložit odkaz a přeškrtnout text. Poslední tři tečky skrývají další menu, jenž umožňuje duplikovat blok, vložit jiný blok před a za aktuální, upravovat jej jako html, odstranit jej a především jej uložit jako znovu použitelný blok. Můžete si tak vytvořit knihovnu již nastavených bloků. U paragrafu nám to asi nebude k ničemu, ale u komplikovanějších bloků to bude výborná funkce.

Čtěte  Kam na WordCamp v našem okolí?

Nesmíme ale zapomenout na možnosti, které se nám u každého bloku zobrazí po pravé straně. Ty umožňují dělat další úpravy, jako třeba nastavit velikost písma, dát odstavci první písmo větší (dropcap) a měnit barvu textu a pozadí.

Roletka Advanced ukrývá možnost přidání bloku vlastní css třídu. Toto nastavení je u každého bloku v Gutenbergu.

Nadpis blok

Blok pro vytváření nadpisů je podobný bloku pro odstavec, jako možnosti vidíte na obrázku:

Postranní menu skrývá možnost zarovnání nadpisu a především nastavení tzv. kotvy, díky které je možné vytvářet odkazy na konkrétní místo ve stránce.

Blok obrázek

Vložení obrázku pomocí bloku je stejně jednoduché, jako vytvoření nadpisu. Blok pro obrázek má ale jednu zajímavou vlastnost a tou je možnost jej zmenšit tahem myši. Všimněte si modrých teček na krajích obrázku:

Výsledek:

Samozřejmě, i obrázek má nastavení po pravé straně, tam můžete upravovat také velikost, měnit alt text a směřování odkazu z obrázku:

 

Blok seznam

Jednoduchý blok, jenž umožňuje vytvořit číslovaný s nečíslovaný seznam. Kromě možností, viditelných na obrázku, nemá další možnosti.

Citace blok

Stejně jako u seznamu, jedná se o velmi jednoduchý blok a kromě možností na obrázku, nemá žádné další nastavování.

Blok galerie

Galerie byla a je součástí WordPressu už hodně dlouho a proto v Gutenbergu nesmí chybět ani tento blok.

Při výběru obrázků do galerie si zvolíte i počet sloupců, pro obrázky. Já sem vybral dva sloupce, avšak, protože jsem vybral obrázky tři, ten poslední se roztáhne do volného místa:

Čtěte  Po přechodu na https nefunguje cutomizer

Naštěstí můžete počet sloupců měnit jednoduše v postranním panelu:

Trošku hraní s galeriií – přidal jsem čtvrtý obrázek:

a změnil jsem layout na čtyři sloupce:

To by pro začátek mohlo stačit a příště se podíváme na vkládání multimédií a bloky pro layout.

Pokud máte obavy z přechodu na Gutenberg a budete chtít být připraveni, pomůžeme vám s testováním – info@toret.cz

V každém případě sledujte tento web, chystáme další články o novém editoru.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Chcete mít přehled o dění ve světě WordPressu?

Přímo do vašeho emailu

Pravidelný přehled o novinkách, trendech a událostech, které se točí kolem WordPressu. Souhrn toho nejzajímavějšího od nás i ze zahraničí.