Edytor WordPress Gutenberg

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

WordPress 5 i edytor Gutenberg są już dostępne. Oznacza to, że Gutenberg zastępuje edytor TinyMCE, który był standardem w WordPress od ponad dziesięciu lat. Aby przygotować Cię na zmianę, pokażę Ci dzisiaj, na czym polega edytor Gutenberg i o jakich zmianach musisz teraz wiedzieć.

Gdybyś miał policzyć, które słowo było najczęściej wymieniane w społeczności WordPress w ostatnich miesiącach, najprawdopodobniej byłoby to "Gutenberg". Tematem tych Gutenberg dyskusji nie jest ani polityk, ani wynalazca prasy drukarskiej (przynajmniej tylko pośrednio), ale kolejna duża funkcja WordPressa: nowy edytor!

Ponieważ obecnie istnieje wiele informacji i opinii na temat projektu Gutenberg, przedstawię Ci krótki przegląd tego, na czym polega nowy edytor WordPress oraz jakie są jego zalety i potencjalne przeszkody, których Ty i Twoi klienci musicie być świadomi.

Dlaczego WordPress w ogóle potrzebuje nowego edytora?

Nowy edytor Gutenberg ma zrewolucjonizować zrewolucjonizuje WordPress i zapewni, że nasz ulubiony CMS pozostanie dostępny i konkurencyjny w dłuższej perspektywie. Aby dowiedzieć się więcej na temat rozwoju i implikacji edytora Gutenberg, zapoznaj się z prezentacją prezentację przeprowadzoną przez Gutenberg-Lead Matias Ventura na WordCamp Europe 2018.

Nadszedł czas na kolejną wielką rzecz WordPressa, rzecz, która pomaga nam radzić sobie z naszymi wyzwaniami i możliwościami. Rzecz, która zmieni świat. Gutenberg. - Matt Mullenweg

Nowy edytor istnieje obecnie tylko jako wtyczka i wciąż znajduje się w fazie beta. Jednak wkrótce się to zmieni, ponieważ Gutenberg stanie się nowym standardowym edytorem wraz z aktualizacją do WordPress 5

Przez długi czas nie było jasne, kiedy strona Gutenberg będzie gotowa do połączenia z rdzeniem WordPress . Kilka tygodni temu nadeszła odpowiedź: w swoim przemówieniu na WordCamp Europe, współzałożyciel WP Matt Mullenweg wskazał sierpień 2018 r. jako datę docelową. Integracja jest jednak pewne warunki wstępne związane z pewnymi warunkami. Nie jest zatem wykluczone, że Gutenberg-mapa drogowa zostanie przesunięta w czasie.

Edytor Gutenberg jest oparty na blokach  

Po pierwsze, chciałbym pokazać Ci szczególne cechy nowego edytora Gutenberg w porównaniu do klasycznego edytora TinyMCE.

Zasadniczo TinyMCE ogranicza się do najbardziej niezbędnych funkcji do tworzenia i edycji treści (patrz zrzut ekranu poniżej). Jeśli jednak chcesz zaimplementować specjalny układ lub określone funkcje dla swoich postów lub stron, nie zajdziesz daleko bez HTML, CSS, shortcodes i tym podobnych.

Edytor TinyMCE WordPress
Znajomy interfejs klasycznego edytora TinyMCE.

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

Edytor Gutenberg WordPress zapewnia określone bloki dla każdego elementu postu (np. nagłówki, tekst, cytaty, listy, obrazy, ...), z których "budujesz" ostateczny artykuł. Blok należy zatem rozumieć jako element konstrukcyjny, który zapewnia określone funkcje i w przyszłości zastąpi obecne elementy WordPress, takie jak skróty, widżety i menu.

Gutenberg-Edytor a wtyczki do tworzenia stron

Ze względu na system bloków, wielu członków społeczności WP dokonało już porównania między Gutenberg-edytorem i kreatorami stron już dokonało porównania. Chociaż Gutenberg początkowo zastąpi edytor TinyMCE w WordPress 5, Matt Mullenweg dał jasno do zrozumienia, że w przyszłości cały WordPress będzie składał się z bloków.

Powszechnym błędnym przekonaniem na temat Gutenberg jest to, że jest to tylko edytor. [...] Gutenberg to tak naprawdę wprowadzenie koncepcji bloków, które mogą uprościć korzystanie z WordPressa. Obejmie pisanie, edycję i dostosowywanie. - Matt Mullenweg

Jeśli jesteś zainteresowany tym, jak może wyglądać Customiser z Gutenberg w przyszłości, powinieneś obejrzeć prezentację Loop Conf "Dostosowywanie przyszłości" autorstwa Mel Choyce obejrzyj ją.

Podobieństwo Gutenberga do kreatorów stron również podsyciło dyskusję w jaki sposób integracja nowego edytora wpłynie na istniejące firmy zajmujące się tworzeniem stron w ekosystemie WordPress. Fakt, że klasyczne page buildery będą powoli wymierać jest jednym z przewidywanych scenariuszy.

Reakcje Beaver Builder, Divi, Elementor, Visual Composer i tym podobne, najbardziej znane kreatory stron pracują nad kompatybilnością z Gutenberg i nie wydają się mieć żadnych egzystencjalnych zmartwień. Jedynie twórcy page buildera Plugin Tailor ogłosili stosunkowo szybko po premierze pierwszej wersji beta Gutenberg po opublikowaniu pierwszej wersji beta , pociągnęli zasznurek i wycofali swoją wtyczkę.

Jak utworzyć post za pomocą Gutenberg

Gdy tworzysz stronę lub nowy post za pomocą edytora Gutenberg, początkowo otrzymujesz uporządkowany obszar pisania, który zawiera tylko blok nagłówka i blok akapitu.

Edytor WordPress Gutenberg
Tak wygląda edytor Gutenberg, gdy tworzysz nowy post.

Podobnie jak w przypadku edytora TinyMCE, permalink artykułu jest tworzony automatycznie, gdy tylko wypełnisz blok tytułu. Możesz przekształcić istniejący blok akapitu w dowolny blok i dodać nowe bloki. W tym celu możesz wybierać spośród różnych bloków treści.

Aby ułatwić znalezienie odpowiedniego bloku dla wymaganej funkcjonalności, bloki zostały podzielone na następujące kategorie: Najczęściej używane, Bloki ogólne, Formatowanie, Elementy układu, Widżety, Osadzone. Dostępna jest również funkcja wyszukiwania.

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

Nie będę tutaj szczegółowo wyjaśniał, jakie nowe opcje oferuje edytor Gutenberg i jak zmienia to przepływ pisania, ponieważ inni już to zrobili:

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

Odkąd Matt Mullenweg ogłosił na początku 2017 r., że WordPress otrzyma nowy edytor bloków, który całkowicie zastąpi edytor TinyMCE, społeczność była bardzo przeciwna.

Wśród niezliczonych artykułów i wpisów na blogach dotyczących edytora Gutenberg, gorące dyskusje gorące dyskusje w komentarzach i ogólne wrażenie jest takie, że wielu użytkowników WP czuje się ignorowanych w procesie decyzyjnym. Jedną z reakcji na te negatywne głosy jest artykuł autorstwa Gutenberg-Lead Matias Ventura, w którym stosuje paradoks Tezeusza do WordPress i po raz kolejny podkreśla zalety i wizję edytora Gutenberg.

"Może nadejść czas, gdy stare sposoby staną się przestarzałe i znikną, wchłonięte przez bogatszy i bardziej przejrzysty interfejs bloków, ale robimy jak najwięcej, aby uczynić to procesem. Stare nie musi zniknąć nagle, może być stopniowo kształtowane w nowe". - Matias Ventura

Opinie na temat Gutenberg są różne

Podzielona opinia społeczności WP na temat nowego edytora WordPress znajduje również odzwierciedlenie w ocenie wtyczki Gutenberg 175 razy wtyczka została oceniona na pięć gwiazdek i 269 razy na jedną gwiazdkę.

W tym miejscu należy jednak powiedzieć, że zespół Gutenberg radzi sobie z krytyką w sposób wzorowy, odpowiadając na wszystkie negatywne recenzje na poziomie merytorycznym, odnosząc się do obaw autora i prosząc o sugestie dotyczące ulepszeń.

WordPress-Editors Gutenberg Ocena
Ocena wtyczki Gutenberg(stan na lipiec 2018 r.)

Wtyczka Gutenberg ma obecnie ponad 10 000 aktywnych instalacji. Integracja z WP-Core z WordPress 5 nastąpi, gdy wtyczka będzie aktywna na ponad 100 000 witryn. Jeśli przetestowałeś już Gutenberg , możesz wesprzeć zespół Gutenberg niewielkim wysiłkiem, zostawiając zostawiając recenzję z Twoją opinią.

Co Gutenberg zmienia dla Ciebie i Twoich klientów?

Jeśli jesteś projektantem stron internetowych, który rozwija i utrzymuje witryny WordPress dla swoich klientów, prawdopodobnie masz wiele pytań: Jak edytor Gutenberg wpłynie na moją pracę? Jak moi klienci poradzą sobie z edytorem? Czy moje strony (klientów) będą nadal działać poprawnie po aktualizacji? I co ta zmiana oznacza dla WordPressa w ogóle?

Jedno jest pewne: nie jesteś sam z tymi pytaniami! Smutną wiadomością jest to, że prawdopodobnie nie będzie ostatecznej odpowiedzi, dopóki nie pojawi się aktualizacja do WordPress 5 i Twoi klienci nie zostaną z nią skonfrontowani. Jednakże, abyś był jak najlepiej przygotowany, oto przegląd najczęściej wymienianych zalet i przewidywanych problemów edytora Gutenberg.

PRO - Oto zalety edytora Gutenberg

  • Tworzenie wkładów jest bardziej intuicyjne a zwłaszcza dla początkujących użytkowników WP łatwiejsze. Powinno to pomóc Gutenberg uczynić WordPress bardziej dostępny dostępny.
  • Dzięki Gutenberg możesz funkcje lub układy takie jak układy wielokolumnowe, które wcześniej były możliwe tylko przy użyciu HTML, skrótów, widżetów i tym podobnych.
  • Programiści mogą tworzyć własne bloki Gutenberg a tym samym rozszerzać funkcjonalność swoich motywów i wtyczek.
  • Czysta powierzchnia Gutenberga z dużą ilością białych znaków sprawia, że pisanie jest wygodniejsze i nie rozprasza uwagi.
  • Tworzenie postów i stron WordPress za pomocą Gutenberg jest podobne do zasada WYSIWYG (To, co widzisz, jest tym, co otrzymujesz).
  • Nowy edytor sprawia, że WordPress innowacyjny i pozostaje konkurencyjny w stosunku do konkurencji ze strony Wix i Co.
  • Nasze porównanie wydajności wykazało, że WordPress 5 wykonuje test obciążenia działa znacznie lepiej niż WP 4.9. Ponieważ jednak jest to wciąż wersja alfa, wyniki należy traktować jedynie jako trend.

CONTRA - Prawdopodobnie napotkasz następujące przeszkody

  • Ponieważ użytkownicy WordPressa muszą najpierw przyzwyczaić się do nowego interfejsu, nowy edytor prawdopodobnie zakłóci początkowo przepływ pracy. zakłócić przepływ pracy.
  • Jeśli oferujesz usługę WordPress, po integracji z Gutenberg możesz spodziewać się zwiększonego zwiększonego wolumenu wsparcia należy się spodziewać.
  • Programiści, którzy chcą pracować z Gutenberg , nie mogą się tam dostać JavaScript nie mogą go ominąć. Nie bez powodu Matt Mullenweg powiedział w 2015 roku: "Naucz się JavaScript dogłębnie!"
  • Należy się spodziewać, że nie wszystkie wtyczki i motywy z Gutenberg kompatybilne gdy edytor jest zintegrowany z rdzeniem WordPress.
  • Najprawdopodobniej pojawią się błędy i konflikty które prowadzą na przykład do błędnych stron, problemów z wtyczkami i frustracji związanej z WordPressem. Zwłaszcza jeśli chodzi o kompatybilność z polami niestandardowymi i MetaBoxes wielu użytkowników WP jest zaniepokojonych.
  • Dla prostych wpisów na blogu korzystanie z różnych bloków może być bardziej uciążliwe niż w przypadku klasycznego edytora TinyMCE.
  • UX widoku Widok HTML różni się od klasycznego edytora, który niektórzy użytkownicy uważają za irytujący (patrz ilustracja).
Edytor WordPress Gutenberg: Widok HTML
W edytorze Gutenberg możesz wybrać widok HTML dla każdego pojedynczego 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. Od aktualizacji do WordPress 4.9.8 pod koniec lipca, pojawi się nawet oficjalna prośba o"Testowanie Gutenberg!" w WP-Dashboard .
Im więcej opinii i zgłoszeń błędów, tym lepiej edytor będzie działał później. Po szeroko zakrojonych testach możesz zgłosić swoje uwagi na forum pomocy technicznej WordPress lub otworzyć zgłoszenie na GitHub.

Ważne: Ponieważ wtyczka Gutenberg jest nadal w fazie beta, nie powinieneś oczywiście testować nowego edytora na swojej aktywnej stronie, ale w środowisku testowym (wykonaj wcześniej kopię zapasową, aby być po bezpiecznej stronie!). Jako klient Raidboxes możesz utworzyć środowisko testowe za pomocą jednego kliknięcia. środowisko testowe swojej witryny i od razu rozpocznij pracę.

Jeśli strona Gutenberg zawiesza się podczas testu lub powoduje inne problemy, masz dwie możliwości:

  1. Przed dużym skokiem wersji do 5, możesz naprawić swój popraw wersję WordPress.
  2. Po aktualizacji do wersji 4.9.8 zainstaluj wtyczkę Classic Editor (obecnie wciąż w wersji beta). Dzięki temu możesz nadal korzystać z edytora TinyMCE w WordPress 5.

Czy masz jeszcze jakieś pytania dotyczące edytora WordPress Gutenberg ? W takim razie zostaw mi komentarz tutaj. Jeśli chcesz omówić Gutenberg i inne tematy, zajrzyj do naszej społeczności Raidboxes Społeczność Slack dla profesjonalistów WP i wpadnij do nas!

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.
Komentarze są wyłączone.