Je potvrdené, že editor Gutenberg bude skutočne predvoleným editorom článkov WordPress. jaai Bol som schopný otestovať druhý a rýchlo som si uvedomil, že veľa používateľov sa s týmto novým editorom stratí, a preto je dôvod tohto tutoriálu. Spoločne si teda prejdeme základy editora Gutenberg a preberieme niektoré pokročilé body.

pred začatím

Ak nemáte možnosť nainštalovať WordPress verzie 5.0 (ktorá je stále vo vývoji), môžete to urobiť teraz stiahnuť Gutenberg a otestujte to na svojej verzii WordPressu (znova spúšťam experimentálne prostredie). Priznám sa však, že som trochu prekvapený, keď sa pozriem na hodnotenie tohto nového editora, viac ako polovica mojich používateľov ohodnotila skóre 1/5.

náhľad gutenberg hodnotenie wordpress.jpeg

Nebudem sa nad tým pozastavovať a skúšať, aby som to cítil.

Prezentácia rozhrania

Ak chcete použiť Gutenberg, musíte zapísať článok (samozrejme), ako ste to urobili v minulosti, t.j. Články> Pridať„.

gutenberg presentation.jpeg

Čo som si od začiatku všimol, je to, že vydavateľ sa veľa zameral na absenciu rozptýlenia a využíval celú šírku stránky.

stará verzia wordpress.jpeg

Aj keď musíme pripustiť, že na Gutenbergovi je príliš veľa okrajov, myslím si, že biele pozadie je farbou, ktorá spôsobuje menšie rozptýlenie. Všimnete si, že Gutenberg vyzerá veľmi podobne ako editor príspevkov na serveri Calypso (WordPress.com).

calypso editor wordpress.jpeg

Umiestnenie prvkov

Záložná časť

Dispozičné riešenie sa enormne zmenilo. Oblasť na ukladanie položiek je teraz umiestnená úplne hore. Ide skôr o sekciu rýchleho prístupu k tlačidlu uloženia.

záložná sekcia gutenberg.jpeg

Tlačidlo s ikonou nastavenia umožňuje zatvoriť chlopňu nižšie. Tlačidlá, ktoré nám umožnili prepínať medzi vizuálnym editorom a textovým editorom, sú teraz umiestnené na rovnakom paneli úplne vpravo. Ak chcete zobraziť ukážku článku, musíte kliknúť na oko umiestnené pred tlačidlom „Publikovať ...“.

pokročilá kontrola gutenberg.jpeg

Časť na výber odporúčaného obrázka pre kategórie a viditeľnosť článku je ako obvykle vpravo. Potrebujete sa ubezpečiť, že „ Dokument Je vybrané.

gutenberg sekcie kategórie a obraz na first.jpeg

Blokovať časť

Toto je inovácia, ktorú prináša Gutenberg. Mali by ste vedieť, že každý odsek o Gutenbergovi by sa mal považovať za blok. Bloky majú túto možnosť samostatného nastavenia, ale tiež ich možno ľahko posúvať po celom dokumente.

Ak umiestnite kurzor na odsek a chcete získať prístup k funkciám vybratého bloku, musíte kliknúť na kartu bloku vpravo.

blok gutenberg wordpress.jpeg

Pomocou týchto nastavení môžete napríklad definovať farbu pozadia, ktorá sa vzťahuje iba na blok, a tiež zmeniť veľkosť písma v bloku. Zdá sa mi to dosť pohodlné.

Možnosti formátovania

Formátovanie sa objaví nad každým blokom.

voľba formatting.jpeg

Možnosti rozloženia tiež zobrazíte v hornej časti kliknutím na položku Editor a potom kliknutím na možnosť „Nastaviť panel s nástrojmi úplne hore“.

zobrazovať možnosti formátovania zobrazenia na stránke top.jpeg

Ako pridať vlastné bloky

Nie ste obmedzený na použitie bloku odsekov. Ak chcete pridať ďalšie bloky, musíte kliknúť na ikonu + vľavo hore.

iný blok gutenberg.jpeg

To vám umožní prístup k rôznym dostupným blokom. Na tomto mieste máte tiež prístup k rôznym blokom, ktoré ponúka témy a pluginy. Budete mať dokonca možnosť uložiť si vlastné bloky. Myslím, že to uľahčí úpravu podobných článkov.

To je pre tento tutoriál všetko, v ďalšom pokračujeme realizáciou všetkého, čo sme v tomto tutoriále spozorovali.