Home / Blog / WordPress Gutenberg – czy to dobre rozwiązanie?

WordPress Gutenberg – czy to dobre rozwiązanie?

WordPress Gutenberg – czy to dobre rozwiązanie?

Edytor blokowy WordPress Gutenberg jest to nowy edytor treści w systemie zarządzania treścią WordPress. Został on domyślnie zaimplementowany do WordPress’a dopiero w wersji 5.0. Czy warto z niego korzystać, czy lepiej zostać przy klasycznym edytorze?

Gutenberg – co to właściwie jest?

WordPress Gutenberg to edytor treści oparty na blokach, które umożliwiają użytkownikom tworzenie i edytowanie treści za pomocą pojedynczych bloków treści. Każdy blok reprezentuje określony element, tak jak akapit, obraz, nagłówek lub wideo i może być dostosowany i ustawiony w różnych układach. 

W edytorze Gutenberg użytkownicy mogą tworzyć skomplikowane układy z łatwością, bez potrzeby znajomości kodowania lub specjalistycznych umiejętności technicznych, w większości nawet bez dodatkowych wtyczek. Edytor Gutenberg został również zaprojektowany tak, aby działać płynnie z WordPress przy użyciu nowoczesnych technologii webowych, takich jak React i Redux. Teraz edytor WordPress to system blokowy, w którym wszystko wstawisz metodą “przeciągnij i upuść”.

Gutenberg i układ blokowy

Poszczególne bloki tworzy się poprzez naciśnięcie klawisza Enter lub za pomocą kliknięcia myszki w obszar poniżej ostatniego bloku. Edytor bloków WordPress Gutenberg oferuje następujące rodzaje bloków:

  • cytaty,
  • akapity,
  • przyciski,
  • separatory,
  • nagłówki,
  • kod,
  • tabelki,
  • widżety mediów społecznościowych,
  • obrazki oraz materiały wideo.

Czy Gutenberg w WordPress jest dobrym narzędziem?

Gutenberg – domyślny edytor blokowy w WordPressie – jest dobrym narzędziem, ponieważ ma wiele zalet, w tym w szczególności:

1. Łatwość użytkowania: Gutenberg oferuje intuicyjny interfejs użytkownika, który jest łatwy do nauczenia się i używania nawet dla początkujących użytkowników WordPress.

2. Wiele funkcji: Gutenberg oferuje wiele funkcji, takich jak bloki treści, które pozwalają użytkownikom łatwo tworzyć różne rodzaje treści, takie jak strony, wpisy blogowe i galerie zdjęć.

3. Wsparcie dla wielu wtyczek: Dzięki temu, że Gutenberg jest teraz standardowym edytorem w WordPress, większość wtyczek (Gutenberg Plugin) jest zoptymalizowana do pracy z nim, co ułatwia tworzenie stron internetowych.

4. Aktualizacje bezpieczeństwa: Gutenberg jest regularnie aktualizowany i zapewniane są poprawki bezpieczeństwa, co sprawia, że jest bezpieczny do użytku.

5. Wsparcie dla responsywności: Gutenberg oferuje wiele narzędzi, które pozwalają tworzyć treści, które są responsywne i dostosowują się do różnych rozmiarów ekranów.

6. Personalizacja: Możliwość łatwej personalizacji szablonów i stylów poprzez zastosowanie bloków w edytorze wizualnym, łatwiej niż w klasycznym edytorze tekstu.

7. Rozwój: Gutenberg udostępnia możliwość rozbudowy deweloperom wtyczek i motywów niestandardowych bloków napisanych w czystym kodzie w oparciu o wcześniej przygotowane projekty graficzne. Bloki można rozwijać w dowolnym kierunku.

Gutenberg a inne edytory (page buildery)

Korzystają z WordPressa, posłużyć się można także innym page builderem. Na układzie blokowym bazują na przykład Elementor i DIVI, lecz są to rozwiązania napisane przez zewnętrznych dostawców jako wtyczka do WordPress.

Funkcjonalność

Gutenberg to edytor blokowy, który oferuje podstawowe funkcje do tworzenia treści. W page builderze takim jak Elementor znajdziemy wiele dodatkowych funkcji, takich jak zaawansowane style, animacje, interaktywne efekty, itp.

Interfejs użytkownika

Gutenberg oferuje intuicyjny interfejs użytkownika, który jest łatwy do nauki i używania. Elementor i DIVI oferują bardziej rozbudowane interfejsy, które mogą wymagać dłuższego czasu, aby się ich nauczyć, ale zapewniają więcej możliwości personalizacji i kontroli nad projektami.

Współpraca z motywami

Gutenberg jest zintegrowany z systemem WordPress i działa z większością motywów. Elementor i DIVI są zintegrowane z własnymi motywami kompatybilnymi z tymi konkretnymi Page Builderami.

Dostępność wtyczek i szablonów

Gutenberg oferuje dużą liczbę darmowych szablonów i wtyczek. Elementor i DIVI oferują jeszcze więcej darmowych i płatnych szablonów oraz wtyczek, co pozwala na szybsze i łatwiejsze tworzenie treści.

Wymagania techniczne

Gutenberg jest wgrany domyślnie do WordPress i nie wymaga dodatkowej instalacji. Elementor i DIVI wymagają zainstalowania odpowiednich wtyczek, co może wpłynąć na wydajność strony.

Rozwój wtyczek i motywów

Gutenberg stwarza deweloperom możliwość rozwoju wtyczek lub motywów w oparciu o niestandardowe bloki, które mogą samodzielnie stworzyć. Udostępniona jest obszerna dokumentacja, dzięki której można utworzyć blok dostosowany pod wymagania projektu. Gutenberg jest na tyle elastyczny, że można blok stworzyć w nowoczesnych technologiach takich jak React. Elementor i DIVI są to zamknięte narzędzia, gdzie deweloperzy nie mają możliwości dodawania swoich niestandardowych rozwiązań.

Wydajność Gutenberga

Gutenberg może pochwalić się szybkością edycji, zapisu bloków oraz prędkością wczytywania się strony. Szybkość wczytywania się strony, jest to bardzo ważny aspekt dla pozycjonowania strony, ponieważ jeżeli czas ten się wydłuża to automatycznie wpływa to na wyniki w pozycjonowaniu się strony w wyszukiwarkach. Gutenberg nie dodaje zbędnego, niepotrzebnego kodu do końcowego wyniku HTML oraz styli CSS. Porównując do page builderów jest to bardzo wydajne narzędzie, które nie obciąża mocno stron.

Rozwój i development bloków w Gutenbergu

Gutenberg umożliwia deweloperom rozwój swoich bloków w różnego rodzaju wtyczkach czy niestandardowych motywach. Dzięki możliwości rozwoju Gutenberga można przygotować stronę internetową z podziałem na bloki zgodnie z przygotowanym projektem graficznym i nie tylko. Dodatkowo deweloperzy mogą tworzyć niestandardowe sekcje, które mogą pomóc użytkownikom w samodzielnej edycji całej witryny.

Przykładem takich sekcji są responsywne odstępy, które automatycznie obliczają odstęp pomiędzy sekcjami, a użytkownik może samodzielnie je dodać. Wśród bardzo ciekawych rozwiązań, które posiada Gutenberg, jest możliwość stworzenia grupy/układu bloków i zapisania go do biblioteki, aby móc wykorzystać taki sam blok ponownie na innych podstronach bez konieczności ponownego tworzenia tej samej grupy. 

Gutenberg korzysta z REST API, które udostępnia WordPress. Dzięki temu API deweloperzy z łatwością mogą wykorzystać popularny framework front-endowy – React. Kolejne ciekawe rozwiązanie to obsługa wielu języków bloków za pomocą i18n w JavaScript. Development Gutenberga można zrobić również za pomocą podstawowego jego języka programowania – PHP, lecz to bloki stworzone w React są bardzo lekkie, bezpieczne i wydajne. Dodatkowe bloki z łatwością można więc kodować, mając specjalistyczną wiedzę z zakresu Javascript, PHP oraz WordPress’a. Wszystkie bloki są blokami wielokrotnego użytku. Nowa opcja dodawania bloków dostępna jest od aktualizacji WordPressa.

WordPress Gutenberg a klasyczny edytor

Klasyczny edytor oferował praktycznie tylko funkcję pisania tekstu i dodawania obrazów. Bloki Gutenberga to na chwilę obecną gotowe elementy strony, nie tylko tekstowe i obrazowe. Można je samodzielnie dodać do wpisu, strony lub niestandardowych post type. Dzięki łatwemu systemowi edycji “drag & drop” użytkownik bez zaawansowanej znajomości programowania może wyklikać podstronę i tworzyć własne strony internetowe. Otrzymuje gotowy zestaw funkcji umożliwiających proste działania za pomocą bloków. Nowy blok można również kopiować z biblioteki bloków Gutenberga udostępnianej przez twórców WordPress’a. 

Jest to bardzo dobre narzędzie, dużo nowsze od klasycznego edytora WordPress. Jest to też świetna opcja dla użytkowników, którym klasyczny edytor po prostu nie wystarczał. Z nowego edytora ucieszą się przede wszystkim ci, którzy z pomocą WordPressa chcą samodzielnie tworzyć podstrony i mieć dużo opcji edycji. Warto jednak mieć na uwadze, że Gutenberg nie oferuje możliwości przełączenia trybu wizualnego na tekstowy, a opcję tę oferował klasyczny edytor.

Zobacz podobne wpisy blogowe

Chcesz stworzyć serwis internetowy lub go rozwinąć?

Jesteś w dobrym miejscu - porozmawiajmy!

tamago-image
Adam Panas

Porozmawiajmy o Twoim projekcie.