Jak używać edytora gutenberg

Jeżeli aktywnie korzystasz z WordPress na pewno nie ominęły Cię informacje na temat nowego ( już w sumie nie tak nowego) edytora. Dzisiaj będzie o tym jak używać edytora gutenberg i co dzięki emu możesz zyskać. Zapraszam.

Wbudowana wtyczka gutenberg

Nowy edytor w wordpress pojawił się wraz z wersją 5.0 i mimo tego iż miało to miejsce już ponad rok temu, nadal wiele stron działa na wersji 4.x. działając na klasycznym edytorze. Nie wiem czy wiesz ale kiedyś gutenberg był po prostu wtyczką jak każda inna pozwalająca na edycję treści w wordpress.

W tym artykule pokażę Ci najistotniejsze nowości które wprowadza Gutenberg. Odpowiem również na pytanie czy warto według mnie się na niego przesiadać.

Różnice widać gołym okiem

Zanim przejdę do omawiania funkcji nowego edytora, przypomnijmy jak wyglądał klasyczny edytor (screen 1)

Natomiast edytor gutenberg wygląda w ten sposób (Screen 2)

Różnice widać gołym okiem prawda? Podstawową zmianą w nowym edytorze jest jego blokowy układ. Wszystkie tworzone w nim elementy umieszczane są w blokach.

Aby dodać blok wystarczy nacisnąć ikonkę plusa (Screen 3)

Po kliknięciu zobaczysz listę dostępnych bloków (Screen 4). Dzięki takiemu rozwiązaniu w bardzo szybki sposób możesz dodać, nagłówek, obrazek, galerię, listę czy nawet plik dźwiękowy.

Ponadto oprócz podstawowych bloków gutenberg pozwala na dodawanie elementów innych wtyczek jak formularzy z mailchimp, kodów shortcode jak również osadzania treści z Youtube, Facebooka, Instagrama i innych.

Edycja treści w edytorze gutenberg

Wybierając blok akapit przystąpisz do edycji treści. W tym miejscu nie ma jakiś wielkich zmian w porównaniu do klasycznego edytora. Pozostał nawet nieco okrojony pasek z ikonami, który tak bardzo przypominał Worda w klasycznym edytorze (Screen 5)

Ciekawym i przydatnym rozwiązaniem jest możliwość przesuwania bloków w górę i w dół. Zrobisz to przy pomocy strzałek znajdujących się po lewej stronie bloku (Screen 5).

Każdy z bloków ma dodatkowe menu kontekstowe ukryte pod ikoną kropek, które daje nam kilka dodatkowych opcji (Screen 5). Między innymi dodanie bloku nad lub pod obecnym, duplikowanie oraz usunięcie bloku.

Należy wspomnieć również o prawym panelu który dla każdego bloku wyświetla osobne dodatkowe opcje pozwalające na bardziej szczegółową edycje. (Screen 6)

Świetna funkcja zapisywania bloków

Edytor Gutenberg ma jeszcze jedną opcję która jest świetnym rozwiązaniem jeżeli w swoich wpisach powielasz niektóre elementy. Masz możliwość zapisania każdego utworzonego bloku do baz zapisanych bloków.

Pozwala to w bardzo łatwy sposób dodawać stworzony wcześniej element do kolejnych wpisów oszczędzając przy tym czas na tworzenie go ponownie.

Aby zapisać taki blok wystarczy z menu kontekstowego wspomnianego powyżej (Screen 5) wybrać opcję dodaj do zapisanych bloków.

Czy warto przesiąść się na gutenberga?

Moim zdaniem zdecydowanie tak, klasyczny edytor był bardzo ubogi w opcje i nie znając podstaw HTML nie wszystko można było w nim zrobić.

Edytor Gutenberg jest ukłonem w stronę tych początkujących i myślę że wielu osobą znacznie ułatwi pracę z WordPress. Natomiast nowych użytkowników może zatrzymać na dłużej.

Nie oznacza to jednak że na rynku nie znajdziesz nic lepszego, jednak patrząc na podstawę samego WordPress jest to niewątpliwie krok do przodu.