Gutenberg – nowy edytor na wordpressie, czy należy bać się tej zmiany?

Gutenberg - nowy edytor treści w WordPressie

Gutenberg – zmiany w dobrym kierunku na wordpressie.

O co tutaj chodzi?

Gutenberg to nowy edytor w ramach WordPressa.

Póki co dostępny w formie osobnej wtyczki, którą można sobie nieodpłatnie i opcjonalnie zainstalować na stronie.

A wtedy po zainstalowaniu i włączeniu Gutenberga, kiedy wejdziemy do edycji dowolnego wpisu, będzie to wyglądać co nieco inaczej niż dotychczas.

Dlatego z początku możemy przeżyć moment zaskoczenia. Ale po oswojeniu się okazuje się, że to narzędzie jest bardzo intuicyjne, daje większą wolność użytkownikowi wordpressa, może niekoniecznie znającemu się na kodowaniu i w ogóle większe możliwości manewru niż dotychczas (jeżeli chodzi o edycję i obróbkę od strony wizualnej wpisów, ale także tworzenia stron, np stron sprzedażowych dla swoich produktów – jest tu np opcja – podziału tekstu na kolumny, której np wcześniej nie było w wordpressowskim edytorze tekstu).

Ale dlaczego zwracam Waszą uwagę na tą wtyczkę Gutenberg.

Ano dlatego, że …

Z nastaniem wersji WordPressa 5.0 będziemy musieli obowiązkowo się z tą funkcją zaprzyjaźnić.

Po prostu po dokonaniu aktualizacji naszego wordpressa do wersji 5.0 (jesteśmy na wersji 4.8), ten edytor tekstu stanie się obowiązujący na wordpressie, czyli będziemy edytować nasze wpisy i strony właśnie w nim.

Ale nie taki diabeł straszny, jak go maluję. Nastanie Gutenberga moim zdaniem należało by traktować jako zmianę w dobrym kierunku, w kierunku lepszego wpasowania się w potrzeby użytkownika.

Oczywiście każda zmiana podświadomie wywołuje niepokój. Ale specjaliści odczytują to tak, że:

intencją było wyjście naprzeciw potrzebom użytkownika, a szczególnie z racji rosnącej popularności tzw Page Builderów, czyli narzędzi do budowania stron (ostatnio pisałam Wam o jednym z nich, czyli wtyczce Elementor),

Gutenber ma w założeniu ułatwić nam tworzenie i dopieszczanie naszych stron i wpisów od strony estetycznej. I w pewnym sensie wzoruje się w swoim sposobie funkcjonowania na przyjaznej odbiorcy zasadzie: bloków, dodawania kolejnych bloków, tworzenia swojej strony z dobranych według własnego uznania bloków.

Za chwilę dokładnie pokażę Wam – jak to działa.

Celem tej zmiany jest ułatwienie użytkownikowi WordPressa tworzenia stron, dopieszczania ich od strony wizualnej, bez znajomości kodowania, bardzo intuicyjną metodą dodawania kolejnych bloków.

W Gutenbergu tworzenie kolejnych wpisów będzie przebiegało na zasadzie dodawania kolejnych bloków.

O co chodzi?

Po zainstalowaniu wtyczki (póki co wtyczki, następnie to będzie zintegrowany z wordpressem edytor), kiedy wejdziemy do edycji wpisu.

Zamiast zwartego pola, w którym dotychczas wpisywaliśmy swój tekst – teraz będziemy funkcjonować blokami.

Gutenberg - nowy edytor treści w WordPressie

Ale to właśnie daje nam większą swobodę ruchu, swobodę rozmieszczenia elementów na stronie według własnego uznania, możliwość stworzenia np przy pomocy tego edytora np strony sprzedażowej naszego produktu, strony do zapisów na newsletter, strony z prezentami czy ebookiem do pobrania.

Gutenberg aadoptuje, czy inspiruje się systemem funkcjonowania Page Builderów, trochę na zasadzie przeciągnij i upuść, a raczej doklej kolejny blok.

Co moim zdaniem daje większą niezależność użytkownikowi WordPressa, który chce uzyskać pewien efekt wizualny, czy wymarzone rozłożenie elementów na stronie, ale nie zna się na kodowaniu.

Czyli tworzenie stron (bo jestem pewna, że Gutenberg będzie coraz bardziej się ulepszał) bez konieczności znajomości kodowania.

I tu podzielę się swoim doświadczeniem, jak nowości instynktownie i intuicyjnie wzbudzają opór szarej materii.

Jak z początku, po zainstalowaniu Gutenberga klęłam na czymś ten świat stoi i odbierałam go jako utrudnienie. Bo po jakiego grzyba chcą mi skomplikować życie tym Gutenbergiem.

Ale te początkowe wątpliwości szybko mi się rozwiały i muszę przyznać, że powoli zaczynam się w nim zakochiwać. Mam nadzieję, że w wzajemnością.

Bo tak jest zawsze: przyzwyczajamy się do pewnych rzeczy, a wtedy jakakolwiek zmiana wywołuje w nas odruch obronny: po jakiego grzyba.

Bo każda zmiana wymaga od nas wysiłku, przełamania w sobie starych przyzwyczajeń.
Ale po stworzeniu kilku wpisów w Gutenbergu:

  • po pierwsze nabrałam wprawy,
  • po drugie: zdałam sobie sprawę, że ten sposób tworzenia treści, czy wręcz ten sposób myślenia przy tworzeniu treści – blokami po prostu wciąga.

A skoro zmusza przy tworzeniu kolejnego tekstu do myślenia w kategoriach bloków, czyli dodawania kolejnych bloków,  jest to dobra rzecz, która naturalnie będzie zmuszać nas do tworzenia coraz bardziej czytelnych dla odbiorców wpisów z podziałem na paragrafy z wyróżnionymi tytułami, wzbogaconych o całą serię dodatków typu: zdjęcia, embedowane treści z innych social mediów, dołączone jednym kliknięciem linki do najnowszych wpisów (wewnętrzne linkowanie)…

Ale przyjrzyjmy się Gutenbergowi od strony praktycznej.

Co zmieni się z Gutenbergiem?

Gutenberg - nowy edytor treści w WordPressie

Przede wszystkim zmieni się od strony wizualnej obszar edycji wpisów.

Tzn mamy tu do dyspozycji te same elementy, co wcześniej. Tyle, że rozłożone bardziej intuicyjnie.

Funkcjonujące na zasadzie przeciągnij i wklej, a raczej dodawania kolejnych bloków…

Gutenberg - nowy edytor treści w WordPressie

Pusty wpis prezentuje się właśnie tak: wyraźne miejsce na dodanie tytułu (Add title) i poniżej na dodanie treści wpisu (Add your strory).

Tekst tworzymy na zasadzie dodawania kolejnych bloków. Znaczek plusik + i Add block.

Gutenberg - nowy edytor treści w WordPressie

Tu po naciśnięciu na ten plusik mamy przegląd elementów, które możemy dalej wykorzystać.

Gutenberg - nowy edytor treści w WordPressie

Kliknęłam na „Paragraf” i wkleiłam mój tekst (tekst wpisu) uprzednio przygotowany w edytorze tekstu.

Teraz będę ten tekst obrabiać (pod kątem jego czytelności i SEO), przy użyciu Gutenberga. Czyli podzielę swój tekst na osobne paragrafy z wyróżnionymi podtytułami i dodam zdjęcia.

Po wklejeniu tekstu w całości, został on automatycznie, w miejscach spacji, podzielony przez wtyczkę Gutenberg na oddzielne paragrafy. Z których każdy jest traktowany jako osobny blok.

Teraz mogę zmienić jakby wartość danego bloku tekstu. Jeżeli wklejając cały tekst oznaczyłam go jako „paragraf”, teraz mogę zazanczyć jego fragmenty jako osobne bloki i zmienić ich funkcję.

Czyli mogę oznaczyć wybrane jego fragmenty, jako: tytuły paragrafów, oznaczyć jako cytat, czy jako wypunktowaną listę.

W tym celu najeżdżam na dany blok tekstu i klikam na ikonkę oznaczającą go jako paragraf w lewym górnym rogu. A wtedy pojawiają mi się do wyboru następujące możliwości:

Gutenberg - nowy edytor treści w WordPressie

Teraz, kiedy np oznaczyłam wybrany fragment tekstu jako title – tytuł paragrafu, mogę nadać mu oznaczenie H2, H3,… (czyli odpowienią hierarchię ważności). Jak i mogę go wyjustować do prawej, do lewej, czy wycentrować.

Gutenberg - nowy edytor treści w WordPressie

I to na 2 sposoby, mamy odpowiednie ikonki nad daną porcją tekstu, albo z prawej strony, opcje edycji danego bloku tekstu.

Teraz, gdybym przy powtórnym czytaniu mojego tekstu chciała zmienić kolejność poszczególnych paragrafów, mogę przemieszczać je zaznaczonymi strzałkami – Move down, Move up – w górę i w dół.

Gutenberg - nowy edytor treści w WordPressie

Teraz gdybym chciała dodać w dowonym miejscu, dodatkowy fragment tekstu – mam po pierwsze klikając na dowolną partię tekstu – ujawniający się przycisk +.

Gutenberg - nowy edytor treści w WordPressie

Albo

Przy każdym bloku, po najechaniu na niego, pojawiają nam się dostępne opcje edycji, a po kliknięciu w 3 kropeczki, znajdziemy dodatkowe możliwości, czyli: Insert Before (wstaw przed), Insert After (wstaw po). Czyli możliwość dodanie kolejnej partii tekstu: przed, albo po danym bloku.

Gutenberg - nowy edytor treści w WordPressie

Teraz, jeżeli chciałabym w dowolnym miejscu wpisu dodać zdjęcie – dodaję nowy blok – ze zdjęciem Image.

Gutenberg - nowy edytor treści w WordPressie

I teraz mam możliwość, albo wykorzystania fotki, którą już mam w zasobach bloga – w bibliotece mediów (Media Library), albo pobieram ją i ładuję z zasobów komputera (Upload).

Gutenberg - nowy edytor treści w WordPressie

W ramach edycji, czy dostępnych narzędzi do edycji, mamy możliwość przekształcenia danego bloku tekstu na tzw VERSE, co pozwala go w bardziej wyrazisty sposób zaznaczyć. Jak w poniższym przykładzie.

Gutenberg - nowy edytor treści w WordPressie

Gutenberg - nowy edytor treści w WordPressie

Możemy przerobić wybrany fragment tekstu w wypunktowaną listę.

Gutenberg - nowy edytor treści w WordPressie

Gutenberg - nowy edytor treści w WordPressie

Możemy dowolny fragment tekstu – wyróżnić, uwypuklić – odznaczyć innym kolorem.

Gutenberg - nowy edytor treści w WordPressie

Kiedy jesteśmy w edycji danego paragrafu, po prawej stronie w ramach narzędzi stylu mamy opcję doboru koloru Color Settings.

Podobnie możemy zaznaczyć sobie wybrany blok tekstu jako cytat.

Gutenberg - nowy edytor treści w WordPressie

W ramach bloków, które mamy do dyspozycji w ramach wtyczki Gutenberg – mamy możliwość „embedowania”, czyli dodania na stronie np filmu z You Tube, czy zdjęcia z Instagrama, pobierając stamdąd jego kod, albo w przypadku You Tube – jego link.

Gutenberg - nowy edytor treści w WordPressie
Teraz wystarczy, że wkleimy link z You Tube i klikniemy na Embed celem pobrania go.

Gutenberg - nowy edytor treści w WordPressie

Mamy tutaj również np możliwość dodania zainstalowanych na stronie widetów.

Gutenberg - nowy edytor treści w WordPressie

Np ja w moim przypadku dodałam widget z najnowszymi postami pod treścią wpisu.

Gutenberg - nowy edytor treści w WordPressie

Z prawej strony możemy przełączać się pomiędzy edycją kolejnych bloków tekstu (Block), jak i edycją całego dokumentu (Document).

Gutenberg - nowy edytor treści w WordPressie

W kolumnie Document mamy możliwość przypisania wpisu do danej kategorii, przyklejenia go do strony głównej, dodania tagów, obrazka wyróżniającego itp.

W prawym górnym rogu mamy ikonki pozwalające na zapisanie szkicu wpisu (Save Draft), Podejrzenie go na podglądzie Preview, Opublikowania go (Publish).

Gutenberg - nowy edytor treści w WordPressie

A jeżeli macie zainstalowaną na blogu wtyczkę Seo by Yoast – polecam – przechodzicie do sprawdzania wpisu pod kątem SEO przewidzianego przez tę wtyczkę.

PODSUMOWANIE

Guttenberg: czy te zmiany idą w dobrym kierunku?

Moim zdaniem TAK.

Specjaliści zwracają uwagę na to, że ta wtyczka coraz bardziej przybliża edycję tekstu w wordpressie do funkcjonowania tzw Page Builderów.

Chodzi o to, żeby stworzenie dowolnej strony w wordpressie, czy to kolejnego wpisu, czy np. strony z zapisami na newsletter, strony dla danego produktu, dla ebooka do pobrania – było prostsze.

Bo w podobny sposób, jak edytujemy kolejne wpisy na blogu możemy edytować dowolne strony, umieszczać na nich różne elementy, w różny sposób rozplanować ich rozmieszczenie i wygląd strony jako całości. To wszystko funkcjonuje na zasadzie dodawania kolejnych bloków. Myślenie blokami.

Nie ma co się bać Gutenberga. To będzie obowiązkowy edytor WordPressa począwszy, czy z nastaniem jego wersji 5.0. Jesteśmy w tym momencie wersji 4.8. Mamy jeszcze czas, żeby się z nim zapoznać i oswoić.

Ale wydaje mi się, że jest to bardzo instynktowny i intuicyjny edytor. I generalnie ta ewolucja wordpressa idzie w dobrą stronę – edytora bardziej przyjaznego dla użytkownika, który niekoniecznie zna się na kodowaniu, a który po prostu samodzielnie będzie móg na czuja zrobić i ogarnąć pewne rzeczy.

Pozdrawiam serdecznie

Beata

Zapisz się na Newsletter

More from BEATA REDZIMSKA

W cyklu blogerzy radzą: Co chciałabym wiedzieć, zanim zaczęłam blogowanie?

W tym wpisie udało mi się namówić 11 fantastycznych blogerek do powrócenia...
Read More

8 komentarzy

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *