Edytor Gutenberg WordPress: 10 rzeczy, które musisz wiedzieć

Edytor Gutenberg WordPress, znany również jako edytor bloków WordPress, jest teraz częścią rdzenia WordPress. Co oznacza dla Ciebie to nowe podejście do edytora WordPress? Co zrobić, jeśli korzystasz już z narzędzia do tworzenia stron WordPress?

W tym przewodniku omówimy podstawy nowego edytora Gutenberg dla WordPress i co musisz wiedzieć.

Co to jest edytor WordPress Gutenberga?

Edytor Gutenberg WordPress, zwany także edytorem bloków WordPress, to nowy kreator stron zawarty w WordPress 5.0+. Edytor Gutenberg dodaje bloki treści i funkcje podobne do tworzenia stron do każdej aktualnej witryny WordPress.

Gutenberg zastępuje poprzedni klasyczny edytor WordPress, który wykorzystywał TinyMCE (WYSIWYG) jako domyślny edytor treści dla postów i stron. W przypadku Gutenberga treść jest dodawana w poszczególnych „blokach” zamiast w obrębie jednego większego obszaru treści.

Nowe bloki WordPress obejmują wszystko, od akapitów, nagłówków, list, obrazów, galerii, osadzonych stron i wielu innych.

Gutenberg został wydany z WordPress 5.0, który stanowił największą aktualizację WordPressa od lat. Odkąd Gutenberg został wydany, trwa zdrowa debata na temat nowego edytora WordPress, w której bierze udział wiele osób, które opracowują, używają i projektują strony internetowe za pomocą WordPress.

Cel Gutenberga

Głównym celem edytora Gutenberga była pomoc użytkownikom w tworzeniu postów i stron z większą elastycznością. Można również przypuszczać, że Gutenberg ma na celu pomóc WordPressowi bardziej bezpośrednio konkurować z innymi platformami do tworzenia stron internetowych.

Dla kontekstu, oto kilka cytatów dotyczących przeznaczenia nowego edytora WordPress Gutenberg.

• „Celem edytora bloków jest sprawienie, by dodawanie bogatej zawartości do WordPressa było proste i przyjemne”. – Z opisu wtyczki Gutenberg na WordPress.org.
• „Gutenberg to ważny krok naprzód dla WordPressa. Gutenberg umożliwia WordPressowi tworzenie układów treści, a nie tylko pisanie artykułów. Jest to jedna z wielu zmian zachodzących w WordPressie w kierunku bardziej uproszczonego doświadczenia użytkownika”. – Zack Katz, przemawiający na WordCamp Denver 2017

Dlaczego Gutenberg jest krokiem naprzód dla WordPressa? Edytor wizualny WordPress od lat był w stagnacji. Chociaż było to przewidywalne, nie było to fantastyczne doświadczenie. Celem jest posiadanie interfejsu, który jest bardziej intuicyjny dla nowych użytkowników, takich jak te oferowane przez Wix i Squarespace.

1. Założyciel WordPressa Matt Mullenweg jest całkowicie za Gutenbergiem

• W The State of the Word 2016 Mullenweg ogłosił, że edytor wizualny będzie jednym z trzech głównych tematów na rok 2017.
• Matt objął stanowisko kierownika projektu w firmie Gutenberg na początku tego roku i wyznaczył pracowników Automattic, Matiasa Ventury i Joena Asmussena, do kierowania rozwojem.
• Przeczytaj podejście Matta o Gutenbergu tutaj: Nazwaliśmy go Gutenbergiem z jakiegoś powodu.
• Zauważ też, że Gutenberg jest napisany przy użyciu javascriptu REACT. Po niedawnym posunięciu Facebooka w celu ponownego licencjonowania projektu na licencji MIT, Matt Mullenweg ogłosił, że WordPress.com i Gutenberg zostaną przepisane przy użyciu innej biblioteki. Oto więcej informacji na temat REACT i WordPressa.

2. Gutenberg był najpierw osobną wtyczką, która wciąż jest aktywnie rozwijana

Przed wprowadzeniem Gutenberga do podstawowej wersji WordPressa, Gutenberg został najpierw opracowany jako oddzielna wtyczka, która pozwoliła użytkownikom przetestować go i zobaczyć, jak zmieni sposób komponowania i edytowania treści w WordPressie.

• Dziś wtyczka Gutenberg jest nadal aktywnie rozwijana dzięki cotygodniowym aktualizacjom.
• Wtyczka Gutenberg jest zwykle o kilka wersji przed rdzeniem WordPress, więc możesz wyświetlić podgląd nowych funkcji edytora bloków WordPress przed ich wprowadzeniem do rdzenia WordPress.
• Uruchomienie wtyczki Gutenberg to świetny sposób na uzyskanie najnowszych nowych funkcji edytora bloków WordPress. Jest to również niezwykle przydatne dla programistów i tych, którzy pracują z klientami, aby wiedzieć, co jest na horyzoncie dla edytora bloków.

3. Gutenberg został wprowadzony do WordPress 5.0 jako domyślny edytor treści

16 grudnia 2018 r. został wydany WordPress 5.0. Ta główna wersja WordPressa obejmowała gruntowny przegląd edytora postów i stron, wprowadzając Gutenberga jako domyślnego edytora WordPress.

Jako najbardziej oczekiwane i gorąco dyskutowane wydania w historii WordPressa, edytor Gutenberg stanowił radykalne odejście od poprzedniego klasycznego edytora, który istniał od początku istnienia WordPressa. Niektórzy użytkownicy mogli być zaskoczeni drastyczną różnicą edytora WordPress po wydaniu 5.0.

4. Gutenberg jest również powszechnie nazywany edytorem bloków WordPress

W miarę upływu czasu wciąż istnieje pewne zamieszanie dotyczące tego, jak nazwać nowy edytor WordPress. Nazwa projektu brzmiała Gutenberg, więc niektórzy nadal nazywają go Gutenberg Editor i jego „blokami” blokami Gutenberga.

Z drugiej strony nowy edytor jest określany jako edytor bloków w interfejsie użytkownika WordPress. Dokumentacja na WordPress.org nazywa ją po prostu edytorem WordPress.

5. Gutenberg nadal ewoluuje i poprawia się z każdą wersją

Od grudnia 2018 r. wszystkie główne wersje rdzenia WordPressa zawierają nowe funkcje, ulepszenia i poprawki błędów w edytorze Gutenberg. Doświadczenie w edycji wciąż ewoluowało i to w dobry sposób.

Na przykład najważniejsze nowe funkcje i ulepszenia WordPress 5.5 były w dużej mierze związane z edytorem bloków. Nadal rozwiązywane są ulepszenia interfejsu użytkownika, ułatwień dostępu, przeciągania i upuszczania oraz innych problemów związanych z użytecznością.

Uwaga: przed uruchomieniem jakiejkolwiek głównej wersji WordPressa lub wtyczki Gutenberg zdecydowanie zalecamy wykonanie kopii zapasowej witryny WordPress za pomocą wtyczki do tworzenia kopii zapasowych WordPress, takiej jak BackupBuddy.

6. Bloki Gutenberga nadal się rozwijają i ulepszają

Głównym celem Gutenberga było stworzenie lepszej, bogatej edycji treści związanej z komponowaniem i edycją postów i stron w WordPressie. Poza tym wizja Gutenberga wykracza poza edytor postów/stron i obejmuje widżety i paski boczne, a nawet nagłówek i stopkę witryny.

Zasadniczo Gutenberg pozwala ci wziąć post lub stronę i podzielić treść na różne „bloki”. Na przykład bloki WordPress obejmują blok obrazu, blok akapitu, blok cytatu, blok nagłówka, a nawet blok przycisku. Przeczytaj więcej w WordPress Blocks: The Ultimate Guide to Gutenberg Blocks .

Oto kilka domyślnych bloków WordPress zawartych w edytorze Gutenberg.

7. Możesz wyłączyć Gutenberga, ale może nie na zawsze

Nie lubisz redaktora Gutenberga? Może się zdarzyć, że okaże się, że nowy edytor bloków nie jest dokładnie zgodny z istniejącym motywem lub wtyczkami uruchamiającymi witrynę. Dobrą wiadomością jest to, że możesz wrócić do klasycznego edytora za pomocą wtyczki o nazwie … zgadłeś, to klasyczny edytor.

Edytor klasyczny to oficjalna wtyczka obsługiwana przez zespół WordPress, która przywraca poprzedni („klasyczny”) edytor WordPress i ekran „Edytuj post”. Umożliwia korzystanie z wtyczek, które rozszerzają ten ekran, dodają metaboxy w starym stylu lub w inny sposób zależą od poprzedniego edytora.

Według zespołu WordPress, Classic Editor to oficjalna wtyczka WordPress, która będzie w pełni obsługiwana i utrzymywana do co najmniej 2022 roku. Chociaż ostatnio dodano „lub tak długo, jak to konieczne”.

Oto więcej informacji o tym, jak korzystać z klasycznego edytora z WordPress.

8. Gutenberg ma teraz katalog bloków stron trzecich

Katalog bloków WordPress to nowy sposób, w jaki użytkownicy WordPressa mogą odkrywać, instalować i testować bloki WordPress innych firm z poziomu edytora bloków WordPress. Wprowadzony w WordPress 5.5 katalog bloków WordPress ułatwia znalezienie bloku WordPress, który najlepiej odpowiada Twoim potrzebom.

W oparciu o dyskusję na temat tego, w jaki sposób wtyczki blokowe należy odróżnić od innych wtyczek w katalogu wtyczek WordPress.org, nowy katalog wtyczek został utworzony jako sekcja w katalogu wtyczek, która zawiera tylko pojedyncze wtyczki blokowe. Nowy katalog bloków WordPress jest oddzielony od głównego katalogu wtyczek, więc przeglądasz zwykłe wtyczki WordPress lub wtyczki z pojedynczymi blokami.

Wtyczka z pojedynczym blokiem ma być stosunkowo małą, prostą wtyczką, która zapewnia pojedynczy blok Gutenberga, więc wtyczka jest blokiem.

Teraz w WordPress 5.5 znalezienie potrzebnego bloku jest łatwiejsze niż kiedykolwiek. Nowy katalog bloków WordPress jest wbudowany bezpośrednio w edytor bloków , dzięki czemu możesz instalować nowe typy bloków w swojej witrynie bez opuszczania edytora.

Wystarczy użyć ikony „+” w lewym górnym rogu strony, aby użyć nowego modułu wstawiania bloków i wyszukać dostępne bloki. Uważaj na katalog bloków, który naprawdę wystartuje w przyszłości, ponieważ nadal wydaje się dość nowy (wciąż niewiele opcji; prawie żadnych recenzji).

9. Nowe wzory bloków torują drogę do pełnego budowania strony

W WordPressie 5.5 edytor bloków wprowadza nową koncepcję zwaną wzorcami blokowymi . Dzięki wzorom blokowym można teraz budować i udostępniać predefiniowane układy blokowe. Wzorce bloków naprawdę torują drogę edytorowi bloków, aby stał się kreatorem stron. Rozglądaj się za wzorami bloków, które wystartują, ponieważ edytor bloków nadal ewoluuje w tym kierunku.

Zarejestrowane wzorce blokowe można znaleźć za pomocą ikony „+” w lewym górnym rogu ekranu. Zobaczysz teraz zarówno zakładkę Bloki, jak i Wzory (oraz Wielokrotnego użytku, jeśli takowe posiadasz), dzięki czemu możesz przełączać się między tymi opcjami. Następnie możesz dodać wzorce blokowe do swojego posta/strony, jak każdy inny blok.

Nowe wzory bloków ułatwiają tworzenie złożonych, pięknych układów stron i postów przy użyciu kombinacji bloków, które można mieszać i dopasowywać. Znajdziesz również wzorce blokowe w szerokiej gamie wtyczek i motywów, a przez cały czas dodawane są nowe.

Ekran wydania WordPress 5.5

WordPress 5.5 ma wiele wbudowanych wzorców blokowych, ale możliwe jest również, aby wtyczki i motywy innych firm rejestrowały dodatkowe wzorce blokowe lub usuwały istniejące. Aby zobaczyć wzory bloków w akcji, sprawdź domyślny motyw Twenty Twenty. Twenty Twenty to zawsze dobry motyw do zainstalowania na serwerze deweloperskim, ponieważ naprawdę podkreśla możliwości najnowszej wersji WordPressa.

10. Gutenberg zmienia zapotrzebowanie na skróty WordPress

Przed edytorem bloków WordPress skróty WordPress były jedną z najlepszych rzeczy, które trafiły do ​​edytora WordPress, aby ułatwić dodawanie wtyczek i funkcji motywów do stron, postów i innych sekcji witryny WordPress.

Po przejściu do edytora bloków, co to oznacza dla większości starszych wtyczek i stron internetowych, które wciąż są pełne krótkich kodów? Czy skróty WordPress nadal będą działać? Czy istnieje sposób na łatwe przejście od używania skrótów WordPress do bloków WordPress?

Krótko mówiąc, edytor bloków WordPress ma poważne konsekwencje dla skrótów. Edytor bloków WordPress zasadniczo zmienia potrzebę i cel skrótów dla większości wtyczek i motywów. W systemie edycji opartym na blokach każdy „element” na stronie ma swój własny blok, a nie jest zawarty w jednym edytowalnym edytorze WYSIWYG.

Artykuły z notatkami na temat edytora WordPress Gutenberg

To jest zbiór najlepszych artykułów o Gutenbergu, jakie do tej pory czytałem.

Chris Lema opowiada o Gutenbergu

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

Fragment:

• „Jeśli mamy zamiar rozwiązać problem z tą wtyczką, czy nie powinien to być dysonans poznawczy, który ludzie mają, gdy edytują w jednym interfejsie i widzą, jak ich produkt pracy pojawia się w innym interfejsie, który nie wygląda tak, jak myśleli? zrobiłbym?"

Odpowiedź Beaver Builder na Gutenberg

Fragment:

• „W skrócie, jesteśmy naprawdę podekscytowani i wspieramy Gutenberga! Mamy nadzieję, że projekt będzie nadal ewoluował w coś, co Beaver Builder może przyjąć i rozszerzyć. Współpracujemy z głównym zespołem nad projektem i spekulujemy, zarówno optymistycznie, jak i ostrożnie, o potencjalnym wpływie Gutenberga na naszą działalność i ogólnie na przestrzeń WordPress. Wyobraź sobie, że „Bloki” Gutenberga są wymienne z modułami Beaver Builder, lub gdybyś mógł przeciągnąć zapisany wiersz na stronę Gutenberga. Lub edytor tekstu Gutenberga może być używany w programie Beaver Builder. Potencjał do zabawy, prawda!?”

Eleganckie motywy

Fragment:

• „Patrząc na debatę, należy pamiętać, że każda zmiana przyniesie pewną bezwładność i opór. WordPress musi iść do przodu, aby konkurować w zmieniającym się środowisku. Nie oznacza to jednak, że zgłaszane obawy są nieważne i nie trzeba się nimi zajmować. Na szczęście programiści dokładają wszelkich starań, aby to zrobić. Jednak widząc, jak wiele osób jest zaniepokojonych i czuje się pominiętych, może potrzebna jest dodatkowa komunikacja”.

Raczej zjadliwy przegląd na WPMU

Ten nie zadaje ciosów.

Fragment:

• „Podczas gdy programiści pracujący nad wtyczką edytora Gutenberg oczywiście włożyli dużo pracy w stworzenie wtyczki i pochwalam ich za dotychczasowe wysiłki, prawda jest taka, że ​​ta wtyczka nie jest jeszcze gotowa do włączenia do WordPressa i potrzebuje wiele więcej pracy, w szczególności praca UX.”

Yoast sugeruje alternatywny kurs dla Gutenberga

Odnotowuje się kilka istotnych problemów i proponuje rozwiązania.

Fragment:

• „Jesteśmy bardzo entuzjastycznie nastawieni do idei bloków, ale mamy poważne obawy co do niektórych technicznych wyborów i szybkości procesu wdrażania. Niepokoi nas również brak priorytetowego traktowania kwestii dostępności w projekcie. Ale co najważniejsze, bardzo martwi nas fakt, że wtyczki nie są w stanie zintegrować się z nowym edytorem.”

Yoast mówi o koncepcjach integracji swojej wtyczki z Gutenbergiem

Oto trop, którym mogą podążać inni twórcy wtyczek.

https://yoast.com/gutenberg-integracja/

Fragment:

• „Zaczęliśmy od rozbicia wszystkich naszych funkcji i sprawdzenia, gdzie możemy je zintegrować z Gutenbergiem. Nie sądzimy, że trzymanie jednego, ogromnego pola pod edytorem będzie najlepiej służyło naszym klientom. Zdecydowanie wolelibyśmy zintegrować się dokładnie tam, gdzie dzieje się akcja, a Gutenberg oferuje nam tę szansę”.

Josh Pollock z Caldera Forms

Pięć sposobów, w jakie chce się mylić co do Gutenberga:

Fragment:

• „To ważna decyzja dotycząca przyszłości WordPressa. Wierzę, że jako społeczność zrobimy to dobrze, ale będzie to wymagało wielu testów, iteracji i dyskusji, aby to zrobić dobrze”.

Podsumowanie: co powinieneś zrobić z Gutenbergiem?

• Spróbuj. Poznaj Gutenberga dla siebie. Wypróbuj go na stronie testowej lub na swojej aktywnej stronie (tak, jest wystarczająco stabilna). Zobacz, co lubisz, a czego nie.
• Prześlij opinię. Wtyczka Gutenberg niedawno dodała link Feedback pod pozycją menu na pasku bocznym. Poświęć trochę czasu i zaoferuj dobrze przemyślane obserwacje na temat swoich doświadczeń z korzystaniem z Gutenberga. „Jesteście kretynami” nie jest tym, czego szukają.
• Nie panikuj. Wiele dobrych ludzi toczy na ten temat wiele przemyślanych dyskusji. Edytor bloków wciąż się poprawia i chociaż trochę się do tego przyzwyczajamy, zgadzamy się, że pełne zaadoptowanie nowego edytora było dobrym posunięciem.

Więcej zasobów edytora bloków WordPress (edytor Gutenberga)

Bloki wielokrotnego użytku WordPress: najlepszy przewodnik

Bloki wielokrotnego użytku WordPress to potężna funkcja edytora bloków WordPress. Bloki wielokrotnego użytku pozwalają szybko zapisać dowolny blok WordPress, którego często używasz. Czytaj więcej …

Katalog bloków WordPress: niezbędny przewodnik

Wprowadzony w WordPress 5.5 katalog bloków WordPress ułatwia znalezienie bloku WordPress, który najlepiej odpowiada Twoim potrzebom. Czytaj więcej …

Bloki WordPress: najlepszy przewodnik po blokach Gutenberga

Dzięki blokom WordPress, znanym również jako bloki Gutenberga, użytkownicy mogą łatwiej tworzyć bogate treści w postach i stronach w prawdziwie wizualny sposób. Czytaj więcej …

Kristen Wright

Kristen pisze samouczki, które pomagają użytkownikom WordPressa od 2011 roku. Zwykle można ją znaleźć, gdy pracuje nad nowymi artykułami na blogu iThemes lub opracowuje zasoby dla #WPprosper. Poza pracą Kristen lubi prowadzić dzienniki (napisała dwie książki!), wędrować i biwakować, gotować i codzienne przygody z rodziną, mając nadzieję na bardziej obecne życie.