WordPress 5 i Gutenberg- Edytor: Oto, na co musisz teraz uważać

Leefke Krönke Ostatnia aktualizacja 10/23/2020
8 Min.
WordPress  Redaktor Gutenberg

WordPress 5 i dostępny jest edytor Gutenberg. Tym samym Gutenberg zastępuje edytor TinyMCE, który był standardem w WordPress od ponad dziesięciu lat. Aby przygotować Cię do zmiany, pokażę Ci dzisiaj, na czym polega edytor Gutenberg i na jakie zmiany musisz teraz uważać.

Aktualizacja 04.12.2018 r.

Aktualizacja: Ważne informacje - aktualizacja 06.12.2018: WordPress 5 z edytorem Gutenberg został wydany wczoraj wieczorem (CET). Dlatego najwyższy czas, aby się z tym uporać. W końcu WordPress 5 z Gutenberg-edytorem przynosi pewne zmiany. W naszym e-booku dowiesz się, co nowy edytor oznacza dla Twojej firmy i jak przygotować się do aktualizacji.

Gutenberg i WordPress  5 E-Book

Gdybyś miał policzyć, które słowo było najczęściej używane w społeczności WordPress w ciągu ostatnich kilku miesięcy, najprawdopodobniej byłoby to "Gutenberg". Tematem tej Gutenberg-dyskusji nie jest ani polityk, ani wynalazca druku (przynajmniej tylko pośrednio), ale następna wielka WordPress -feature: nowy edytor!

Ponieważ istnieje wiele informacji i opinii na temat projektu Gutenberg, przedstawię Wam krótki przegląd nowego edytora WordPress oraz zalety i możliwe przeszkody, z którymi musicie się zmierzyć Wy i Wasi klienci.

Po co w ogóle WordPress potrzebuje nowego redaktora?

Nowy Gutenberg-Editor ma za zadanie zrewolucjonizowaćWordPress i zapewnić, że nasz ulubiony CMS pozostanie dostępny i konkurencyjny na dłuższą metę. Aby dowiedzieć się więcej o rozwoju i konsekwencjach stosowania edytora Gutenberg, odwiedź stronę Wykład prowadzony przez Gutenberg-Lider Matias Ventura na WordCamp Europe 2018.

Nadszedł czas na WordPress ' next big thing, rzecz, która pomoże nam poradzić sobie z naszymi wyzwaniami i możliwościami. Rzecz, która zmienia świat. Gutenberg . - – Matt Mullenweg

Obecnie nowy edytor istnieje tylko jako Plugin i jest jeszcze w fazie beta. To się jednak wkrótce zmieni, ponieważ Gutenberg stanie się nowym standardowym edytorem wraz z aktualizacją do WordPress 5.

Przez długi czas nie było wiadomo, kiedy Gutenberg będzie gotowy do połączenia z WordPress Core. Kilka tygodni temu przyszło wyjaśnienie: W swoim keynote na WordCamp Europe, współzałożyciel WP Matt Mullenweg wspomniał o sierpniu 2018 jako celu. Jednakże integracja jest związane z pewnymi warunkami wstępnymi w załączeniu. Nie jest więc nieprawdopodobne, że Gutenberg roadmap zostanie odłożona na później.

Edytor Gutenberg jest oparty na blokach.  

Przede wszystkim chciałbym pokazać Ci specjalne cechy nowego edytora Gutenberg w porównaniu do klasycznego edytora TinyMCE.

W zasadzie TinyMCE jest ograniczony do najbardziej niezbędnych funkcji do tworzenia i edycji treści (patrz zrzut ekranu poniżej). Jednakże, jeśli chcesz wdrożyć specjalny układ lub pewne funkcje dla swoich postów lub stron, zwykle nie zajdziesz daleko bez HTML, CSS, shortcodes i innych.

Edytor TinyMCE WordPress
Stary, znajomy interfejs klasycznego edytora TinyMCE.

Klasyczny edytor TinyMCE jest podobny do popularnych programów tekstowych, takich jak Microsoft Word czy Google Docs - biała strona, na której można pisać i wstawiać multimedia. Nowy edytor Gutenberg został zaprojektowany tak, aby praca z WordPress była jeszcze łatwiejsza i bardziej przystępna. Jak to działa? Całkiem proste: W nowym edytorze WordPress jest tylko jeden element: bloki.  

Edytor Gutenberg WordPress oferuje bloki dla każdego elementu artykułu (np. nagłówki, tekst, cytaty, listy, obrazy, ...), z których "budujesz" końcowy artykuł. Blok należy więc rozumieć jako budulec, który zapewnia określone funkcjonalności i w przyszłości zastąpi obecne elementy WordPress , takie jak shortcodes, widgety i menu.

Gutenberg-Editor vs. Pagebuilder-.Plugins

Ze względu na system blokowy, wielu członków społeczności WP już porównało Gutenberg-Edytor i konstruktory stron narysowany. Chociaż Gutenberg ma zastąpić edytor TinyMCE z WordPress 5, Matt Mullenweg dał do zrozumienia, że WordPress będzie w przyszłości składać się z bloków.

Częstym błędnym przekonaniem na temat Gutenberg jest to, że jest to tylko edytor. [...] Gutenberg jest naprawdę o wprowadzeniu tej koncepcji bloków, które mogą uprościć doświadczenie WordPress w całej rzeczy. Będzie obejmować pisanie, edycję i dostosowanie. - Matt Mullenweg

Jeśli jesteś zainteresowany tym, jak Customizer z Gutenberg może wyglądać w przyszłości, powinieneś obejrzeć wykład Loop Conf "Dostosowywanie przyszłości do potrzeb klienta" przez Mel Choyce obejrzyj to.

Podobieństwo Gutenberga do pagebuilderów doprowadziło również do dyskusja jak integracja nowego edytora wpłynie na istniejące w ekosystemie WordPress firmy zajmujące się pagebuilderami. Że klasyczny pagebuildery będą powoli wymierać jest jednym z przewidywanych scenariuszy.

Reakcje Konstruktor bobrów, Divi, Elementor , Visual Composer and Co., najbardziej znani twórcy stron pracują nad Gutenberg-compatibility i nie wydają się mieć żadnych egzystencjalnych zmartwień. Tylko twórcy pagebuilderaPlugins Tailor stosunkowo szybko pociągnęli za sznurek po pierwszy Gutenberg-Beta został wydany, pociągnęli za linkę i zaprzestal Plugin iprodukcji .

Jak utworzyć post za pomocą Gutenberg

Kiedy tworzysz stronę lub nowy post za pomocą edytora Gutenberg, na początku widzisz uporządkowaną powierzchnię do pisania, która zawiera tylko blok nagłówków i blok akapitów.

WordPress -Editor Gutenberg
Tak wygląda edytor Gutenberg, kiedy tworzysz nowy post.

Podobnie jak w edytorze TinyMCE, permalink artykułu jest tworzony automatycznie, gdy tylko wypełnisz blok tytułu. Można przekształcić istniejący blok akapitu na dowolny inny blok i dodawać nowe bloki. Aby to zrobić, możesz wybrać jeden z różnych bloków treści.

Aby pomóc Ci znaleźć odpowiedni blok dla potrzebnej funkcjonalności, bloki są podzielone na następujące kategorie: Najczęściej używane, Bloki ogólne, Formatowanie, Elementy układu, Widgety, Embedy. Dostępna jest również funkcja wyszukiwania.

WordPress -Editor Gutenberg: Bloki
Możesz wybrać bloki z predefiniowanych kategorii lub wyszukać je specjalnie.

Jakie nowe możliwości oferuje edytor Gutenberg i jak zmienia on tok pisania, nie będę tutaj szczegółowo wyjaśniał, ponieważ inni już to zrobili:

Co społeczność WordPress mówi o Gutenberg?

Odkąd Matt Mullenweg ogłosił na początku 2017 roku, że WordPress dostanie nowy edytor bloków, który całkowicie zastąpi edytor TinyMCE, było trochę porządnego headwind od społeczności.

Pod niezliczonych artykułów i blogów wkład do Gutenberg-Editor stać się gorące dyskusje w komentarzach i ogólne wrażenie jest takie, że wielu użytkowników WP czuje się zignorowanych w procesie decyzyjnym. Reakcją na te negatywne głosy jest artykuł Gutenberg-Lead Matiasa Ventury, w którym pisze on stosuje paradoks Tezeusza do WordPress i ponownie podkreśla zalety i wizję edytora Gutenberg.

"Być może nadejdzie czas, kiedy stare sposoby staną się przestarzałe i znikną, wchłonięte przez bogatszy i bardziej przejrzysty interfejs bloków, ale robimy jak najwięcej, żeby to był proces. Stare nie musi nagle zniknąć, można je stopniowo kształtować w nowe." - Matias Ventura

Różne są opinie na temat Gutenberg

Podzielona opinia społeczności WP na temat nowego edytora WordPress znajduje również odzwierciedlenie w ocena strony Gutenberg-.Plugins 175 razy strona Plugin została oceniona na pięć gwiazdek, a 269 razy na jedną gwiazdkę.

W tym miejscu należy jednak zaznaczyć, że zespół Gutenberg wzorowo radzi sobie z krytyką, odpowiadając na wszystkie negatywne recenzje w sposób rzeczowy, odnosząc się do zastrzeżeń autorów i prosząc o sugestie poprawy.

WordPress -Edytorzy Gutenberg Rating
The Gutenberg-Plugins ranking (stan na lipiec 2018).

Obecnie na stronie Gutenberg-Plugin znajduje się ponad 10.000 aktywnych instalacji. Integracja z WP-Core z WordPress 5 powinna nastąpić, gdy Plugin będzie aktywny na ponad 100.000 stronach. Jeśli już przetestowałeś Gutenberg , możesz wesprzeć Gutenberg-Team niewielkim nakładem pracy, poprzez zostawiając recenzję z Twoją opinią.

Co Gutenberg zmienia dla Ciebie i Twoich klientów?

Jeśli jesteś projektantem stron internetowych WordPress-strony dla twoich klientów, prawdopodobnie masz wiele pytań: Jak Gutenberg-Editor wpłynie na moją pracę? Jak moi klienci dogadają się z redaktorem? Czy moje strony (klienta) będą nadal działać poprawnie po aktualizacji? I co ta zmiana oznacza dla WordPress w ogóle?

Jedno jest pewne: nie jesteś sam z tymi pytaniami! Smutna wiadomość jest taka, że prawdopodobnie nie będzie jednoznacznej odpowiedzi, dopóki nie pojawi się aktualizacja do WordPress 5 i Twoi klienci nie zostaną z nią skonfrontowani. Aby jednak upewnić się, że jesteś jak najlepiej przygotowany, oto przegląd najczęściej wymienianych zalet i przewidywanych problemów edytora Gutenberg.

PRO - Te zalety przynoszą Ci Gutenberg-Editor

  • Tworzenie postów to bardziej intuicyjny i szczególnie dla początkujących w WP łatwiejszy. Więc Gutenberg powinien w tym pomóc, WordPress bardziej dostępny bardziej dostępne.
  • Z Gutenberg funkcje lub układy takie jak wielokolumnowe, które wcześniej były możliwe tylko poprzez HTML, shortcodes, widgety itp.
  • Deweloperzy mogą tworzyć własne klocki Gutenberg i w ten sposób rozszerzają funkcjonalność swoich stron Themes i Plugins .
  • Czystość Gutenberga powierzchnia z dużą ilością białych spacji zapewnia przyjemniejsze pisanie bez rozpraszania uwagi.
  • Tworzenie WordPress -contributions i stron z Gutenberg zbliża się do Zasada WYSIWYG (To, co widzisz, jest tym, co dostajesz).
  • Poprzez nowy edytor pokazuje WordPress innowacyjny i pozostaje konkurencyjny przeciwko konkurencji ze strony Wix and Co.
  • Nasza strona Porównanie wydajności wykazało, że WordPress 5 jest najlepszym próba obciążeniowa znacznie lepiej niż WP 4.9. Ponieważ jednak jest to wciąż wersja alfa, wyniki należy traktować jedynie jako tendencję.

KONTRA - Prawdopodobnie napotkasz te przeszkody

  • Ponieważ użytkownicy WordPress muszą najpierw przyzwyczaić się do nowego interfejsu, nowy edytor prawdopodobnie na początku zakłóci przepływ pracy. przepływ pracy.
  • Jeśli oferujesz usługę WordPress , po integracji z Gutenberg będziesz musiał poradzić sobie ze zwiększoną ilością wsparcia. zwiększony ruch pomocniczy można się spodziewać.
  • Programiści, którzy chcą pracować z Gutenberg nie mogą się tam dostać JavaScript pomijany. Nie na darmo Matt Mullenweg jeszcze w 2015 roku mówił: "Naucz się JavaScript dogłębnie!
  • Należy się spodziewać, że nie wszystkie (jeszcze) Plugins oraz Themes kompatybilny z Gutenberg kompatybilny gdy edytor zostanie zintegrowany z rdzeniem WordPress .
  • Najprawdopodobniej będzie to błędy i konflikty co prowadzi np. do niedziałających stron, problemów z Plugin i frustracji z WordPress . Szczególnie w odniesieniu do kompatybilności z pola użytkownika oraz MetaBoxy wielu użytkowników WP jest zaniepokojonych.
  • Do proste blogi korzystanie z różnych bloków może być bardziej kłopotliwe niż w klasycznym edytorze TinyMCE.
  • UX z Widok HTML różni się od klasycznego edytora, co przeszkadza niektórym użytkownikom (patrz rysunek).
WordPress -Editor Gutenberg: Widok HTML
W edytorze Gutenberg można wybrać widok HTML dla każdego bloku.

Nasz wniosek: Zachowaj spokój i testuj!

Jaki jest więc najlepszy sposób na przygotowanie się do Gutenberg ? Ponieważ nowy edytor jest wciąż w fazie rozwoju, zespół Gutenberg zachęca wszystkich użytkowników WP do jego przetestowania. Począwszy od aktualizacji do WordPress 4.9.8 pod koniec lipca, pojawi się nawet oficjalny monit"Testuj Gutenberg!" w pulpicie nawigacyjnym WP.
Im więcej opinii i zgłoszeń błędów, tym lepiej edytor będzie działał później. Po dokładnym przetestowaniu, możesz zgłosić swoje uwagi na forum pomocy technicznejWordPress lub otworzyć problem na GitHubie.

Ważne: Ponieważ Gutenberg-Plugin jest wciąż w fazie beta, nie powinieneś oczywiście testować nowego edytora na swojej stronie, ale w środowisku testowym (wcześniej zrób kopię zapasową, aby być po bezpiecznej stronie!). Jako klient RAIDBOXES możesz utworzyć środowisko testowe za pomocą jednego kliknięcia na stronie Staging-środowisko swojej strony i zacząć od razu.

Jeśli Gutenberg zawiesi witrynę lub spowoduje inne problemy podczas testu, masz dwie opcje:

  1. Możesz naprawić swoją wersję przed wielkim skokiem wersji do 5. WordPress wersja.
  2. Po aktualizacji do wersji 4.9.8 instalujesz Klasyczny edytorPlugin (obecnie wciąż w wersji beta). W ten sposób można nadal korzystać z edytora TinyMCE w WordPress 5 na razie.

Czy mają Państwo jeszcze jakieś pytania dotyczące edytora Gutenberg WordPress ? Więc nie krępuj się zostawić mi komentarz tutaj. Jeśli chcesz porozmawiać o Gutenberg i innych tematach, zajrzyj na naszą stronę RAIDBOXES Slack - Społeczność dla profesjonalistów WP Wpadnij!

Powiązane artykuły

Komentarze do tego artykułu