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.
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.
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.
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:
- Elmastudio: WordPress: Krótkie wprowadzenie do edytora Gutenberg [Wideo]
- Morten Rand-Hendriksen: Gutenberg i WordPress Jutra [Wideo]
- LinkedIn Nauka: Gutenberg i nowy edytor bloków WordPress [Wideo]
- Matias Venturas: Gutenberg Demo na WCUS 2017 [Wideo, od 35:00]
- Gutenberg-strona i najczęściej zadawane pytania na WordPress.org
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ń.
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).
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:
- Przed dużym skokiem wersji do 5, możesz naprawić swój popraw wersję WordPress.
- 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!