Samouczek WordPress Gutenberg
Opublikowany: 2019-03-09Po dziesięcioleciach zdobywania popularności jako najbardziej wszechstronny i łatwy w użyciu CMS, WordPress zawsze potrafił imponować użytkownikom częstymi aktualizacjami technicznymi. W najnowszej wersji 5.0 WordPress wprowadził nowy edytor wizualny „Gutenberg”. Zdemistyfikujmy więc Gutenberga i Blocksa. Jak działa nowy system? Czy jest lepszy niż edytor, którego mieliśmy wcześniej? Przejdziemy do Gutenberga i krótkiego samouczka, aby pomóc Ci uzyskać wszystkie zalety edytora Gutenberga.
Co to jest „Gutenberg”?
Matt Mullenweg wymyślił nowe podejście do zastąpienia klasycznego edytora WordPressa na WordCamp Europe 2018. Nazywało się „Gutenberg”, co miało być nazwą projektu, gdy był w fazie rozwoju. Wydany wraz z WordPress 5.0 projekt Gutenberga nazywał się teraz „Edytorem WordPress” lub „Edytorem bloków”, aby być bardziej szczegółowym. Klasyczny edytor stał się nieco przestarzały zgodnie z dzisiejszymi trendami w konstruowaniu stron internetowych typu „przeciągnij i upuść”. W rezultacie powstał WordPress Gutenberg i zupełnie nowy edytor WordPress, który ma być podobny do narzędzi do tworzenia witryn i stron.
Motywy współpracujące z Gutenbergiem
Dostępne są tysiące motywów, ale wiele z nich jest nieaktualnych. Oto niektóre z nowych, niesamowitych sklepów, które udostępniają motywy dla Gutenberga.
Wtyczki współpracujące z Gutenberg
Na rynku WordPress dostępnych jest wiele wtyczek, ale nie wszystkie działają z edytorem Gutenberg. Oto kilka, które to robią.
Czym są „Bloki”?
Bloki to po prostu kawałki treści. Może to być akapit tekstu, plik audio, zdjęcie lub galeria zdjęć, a nawet wideo. Jest podstawą doświadczenia edytorskiego Gutenberga. Bloki służą do tworzenia postów i stron internetowych. To, co użytkownicy zwykle pakują do WordPressa, to standardowe bloki wbudowane w Gutenberga i są one dostępne dla każdej witryny WordPress korzystającej z edytora Gutenberga. Gutenberg został stworzony w taki sposób, aby pozwalał programistom na rozbudowę i rozbudowę dostępnych bloków. Bloki można dodawać za pomocą wtyczek lub motywów. Dlatego użytkownicy mają dostęp do dodatkowych bloków, a nie ograniczają się do standardowych bloków.
Używanie Gutenberga jako edytora WordPress
Kiedy korzystasz z WordPress 5.0, otrzymasz „Edytor bloków” lub „Edytor Gutenberga” jako domyślny edytor tekstu dla 5.0. Dziś pomożemy Ci zapoznać się z nowym edytorem bloków. Zanurzmy się. Po pierwsze, aby utworzyć nowy post, jak zwykle naciśnij „Dodaj nowy” w sekcji Posty. Masz teraz nowy blok do pracy.
Wygląda to zupełnie inaczej, prawda? Nie ma tam paska narzędzi z klasycznego edytora. Zapoznajmy się z funkcjami i tymi przyciskami.
Sekcja górna:
Korzystając z tej sekcji górnej, możesz dodawać nowe bloki, a także wykonywać czynności, takie jak cofanie i ponawianie zmian, do dowolnych zmian w blokach. Możesz także wyświetlić informacje o strukturze treści, takie jak liczba słów, nagłówków, akapitów i bloków. Możesz nawet poruszać się po blokach za pomocą przycisku „i”.
Niektóre z podstawowych funkcji edycji postów, takie jak Zapisz w wersji roboczej, Podgląd postu i Opublikuj post, znajdują się w górnej sekcji. Ikona koła zębatego pokazuje ustawienie widoczne na prawym pasku bocznym. Tutaj możesz przełączać się między widokiem ustawień „Dokument” i „Zablokuj”.
Widok sekcji dokumentu jest bardzo podobny do klasycznych edytorów. Tutaj również możesz wybrać status i widoczność, kategorie, tagi, obrazy funkcji i atrybuty. Widok przekroju bloku umożliwia zmianę ustawień dowolnego bloku po jego dodaniu. Ta funkcja bardzo ułatwia zmianę ustawień dowolnego bloku i zmianę funkcji, takich jak rozmiar czcionki, inicjały i wiele innych. Z tego miejsca można dodać indywidualne kolory tła dla każdego bloku, a nawet włączenie dodatkowych klas CSS dla każdego bloku z osobna.
Wreszcie, trzy kropki znajdujące się w górnej części ujawniają dodatkowe ustawienia. Tutaj możesz dostosować wygląd i styl edytora bloków. Możesz wybrać widok narzędzi bloków. Możesz nawet wybrać między „edytorem wizualnym” a „edytorem kodu”. Istnieje również kilka narzędzi do zarządzania blokami wielokrotnego użytku, tworzenia skrótów klawiaturowych i kopiowania treści.
Dodawanie bloków
Oto główna idea nowego edytora, czyli dodawanie bloków. Jak już wspomniano wcześniej, bloki są podstawową częścią nowego edytora bloków. Spójrz na lewy górny róg strony edytora. To da ci rozwijane menu, z którego możesz wybrać żądany typ bloku zaprojektowanego do określonych celów. Korzystając z paska wyszukiwania, możesz znaleźć odpowiednie bloki, które odpowiadają Twoim potrzebom.
Ponadto przewiń menu w dół, a zobaczysz więcej bloków opartych na ich podstawowych funkcjach. Są to wspólne bloki, formatowanie, widżety i osadzania itp. Po prostu wybierz odpowiedni blok jednym kliknięciem.
Następnie zostaniesz również wprowadzony do małego paska narzędzi, gdy zaczniesz dodawać zawartość do swojego bloku. Funkcja tego paska narzędzi zależy od typu wybranego bloku. Te paski narzędzi służą do edycji stylów zawartości, takich jak wyrównanie, styl, łączenie i inne. Przycisk zmiany typu bloku służy do zmiany bieżącego stylu bloku. Na przykład możesz zmienić blok akapitu na nagłówek, blok preformatowany, listę, cytat lub werset. Ostatnie trzy kropki zapewnią ci więcej opcji, takich jak ukrycie ustawienia bloku, uczynienie go duplikatem, edytowanie go jako HTML, dodawanie do bloków wielokrotnego użytku i oczywiście usuwanie bloku. Możesz także wstawić więcej bloków za pomocą opcji wstawiaj przed i wstawiaj po. Przydaje się to, gdy musisz dodać treść lub wprowadzić kilka szybkich poprawek. W zależności od wybranej opcji, po prostu doda blok przed wybranym blokiem lub po nim. System jest bardzo intuicyjny i od razu nabierze sensu.
Zmiana ustawień bloku
Każdy blok można dostosować do własnych wymagań. Po prostu klikając blok, który chcesz dostosować, otrzymasz różne zakresy, w których możesz dostosować swój blok na prawym pasku bocznym. Pamiętaj, że możesz pokazać lub ukryć tę opcję za pomocą koła zębatego w górnej części lub paska narzędzi konkretnego bloku. Ustawienia blokowania zależą również od typu wybranego bloku. Na przykład, jeśli używasz bloku akapitu, ustawienia bloku pozwolą Ci wybrać rozmiar czcionki, typ czcionki lub kolor tła. Będziesz mieć wszystkie opcje, aby dostosować swój blok, o którym normalnie zakładasz, że tam będzie. Gutenberg jest bardzo przyjazny dla użytkownika i łatwy do zdobycia przez nowych programistów.
Zawijanie samouczka WordPress Gutenberg
Mamy nadzieję, że ten krótki samouczek dotyczący WordPressa Gutenberga pomógł Ci zapoznać się z nowym edytorem wyposażonym w WordPress 5.0. Jesteśmy przekonani, że po przeczytaniu tego przewodnika nie będziesz już nowicjuszem z „Gutenbergiem”. Nowy edytor bloków jest nie tylko łatwy w użyciu, ale także potężny, ponieważ może tak szybko tworzyć witryny z tak wieloma opcjami. Tworzenie niestandardowych bloków i używanie narzędzi do dostosowywania wyglądu i stylu to potężne funkcje tego edytora bloków. Dostępny jest również łatwy w użyciu interfejs do dodawania nowych bloków i dodawania treści. Jeśli okaże się, że faktycznie bardziej lubisz stary edytor, a nie podoba ci się nowy, nie martw się. W dowolnym momencie możesz wrócić do klasycznego edytora. Jest to najlepsze z obu światów i pozwoli ludziom korzystać z edytora, który czyni ich najbardziej produktywnymi.