Edytor Gutenberg. Co potrafi i jak działa?

W wersji WordPress 5.0 i kolejnych wydaniach zmienił się standardowy edytor podstron. Domyślnie zainstalowany jest teraz edytor Gutenberg.

Wielu wciąż go przeraża i myli. W rzeczywistości nie jest tak strasznie. Przygotowaliśmy przegląd podstawowych funkcji Gutenberga. Dowiesz się:

• Jak działa Gutenberg?

• Jak edytować przy jego pomocy podstrony?

• Jakie są jego mocne i słabe strony?

Gutenberg a edytor wizualny WordPressa: jak było wcześniej? 

Stary edytor wszyscy lubili za prostotę. Ale ta prostota miała też drugą stronę. Bez edytowania kodu html nie dało się zrobić podstron z niestandardowym układem. A sama praca z html wymagała więcej czasu i głębszej znajomości tego języka.

Przez to wszystko deweloperzy z czasem zaczęli myśleć o zasadniczo nowych edytorach blokowych. Jednym z rozwiązań (obok Elementora i WPBakery Page Buildera) stał się edytor Gutenberg. 

Żeby każdy mógł zdecydować, czy używać Gutenberga w pracy nad projektami, opowiemy o plusach i minusach edytora. Zacznijmy od dobrych stron. 

Zalety edytora Gutenberg 

Jeśli spojrzeć na nowy edytor spokojniej i obiektywniej, znajdzie się w nim wiele wygodnych funkcji i rozwiązań. Pokażemy te najważniejsze.

Blokowa zasada działania 

Sama zasada działania to duży plus edytora. Wszystkie elementy podstron przedstawione są w formie bloków, które składasz, otrzymując gotową podstronę. 

Każdy blok to osobny typ treści albo element podstrony. Wśród bloków, które ma Gutenberg:

• nagłówki;

• akapity;

• przyciski;

• galerie;

• pojedyncze obrazy. 

Wszystkie bloki mają po kilka ustawień. Na przykład jeśli chcesz stworzyć przycisk na podstronie, możesz zmienić jego rozmiar, napis, kształt, położenie i inne parametry.

Będziesz też mieć dostęp do bloków zawierających treści od zewnętrznych dostawców: 

• Reddit;

• TED;

• SoundCloud i wielu innych.  

Edytor TinyMCE jest nadal dostępny

Edytor TinyMCE wciąż jest dostępny. Ma własny blok o nazwie „Klasyczny”. Wystarczy kliknąć krzyżyk w menu, otworzyć listę bloków i wybrać w niej wariant „Klasyczny”. 

To dobra opcja dla tych, którzy przechodzą na Gutenberga stopniowo.

Deweloperzy mogą dodawać do edytora własne bloki 

Gutenberg to edytor przyjazny deweloperom. Nie trzeba już tworzyć shortcode'ów, gdy potrzebne są niestandardowe bloki. Można stworzyć własne bloki wizualne, dodać je do menu Gutenberga i korzystać z nich stale. 

Jeśli w jakichś wpisach używałeś shortcode'ów, będą one nadal działać z nowym edytorem. Łatwo znajdziesz wtyczki blokowe, które dobrze współpracują z Gutenbergiem — wśród nich Yoast, Jetpack i inne. 

Nawiasem mówiąc, znalezienie potrzebnych bloków jest bardzo proste. Służy do tego wbudowane okno wyszukiwania. Wpisz nazwę potrzebnego bloku w pole, a kreator sam pokaże Ci właściwy element.

Wszystkie bloki można konfigurować i przesuwać 

Bloki można przesuwać w górę, w dół i na boki oraz konfigurować. Da się to robić zwykłym przeciąganiem albo strzałkami. 

W prawym panelu bocznym skonfigurujesz cały dokument i poszczególne bloki. Na przykład w ustawieniach bloku akapitu zmienisz rozmiar czcionki, styl i inne cechy tekstu. 

Pełne statystyki utworzonych publikacji

Jednym kliknięciem myszy uzyskasz pełną statystykę utworzonego materiału: liczbę słów, obrazów, łączną objętość tekstu i inne informacje.

Informacje uzyskasz, klikając małą ikonę „i” u góry, nad edytorem bloków. 

Wady edytora 

Robimy obiektywny przegląd, więc warto porozmawiać i o słabych stronach edytora.

Nieprzyzwyczajony interfejs

To główna skarga wszystkich, którzy przechodzą na nowy edytor. Rzeczywiście, niemal wszystkie funkcje przebudowano, a menu zrobiono zupełnie inaczej niż w poprzednich wersjach. Wielu to nawet odstraszy od WordPressa. Ale jesteśmy przekonani, że rzecz nie w samym edytorze, lecz w sile przyzwyczajenia. Popracuj chwilę w nowym środowisku, a Gutenberg wyda się dość wygodny i logiczny.  

Zauważmy, że usuwanie bloków jest dość niewygodne. Trzeba znaleźć na pływającym panelu ikonę „Więcej opcji” i dopiero tam funkcję „Usuń blok”.

Gutenberg czasem konfliktuje z motywami i starymi wtyczkami

Na ten problem zwraca się mniej uwagi, choć jest znacznie poważniejszy. Twórcy Gutenberga dołożyli wszelkich starań, żeby był maksymalnie zgodny. Ale nieprzyjemne niespodzianki też się zdarzają. 

Gutenberg obsługuje również metabloki dodawane przez inne wtyczki.

Gutenberg powiela wiele funkcji kreatorów wizualnych 

Gutenberg i niektóre kreatory podstron mają konkurencyjne funkcje. Jednym z przykładów jest dodawanie przycisków. W niektórych przypadkach prowadzi to do zamieszania i problemów. 

Dlatego radzimy wdrażać Gutenberga ostrożnie i robić kopie zapasowe przed tworzeniem nowych podstron. 

Nie działa wiele skrótów klawiszowych

Znane ze starego edytora kombinacje klawiszy w Gutenbergu już nie działają. Często wiąże się to z blokową zasadą budowy podstron. Pierwsze, co rzuca się w oczy, to że nagłówka nie utworzysz już skrótem klawiszowym. Da się to zrobić tylko specjalnym blokiem z zestawu elementów edytora. 

W menu narzędzi i opcji (trzy kropki u góry po prawej) pozostała pozycja ze skrótami klawiszowymi. Zobaczysz tam nowe działające kombinacje.

Stare kombinacje działają wewnątrz bloków klasycznych. 

Podsumowanie 

Ogólnie edytor jest dość funkcjonalny i wygodny. Na razie wciąż budzi pewną niechęć i opór w społeczności miłośników WordPressa. To zrozumiałe, zwłaszcza gdy zwrócić uwagę na realne słabe punkty edytora. 

Zupełnie oczywiste jest, że Gutenberg będzie się jeszcze zmieniać, i to dość poważnie. Na ile udane będą te zmiany, pokaże czas. A my będziemy opowiadać Ci o najważniejszych rzeczach ze świata hostingu, tworzenia stron i marketingu online.