Je potvrzeno, že editor Gutenberg bude skutečně výchozím editorem článků WordPress. jáai Byl jsem schopen otestovat posledně jmenovaný a rychle jsem si uvědomil, že mnoho uživatelů bude s tímto novým editorem ztraceno, a proto je důvodem tento tutoriál. Společně si tedy projdeme základy editoru Gutenberg a probereme některé pokročilé body.

před zahájením

Pokud nemáte možnost nainstalovat WordPress verze 5.0 (která je stále ve vývoji), můžete nyní stáhnout Gutenberg a otestujte to na vaší verzi WordPressu (znovu začínám experimentální prostředí). Přiznávám však, že jsem trochu překvapen, když při pohledu na hodnocení tohoto nového editora více než polovina mých uživatelů udělila hodnocení 1/5.

náhled gutenberg hodnocení wordpress.jpeg

Nechystám se s tím přestat a zkoušet, abych to pocítil.

Prezentace rozhraní

Chcete-li použít Gutenberg, musíte zapsat článek (samozřejmě, jako jste to udělali v minulosti, tj. Články> Přidat".

gutenberg presentation.jpeg

Od samého začátku jsem si všiml, že se vydavatel hodně zaměřil na to, aby se nerozptylovalo, a využíval celou šířku stránky.

stará verze wordpress.jpeg

I když musíme uznat, že na Gutenbergu je příliš mnoho okrajů, myslím, že bílé pozadí je barva, která způsobuje menší rozptýlení. Všimnete si, že Gutenberg vypadá podobně jako editor příspěvků na Calypso (WordPress.com).

calypso editor wordpress.jpeg

Umístění prvků

Záložní část

Rozložení se enormně změnilo. Oblast pro ukládání položek je nyní umístěna nahoře. Jedná se spíše o sekci rychlého přístupu k tlačítku uložení.

záložní část gutenberg.jpeg

Tlačítko s ikonou nastavení umožňuje zavřít klapku níže. Tlačítka, která nám umožnila přepínat mezi vizuálním editorem a textovým editorem, jsou nyní umístěna ve stejném panelu zcela vpravo. Chcete-li zobrazit náhled článku, musíte kliknout na oko umístěné před tlačítkem „Publikovat…“.

pokročilé ovládání gutenberg.jpeg

Sekce pro výběr doporučeného obrázku pro kategorie a viditelnost článku je jako obvykle vpravo. Potřebujete se ujistit, že „ Dokument Je vybrána.

gutenberg kategorie kategorie a image na first.jpeg

Blokovat část

Toto je inovace, kterou přináší Gutenberg. Měli byste vědět, že každý odstavec o Gutenbergovi by měl být považován za blok. Bloky mají tuto možnost samostatného nastavení, ale také je lze snadno přesouvat po celém dokumentu.

Když umístíte kurzor na odstavec, abyste získali přístup k funkcím vybraného bloku, musíte kliknout na záložku bloku vpravo.

blok gutenberg wordpress.jpeg

Pomocí těchto nastavení můžete například definovat barvu pozadí, která se vztahuje pouze na blok, a také změnit velikost písma bloku. Považuji to za docela pohodlné.

Možnosti formátování

Formátování se objeví nad každým blokem.

volba formatting.jpeg

Možnosti rozložení zobrazíte také nahoře kliknutím na možnost editoru a poté na možnost „Nastavit panel nástrojů nahoře“.

možnosti formátování zobrazení v horní části .jpeg

Jak přidat vlastní bloky

Nejste omezeni na použití odstavcového bloku. Chcete-li přidat další bloky, musíte kliknout na ikonu + vlevo nahoře.

jiný blok gutenberg.jpeg

To vám umožní přístup k různým dostupným blokům. Je to také na tomto místě, kde máte přístup k různým blokům, které nabízí témata a pluginy. Budete mít dokonce možnost uložit si vlastní bloky. Myslím, že to usnadní úpravu podobných článků.

To je pro tento tutoriál vše, v dalším pokračujeme zavedením všeho, co jsme v tomto tutoriálu pozorovali, do praxe.