Gutenberg. Czy potrzebujemy kolejnego edytora wizualnego?

Wkrótce edytor Gutenberg WordPress stanie się częścią rdzenia WordPressa. Poznajmy więc to nowe narzędzie już dziś i dowiedzmy się, jak działa.

Czy potrzebujemy Gutenberga?

Gutenberg to nowy edytor WordPress. Jego nazwa pochodzi od Johannesa Gutenberga, twórcy pierwszej na świecie przemysłowej metody druku.
W tej chwili Gutenberg jest wtyczką, jednakże, zgodnie z zapowiedzią firmy Automattic, w niedalekiej przyszłości stanie się integralną częścią WordPressa.
Zastępuje edytor treści TinyMCE i ma znacznie więcej do zaoferowania. Od shortcode’ów, przez widgety, menu, a nawet tzw. pola niestandardowe. Jest to interfejs stworzony dla użytkownika w oparciu o bibliotekę JavaScript – React, który do budowania treści wykorzystuje system oparty na blokach.
Wtyczka ma obecnie ponad 5000 aktywnych instalacji, ponad 91 000 pobrań i 2,5 na 5 gwiazdek. Do jej użycia wymaga również wersji WordPressa 4.8.
Ponieważ Gutenberg jest nadal w fazie testów, zespół nad nim pracujący zachęca do wypróbowania go i zostawiania komentarzy i opinii na forum pomocy technicznej WordPressa lub otwierania problemów na GitHubie. Ważne jest również, że w przeciwieństwie do wielu innych edytorów stron internetowych, odinstalowanie Gutenberga nie zniszczy Twojej witryny.

Bloki – łatwość obsługi

Cytując opis wtyczki WordPress.org: „Celem edytora bloków jest dodawanie bogatej treści do WordPressa w prosty i przyjemny sposób”. Według specjalistów WP, jest to ważny krok w WordPressie. Gutenberg pozwala na tworzenie układów treści, a nie tylko pisanie artykułów. W ten sposób WP dąży do coraz bardziej uproszczonego interfejsu użytkownika.
Bloki dostępne w wersji demonstracyjnej podzielone są na kategorie: wspólne, formatowanie, bloki układu i widżety.WordPress zapewnia również, że będziesz mógł tworzyć własne bloki dla niestandardowej zawartości.

Rysunek 1. Bloki dostępne w wersji demonstracyjnej Gutenberga.

Gutenberg przechowuje informacje o blokach w komentarzach HTML, które są widoczne tylko w zapleczu. Nie są one renderowane na aktywnych stronach.

Rysunek 2. Praca z blokami w edytorze Gutenberga.

Dodatkowo, edytor wprowadza opcje:

Blok tabeli i kolumna tekstowa

Wstawianie tabel jest teraz znacznie prostsze, ponieważ wstawiamy je jako bloki w edytorze. Nie musimy już korzystać z wtyczek ani kodu HTML.

Blok aktywnego HTML

Tak zwany aktywny blok HTML pozwala na wstawienie kodu i podgląd bezpośrednio w bloku, bez przełączania się między edytorem wizualnym a tekstowym.

Przeciągnij i upuść obrazy

Gutenberg umożliwia tak zwane „przeciągnij i upuść” (drag and drop) obrazów, bezpośrednio do bloku obrazów. Możesz również dodawać klasy CSS do konkretnych bloków.

Własne i niedawne bloki

Ta opcja pozwala na korzystanie z własnych, zapisanych bloków. Aby przyspieszyć pracę, mamy również zakładkę z niedawno używanymi blokami.

Rysunek 3. Niedawne bloki.

Autouzupełnianie ukośnikiem (Slash Autocomplete)

Pozwala na użycie autouzupełniania do wstawiania bloków. Dla osób, które na co dzień korzystają ze Slacka, jest to znany sposób na szybkie formatowanie treści w pożądany sposób.

Kotwica (Anchor)

Opcje kotwic były potrzebne w rdzeniu WordPressa od dawna. Dodawanie kotwic pozwala na bezpośrednie połączenie do konkretnej sekcji lub nagłówka w artykule.

Zdjęcie 4. Niektóre opcje dostępne w edytorze Gutenberg.

Gutenberg pozwala również na stylizowanie tekstu w blokach. Od zmiany czcionki, jej rozmiaru, po kolor. Edytor liczy również liczbę słów i bloków. Ponadto możemy dodawać bloki z cytatami. Wprowadza także nowe opcje wyrównania. Istnieje wiele nowych opcji: od dodawania osadzonych treści (embeds) po tworzenie przycisków w edytorze.
Istnieje również opcja szybkiej zmiany bloku, np. z cytatu na zwykły tekst, lub opcja łatwej zmiany rozmiaru obrazu.

Przyszłość WordPressa

Na razie Gutenberg to nowy edytor, ale w kolejnym kroku będzie personalizatorem (customizerem). W ostatecznej wersji WordPressa będzie dążył do bycia kreatorem stron (page builderem), co może zwiastować koniec płatnych kreatorów stron działających w obszarze WordPressa.

Zdjęcie 5. Gutenberg na urządzenia mobilne.

Wtyczka ma wiele plusów, jednak użytkownicy zauważyli również kilka minusów:

• komponowanie w przeglądarce – interfejs użytkownika skupia się na układzie treści, a nie na tworzeniu treści.
• brak shortkodów w paragrafach – aktualnie nie można zarządzać shortkodami w kolumnach tekstowych lub blokach akapitów.
• nie można zawijać tekstu wokół obrazu – każdy obraz ma swój własny blok.

Na razie edytor nadaje się do prostego bloga i nie jest rekomendowany do tworzenia profesjonalnych witryn. Jednak specjaliści z WordPress’a będą ulepszać Gutenberga i może pod koniec tego roku będzie nadawał się do tworzenia bardziej złożonych stron. Zobaczymy, co przyniesie nam przyszłość. Wiadomo również, że nowe rzeczy często odstraszają ludzi.

WordPress dąży do bycia programem najprostszym i najbardziej intuicyjnym z możliwych. Projekt Gutenberg to duży krok w tym kierunku. Jakie są Twoje przemyślenia na temat tego projektu? Co chciałbyś zobaczyć w WordPressie w przyszłości? Podziel się swoimi przemyśleniami w komentarzach poniżej.