Wprowadzenie do edytora bloków WordPress Gutenberg

WordPress istnieje od 2003 roku, a w ciągu ostatnich 17 lat przeszedł ogromne zmiany i ulepszenia. Jednym z największych osiągnięć w jego najnowszej historii było wprowadzenie nowego edytora treści – Gutenberga.

Edytor bloków to ogromne przedsięwzięcie, które powstało z myślą o ułatwieniu procesu tworzenia i publikowania bogatej treści w WordPressie.

W tym podsumowaniu przedstawimy Ci edytor bloków WordPress Gutenberg i pokażemy, jak go używać do tworzenia treści.

Co to jest Gutenberg

Gutenberg zastąpił edytor TinyMCE jako domyślny edytor WordPress 6 grudnia 2018 r., Kiedy uruchomiono wersję 5.0 WordPress. Ale dlaczego w ogóle powstał Gutenberg? Większość użytkowników WordPressa była już przyzwyczajona do korzystania z Edytora klasycznego, więc czy programiści nie mogliby go po prostu zaktualizować, aby był bardziej wydajny?

Okazuje się, że nie mogli po prostu ulepszyć funkcji TinyMCE, bo to by nie wystarczyło. WordPress musiał dokonać poważnej zmiany, aby nadążyć za potężnymi kreatorami stron. Elementor, WPBakery, Budowniczy bobrów stały się bardzo popularne i są popularnym rozwiązaniem dla wielu osób, jeśli chodzi o tworzenie stron internetowych.

Edytor klasyczny po prostu nie jest wystarczająco wydajny ani wszechstronny. Przede wszystkim jest oparty na tekście. W porównaniu z bardziej wizualnymi edytorami, z których większość oferuje funkcję przeciągania i upuszczania, jasne jest, dlaczego użytkownicy woleliby to drugie. Ponadto edytor klasyczny nie jest tak konfigurowalny… więc nie jest zaskakujące, że tak wiele osób zdecydowało się na korzystanie z kreatorów stron, które oferują znacznie więcej opcji i zapewniają przyjemne tworzenie stron internetowych.

WordPress musiał ewoluować, aby pozostać preferowanym CMS dla użytkowników. A jego odpowiedzią na stanie się potężniejszą platformą jest edytor bloków Gutenberg.

Jak działa Gutenberg

Do tworzenia, formatowania i stylizowania treści Gutenberg używa bloków. Jest całkowicie intuicyjny, łatwy w użyciu i umożliwia użytkownikom tworzenie dowolnych treści za pomocą bloków.

Blokiem może być wszystko: fragment tekstu, obraz, przycisk, wideo, widżet, fragment kodu itp.

Gutenberg integruje wiele predefiniowanych bloków, ale wiele innych jest dostępnych jako dodatki innych firm.

Ideą Gutenberga było opracowanie edytora treści typu „przeciągnij i upuść”, który emuluje sposób działania kreatorów stron. Możesz manewrować blokami, zmieniać ich kolejność i umieszczać je w dowolnym miejscu na stronie. Każdy blok działa jak jednostka, którą możesz modyfikować niezależnie od innych bloków. Ale problem polega na tym, że Gutenberg wciąż pracuje i brakuje mu wielu opcji, które domyślnie włączają kreatory stron.

Powinien być odpowiedni dla wszystkich zwykłych użytkowników WordPressa, ale prawda jest taka, że ​​w niektórych przypadkach, zwłaszcza pod względem dostosowywania, musisz użyć niestandardowego CSS (lub poszukać odpowiednich dodatków innych firm), aby stylizować swoje bloki. Ale jeśli wybierzesz potężny motyw WordPress dla swojej niszy, który zawiera szeroki asortyment wtyczek, widżetów i skrótów, być może będziesz w stanie grać więcej i budować swoje witryny tak, jak chcesz.

To, co szczególnie irytuje niektórych użytkowników WordPressa, to fakt, że Gutenberg został na nich zmuszony. Edytor klasyczny jest teraz dostępny tylko jako wtyczka, a WordPress przestanie go wspierać od 2022 roku. Ludzie są niezadowoleni, ponieważ uważają, że edytor bloków nie został jeszcze w pełni opracowany, i to jest jeden z powodów, dla których ma średnia ocena 2 gwiazdek. Wciąż jest wiele do zrobienia, więc wielu użytkowników zdecydowało się pozostać przy Edytorze klasycznym lub przełączyć się na kreatory stron.

Jednak twórcy stale pracują nad aktualizacją Gutenberga, a każda aktualizacja była lepsza od poprzedniej. Edytor bloków nie osiągnął jeszcze swojej świetności, a w pewnym momencie prawdopodobnie znacznie trudniej będzie zdecydować, co jest lepsze dla użytkowników, Gutenberga lub twórców stron. W obecnej sytuacji Gutenberg jest dobrym wyborem dla początkujących WordPress i przyzwoitym substytutem kreatorów stron, jeśli korzystasz z darmowych motywów WordPress. Nie dziwi jednak fakt, że osoby, które od dawna korzystają z WordPressa oraz osoby, które przyzwyczaiły się do potęgi zaawansowanych kreatorów stron, nie są nim tak zachwycone.

Jak tworzyć treści w Gutenberg

Przyjrzyjmy się więc bliżej, jak działa Gutenberg. Zamierzamy dodać utworzyć nowy post, przechodząc do Posty > Dodaj nowy.

Pierwsze dwa bloki, na które się natkniesz, to blok tytułu i akapitu. Będą tam, czekając na Ciebie w świeżo utworzonym poście. Możesz wprowadzić nazwę nowego posta, a następnie wprowadzić treść w sekcji akapitu. Wspomnieliśmy wcześniej, że w edytorze bloków są różne rodzaje bloków. Aby dodać różne rodzaje treści do swojej witryny, poszukaj + ikona (Dodaj nowy blok). Znajdziesz go w lewym górnym rogu edytora lub po lewej stronie bloku.

O wiele szybszym sposobem dodawania bloków jest wpisanie symbolu ukośnika ( / ), po którym następuje nazwa bloku, który chcesz wstawić.

Aby znaleźć potrzebny blok, możesz również wpisać słowo kluczowe w pasku wyszukiwania lub przejrzeć listę dostępnych bloków, przeglądając kategorie. Niektóre z polecanych kategorii to Formatowanie, Widżety, Elementy układu, Wspólne blokiitp. Klocki, których często używasz, są umieszczane pod Najbardziej używane Kategoria. Najczęściej używane bloki to Pospolity bloki i obejmują wyżej wymienione bloki tytułu i akapitu, blok obrazu, blok galerii, blok cytatu itp.

Po kliknięciu bloku wydarzą się dwie rzeczy – nad blokiem pojawi się pasek narzędzi, a po prawej stronie ekranu pojawi się pasek boczny z dostępnymi ustawieniami bloku. Każdy blok ma własne opcje dostosowywania, dlatego opcje na pasku narzędzi i na pasku bocznym zwykle różnią się w zależności od bloku.

Na przykład, jeśli chcemy dodać Ustęp blok na naszej stronie, tak wygląda jego pasek narzędzi.

A oto opcje edycji na pasku bocznym:

Możesz modyfikować różne rzeczy, takie jak ustawianie rozmiaru czcionki, włączanie inicjałów, a także wybieranie kolorów tła i tekstu.

Jeśli chcesz zwolnić trochę miejsca na ekranie i ukryć pasek boczny, kliknij przycisk Ustawienia w prawym górnym rogu ekranu.

Bloki wielokrotnego użytku

Wspaniałe w Gutenbergu jest to, że pozwala zapisz swoje bloki i użyj ich ponownie w innym czasie, nawet na innej stronie WordPress. Możesz stworzyć swój własny rodzaj bloku, zapisywać zawartość i używać jej ponownie w dowolnym miejscu i czasie. Na przykład, jeśli istnieje konkretny projekt wezwania do działania, którego używasz w swojej witrynie, ta całkiem fajna funkcja może zaoszczędzić trochę czasu i energii, więc nie musisz tworzyć tego samego bloku w kółko.

Aby zapisać blok do późniejszego wykorzystania, na pasku narzędzi bloku kliknij pierwszy przycisk od prawej. Wygląda jak trzy pionowe kropki. Następnie z menu, które się pojawi, wybierz Dodaj do Bloki wielokrotnego użytku opcja.

Ustaw nazwę bloku i zapisz go do późniejszego wykorzystania.

Jak tylko utworzysz blok wielokrotnego użytku, a Wielokrotnego użytku kategoria pojawi się w Dodaj nowy blok menu. Możesz również uzyskać dostęp do bloku wielokrotnego użytku, wpisując jego nazwę w pasku wyszukiwania.

Aby zmodyfikować blok wielokrotnego użytku i zmienić jego styl i ustawienia, kliknij Zarządzaj wszystkimi blokami wielokrotnego użytku.

Teraz możesz wprowadzać zmiany we wszystkich wykonanych blokach wielokrotnego użytku, usuwać je, tworzyć nowe, eksportować je jako pliki JSON, aby używać ich w innych witrynach WordPress, a także importować je jako pliki JSON (w przypadku, gdy wcześniej utworzyłeś bloki wielokrotnego użytku w innej witrynie WP).

Fajne klocki Gutenberga

Gutenberg zawiera kolekcję wielu bardzo przydatnych bloków, takich jak blok Table. W edytorze klasycznym trzeba było używać wtyczek, aby dodawać tabele do swoich stron i postów, lub samemu kodować tabele. Teraz jest blok, który to obejmuje. Pozwala także wybrać liczbę kolumn i wierszy, które chcesz wstawić, a także możesz go nieco wystylizować.

Inną rzeczą, która wymagała pewnej wiedzy w klasycznym edytorze, było wyświetlanie treści i multimediów obok siebie. Gutenberg ma to pokryte Blok mediów i tekstu, który pozwala z dużą łatwością umieszczać obraz obok tekstu.

Dodanie przycisku też było kłopotliwe. O ile kupiony przez Ciebie motyw WordPress nie zawiera odpowiedniego shortcode , kod musiałeś napisać samodzielnie. Nie jest to już konieczne, ponieważ Gutenberg pakuje Przycisk blok, który możesz edytować wybierając kolor przycisku, ustawiając promień obramowania, kolor tekstu przycisku itp.

Jak konwertować posty klasycznego edytora na bloki?

Jeśli chcesz przekonwertować swoje stare posty na bloki Gutenberga, z pulpitu nawigacyjnego przejdź do Post > Wszystkie posty. Na liście postów poszukaj posta, który chcesz przekonwertować, i kliknij Edytować.

Post otworzy się teraz w Gutenbergu, wewnątrz Klasyczny blok. Ten blok jest w zasadzie edytorem klasycznym i ma te same funkcje, co stary edytor.

Post nie został jeszcze przekształcony w blok. Aby to zrobić, wybierz blok Klasyczny. Na pasku narzędzi ponownie poszukaj trzech pionowych kropek ( Przycisk edycji). Z menu rozwijanego wybierz Konwertuj na bloki opcja, a Twój post zostanie przekształcony w osobne bloki.

Wtyczki Gutenberg

Aby rozszerzyć funkcjonalność edytora i uczynić go bardziej eleganckim, możesz dodać do niego wiele wtyczek innych firm.

Na przykład, Bloki kadencji jest jedną z najczęściej używanych wtyczek Gutenberga. Zawiera blok układu wiersza, blok galerii zaawansowanej, blok odstępu/dzielnika, blok listy ikon i tak dalej. Każdy blok ma swój własny zestaw opcji dostosowywania, dzięki czemu możesz je stylizować zgodnie z własnymi upodobaniami.

Ostateczne bloki to doskonała wtyczka dla wszystkich blogerów i marketerów. Zawiera imponującą gamę wtyczek dla tych nisz, takich jak blok filtra treści, blok recenzji, blok gwiazdek itp.

Zaawansowany Gutenberg nie tylko dodaje więcej niż 20 bloków do Gutenberga, ale także pomaga lepiej kontrolować edytor bloków. Dodając tę ​​wtyczkę do swojej witryny WordPress, uzyskasz możliwość korzystania z suwaków postów, suwaków produktów WooCommerce, bloku formularza kontaktowego, bloku referencji i wielu innych.

Możliwość układania w stos obecnie zasila Gutenberga tablicą 23 bloków i układami > 50 bloków. Zawiera siatki postów, siatki funkcji, akordeony, bloki funkcji, CTA, wyskakujące okienka wideo, tabele cen itp. Ten dodatek zawiera również szeroki zestaw efektów dostosowywania, dzięki czemu możesz łatwo stylizować bloki, aby dopasować je do swoich wymagań.

Oczywiście lista bardzo praktycznych wtyczek Gutenberga jest długa, ale są to cztery świetne rozszerzenia, które mogą w imponującym stopniu wzmocnić edytor bloków.

Podsumujmy to

Niestety Gutenberg ma złą reputację w społeczności WP, a wielu użytkownikom trudno jest przejrzeć jego niedociągnięcia. Chcieliśmy właściwie przedstawić Wam nowy edytor bloków, pokazać, jak działa, wskazać także jego niedociągnięcia i poinformować, jak je nadrobić. Wiele jego funkcji wciąż wymaga ulepszenia, a nowe muszą zostać opracowane, aby (przynajmniej) był równy kreatorom stron. Ale potencjał Gutenberga jest ogromny. Edytor bloków to przyszłość WordPressa, ale po prostu nie jest jeszcze w najlepszym wydaniu.