Co powinieneś wiedzieć o edytorze WordPress Gutenberg

Edytor Gutenberg WordPress będzie jednym z najbardziej integralnych aspektów rdzenia WordPressa. Ale co to w ogóle oznacza dla właścicieli witryn? Co się stanie, jeśli użytkownik już używa kreatora stron? Na te i inne pytania odpowiemy w tym przewodniku. Porozmawiamy również o podstawach Gutenberga. Ponadto porozmawiamy o wszystkim, co musisz wiedzieć o najnowszej wersji. W międzyczasie oto wtyczki do tworzenia stron, ułatwiające projektowanie WordPress.

Zrozumienie edytora WordPress Gutenberg

Edytor Gutenberg WordPress to nowy edytor wizualny. Ponadto został zaprojektowany tak, aby został włączony do rdzenia WordPressa. Gutenberg pomaga, dodając funkcje, takie jak kreatory stron, ale z dodanymi blokami treści. Na przykład może przywrócić TinyMCE jako jeden z domyślnych edytorów treści.

Niemniej jednak, gdy z niego korzystasz, zauważysz, że zawartość jest dodawana w różnych typach bloków. Co więcej, dodawanie zaczyna się bezpośrednio z zaplecza WordPress.

Co więcej , Gutenberg to więcej niż tylko redaktor. Dodaje dostosowanie do całego doświadczenia publikowania treści. Umożliwia użytkownikowi stworzenie nowoczesnego designu. Oferuje również lepsze wrażenia podczas edycji. Co więcej, buduje fundament pod przyszłość witryn WordPress. Gutenberg jest w kolejce do wydania w WordPress 5.0.

Główny cel edytora WordPress Gutenberg

Przyjrzyjmy się podstawowym celom Gutenberga z perspektywy funkcjonalności.

Głównym celem jest sprawienie, aby doświadczenie „dodawania bogatej zawartości do WordPressa” było przyjemniejsze i bardziej ekscytujące.

To kluczowy krok naprzód w ewolucji WordPressa. Bez Gutenberga natywna funkcjonalność WordPressa obejmuje tylko podstawowy edytor tekstu dla artykułów. Ponadto dzięki Gutenbergowi użytkownicy WordPressa mogą tworzyć fajnie wyglądające układy treści. Co więcej, Gutenberg jest jednym z wielu znaczących przejść mających na celu uproszczenie obsługi WordPressa.

Zastanawiasz się nad toczącą się debatą na temat Gutenberga? Następnie czytaj dalej, gdy omawiamy to bardziej szczegółowo.

Matt Mullenweg jest wybitną postacią stojącą za Gutenbergiem

Zgodnie z zapowiedzią Mullenweg w „State of the Word 2016” Gutenberg jest redaktorem wizualnym. Jest to jednak jeden z trzech głównych celów związanych z przyszłością WordPressa. Wcześniej w 2017 roku Mullenweg przejął Gutenberg jako kierownik projektu. Jednak do dalszego rozwoju Mullenweg zatrudnił Joena Asmussena i Matiasa Venturę. Zatrudnia ich jako pracowników Automatyki. Jeśli więc chcesz przeczytać więcej na Mullenweg o Gutenbergu, powinieneś odwiedzić „Nazywaliśmy to Gutenbergiem z jakiegoś powodu”.

Dodanie Gutenberga do witryny WordPress jest bardzo łatwe, pobierając go jako wtyczkę WordPress, którą można znaleźć w katalogu wtyczek WordPress.
Wtyczka Gutenberg jest aktualizowana co tydzień, w miarę dodawania nowych i ulepszonych funkcji. Zwróć jednak uwagę na opis tej wtyczki. Jest to wciąż oprogramowanie w wersji beta i należy z niego korzystać z należytą ostrożnością. Jak wspomniano wcześniej, ten edytor prawdopodobnie zostanie zintegrowany z WordPress 5.0.

Gutenberg wciąż jest wdrażany

Oto, co musisz wiedzieć o nadchodzących funkcjach Gutenberga.

• Gutenberg nie jest jeszcze skończony. Obecnie wdrażane są różne funkcje Gutenberga. Wraz z tym nowa wersja wprowadziła ulepszenia do wcześniej zaimplementowanych funkcji i interfejsu użytkownika.
• Nie martw się, jeśli Gutenberg nie działa obecnie poprawnie dla Ciebie. Problemy są rozwiązywane, ponieważ zespół nadal go rozwija.
• Edytor jest pisany przy pomocy React JavaScript. Jednak biorąc pod uwagę obecny akt Facebooka polegający na ponownym licencjonowaniu projektu pod nazwą – licencja MIT, pan Matt ogłosił, że Gutenberg i wordpress.com zostaną przepisane z inną biblioteką. To opóźni na jakiś czas postępy Gutenberga.

Osadzania i bloki Gutenberga

Aby dostosować układ i treść, Gutenberg oferuje szereg bloków.

Oto oferowane osadzone przez Gutenberga.

Plusy Gutenberga

Oto niektóre z wielkich korzyści płynących z włączenia Gutenberga do WordPress 5.0.

Postęp w edytorze wizualnym WordPress

• Przez lata edytor wizualny WordPress był dość mdły.
• Celem Gutenberga jest zintegrowanie interfejsu, który jest wysoce intuicyjny dla użytkowników. Został zaprojektowany, aby pomóc WordPressowi konkurować z innymi edytorami wizualnymi, takimi jak Squarespace i Wix.

Sprytne posunięcie, aby przechowywać informacje o blokach za pomocą komentarzy HTML

• Gutenberg przechowuje informacje o blokach w komentarzach HTML.
• Komentarze te nie są aktywnie renderowane na aktywnych stronach witryny i można je zobaczyć tylko w zapleczu witryny.

Możesz łatwo wyłączyć Gutenberga bez uszkadzania strony

• W przeciwieństwie do innych edytorów stron, możesz łatwo odinstalować ten wizualny edytor - Gutenberg bez psucia witryny.
• Podczas reaktywacji Gutenberga nie ma szans na utratę wcześniej ułożonych bloków. Komentarze HTML są zawsze zachowywane w treści.
• Musisz zauważyć, że jeśli Gutenberg jest dezaktywowany, źródło strony może renderować komentarze HTML.

Lepsze wykonanie procedury kopiowania/wklejania

• W poprzednich wersjach Gutenberga implementacja kopiowania/wklejania była niczym innym jak bałaganem. Również formatowanie gubiło się w tym całym procesie, ale tak już nie jest.
• Wklejanie list, nagłówków, akapitów itp. kończy się w odpowiednim typie bloków, które są automatycznie budowane przez Gutenberga.
• Zachowane są również znaczniki tekstowe, takie jak kursywa i pogrubienie.

Silne wyjście HTML5

• Gutenberg używa znaczników HTML 5, takich jak rysunek i przekrój, do blokowania treści wyjściowych.
• Za pomocą znaczników HTML 5 można w Gutenbergu tworzyć treści, które są przyszłościowe.

Łatwe pisanie bloków

• Aby tworzyć spersonalizowane treści, programiści mogą tworzyć własne bloki.
• Dostępnych jest wiele zasobów internetowych, aby uzyskać więcej informacji na temat pisania bloku w Gutenbergu.

Wady korzystania z Gutenberga

Koniec z kompozycją w przeglądarce

• Głównym celem interfejsu użytkownika Gutenberga jest układ treści, a nie tworzenie treści.
• Dawne czasy twórców komponowania treści za pomocą okna posta już się skończyły.

Może się okazać, że interfejs użytkownika jest trochę niezgrabny

• Niektóre proste zadania mogą wymagać więcej działań niż w przeszłości. Gdy aktualizujesz stronę, będziesz musiał kliknąć dwa razy, a nie jedno. Dostępne są pewne nieokreślone ikony, które nie mają wielu wskazówek na temat ich dokładnej funkcjonalności.
• W przypadku mniejszych wyświetlaczy układ trzech kolumn może być mylący, gdy użytkownik przewija w dół. Te trzy kolumny obejmują edytor Gutenberga, menu administratora i pasek boczny Gutenberga. Jest to szczególnie ważne, jeśli Twój ekran ma rozmiar 12 cali lub mniejszy.
• Obok i pod edytorem, pola meta nie są widoczne w rozszerzonych ustawieniach.

Akapity nie mają skrótów

• Na razie nie ma możliwości wykonania skrótów w blokach akapitów lub kolumnach tekstowych.
• Aby zmusić je do pracy, muszą być włączone do bloku shortcode.
• Jeśli skrócony kod generuje jakąkolwiek zawartość wstawianą, taką jak rok lub dowolne z wezwania do działania, może to spowodować pewne problemy.
• Pamiętaj, że skróty w postach/stronach mogą nadal działać, nawet jeśli Gutenberg jest zintegrowany z istniejącą witryną. Deweloperzy wykonali lepszą robotę, zapewniając, że obecna platforma się nie zepsuje.

Brak innych embedów lub obrazów w akapitach

• W Gutenbergu obrazy potrzebują swojego bloku. Nie możesz więc zawijać tekstu wokół żadnych obrazów.
• Podobnie elementy osadzone, takie jak wideo lub audio, również wymagają swojego bloku. W przeciwnym razie osadzania z Vimeo, YouTube itp. mogą już nie działać w kolumnach tekstowych lub akapitach Gutenberga.

Poważne problemy z dostępnością (przynajmniej na razie)

• Na razie Gutenberg ma problemy z dostępnością. Mogą wystąpić poważne problemy z dostępem do niego za pomocą zaplecza edytora. Dotyczy to również treści wyjściowej na interfejsie użytkownika (tj. wbudowanego CSS).
• Przed ostatecznym wydaniem zespół WP Accessibility prawdopodobnie rozwiąże te problemy.
  - Ogólnie rzecz biorąc, dostępność jest priorytetem dla WordPressa.
  - Ponieważ wbudowany CSS jest obecnie zachowywany w komentarzach HTML przed renderowaniem na interfejsie użytkownika, sposób, w jaki programiści rozwiążą ten problem, jest teraz dużym pytaniem.

Starsze motywy nie obsługują danych wyjściowych HTML 5

• Edytor blokuje zawartość wyjściową za pomocą znaczników HTML 5, takich jak rysunek i przekrój.
• Wiele starszych motywów nie posiada CSS do obsługi stylów tagów. W związku z tym dopełnienie lub marginesy dla takich znaczników mogą nie istnieć.
• Sam Gutenberg nie ma własnych arkuszy stylów, aby to wyjaśnić.

Wiele pozostaje nierozwiązanych z Gutenbergiem

Relacja między tematami a redaktorem Gutenberga:

• Jak wspomniano wcześniej, Gutenberg bardziej dotyczy treści, a nie ogólnej stylizacji. Nadal możesz dodać trochę kolorów tła do bloków, ale jest to wykonywane bardziej jak styl liniowy.
• Na razie marginesy i dopełnienia bloków są niezaadresowane.
• Inne narzędzia do tworzenia stron WordPress umożliwiają użytkownikowi łatwe dostrojenie kontroli nad kolumnami, wierszami, odstępami itp. Obecnie Gutenberg zależy do tego od motywu.
• Jeśli chodzi o obsługę motywów Gutenberga, w dokumentach jest bardzo mało informacji. Obejmuje to również obsługę szerokiej gamy obrazów, obsługę bloków i obsługę palety kolorów.
• W dokumentacji znajduje się trochę informacji dotyczących stosowania stylów w edytorze Gutenberga i korzystania z arkuszy stylów.
• Głównym problemem jest to, że Gutenberg musi jeszcze rozwiązać problemy dla nowicjuszy w zakresie tworzenia stron internetowych/projektowania. Są to odbiorcy, którym Gutenberg chce pomóc, ale większość z nich nie ma pojęcia o tym, jak działa związek między motywami a systemem WordPress.

W jaki sposób Gutenberg włączy się do rdzenia WordPressa?

Jak na razie wskazania wskazują na to, że Gutenberg będzie częścią rdzenia WordPressa. Oczekuje się, że WordPress w wersji 5.0 zostanie wydany w 2018 roku.
Jeśli zastanawiasz się, czy edytor będzie domyślnie włączony, czy też można go wyłączyć z własnej woli, na te pytania nie ma jeszcze odpowiedzi. W tym momencie nic nie można powiedzieć z całą pewnością. Być może edytor będzie działał w taki sam sposób jak REST API (domyślnie włączony). Można go również łatwo wyłączyć za pomocą wtyczki jednofunkcyjnej lub różnych wtyczek bezpieczeństwa, takich jak iThemes Security.

Większość ludzi myśli, że będzie pochodzić z wtyczki lub bloku kodu „Wyłącz Gutenberga”. Może słynni twórcy stron mogą zawierać opcję wyłączenia Gutenberga w swoich ustawieniach. Jedną z popularnych sugestii jest oferowanie go na Jetpack i umożliwienie użytkownikowi aktywowania go za pomocą tej platformy.

Data wydania edytora WordPress Gutenberg

Jak dotąd nie ogłoszono oficjalnej daty premiery.

Jednak Matt Mullenweg powiedział: „Zespół Gutenberga cofa się o krok. Robią to, aby przepisać Gutenberga przy użyciu innej biblioteki. Może to spowodować opóźnienie w wydaniu Gutenberga, co najmniej o kilka tygodni. Właśnie dlatego wydanie Gutenberga zostało przesunięte na rok 2018”.

Było wiele silnych reakcji na to konkretne stwierdzenie. Na przykład Yoast powiedział:

„W Yoast byliśmy dość zszokowani tymi słowami. W swojej obecnej formie Gutenberg nie jest – w ogóle – gotowy do użytku głównego nurtu. W rzeczywistości nie uważamy, aby był gotowy do wydania w dowolnym miejscu w pierwszej połowie 2018 roku Ponadto gotowość do wydania oznacza, że ​​społeczność miała wystarczająco dużo czasu, aby naprawić wszystkie swoje integracje.Jednak w tym momencie nie jest możliwe, aby wtyczki w ogóle integrowały się z Gutenbergiem.Jak na ziemi twórcy wtyczek powinni być w stanie zbudować swoje integracje w ciągu kilku miesięcy? To nie jest możliwe. Przynajmniej nie bez psucia rzeczy”.

Yoast poleca alternatywny kurs dla Gutenberga

„Jesteśmy bardzo entuzjastycznie nastawieni do idei bloków. Mamy jednak poważne obawy co do niektórych wyborów technicznych. Ponadto, co do szybkości procesu wdrażania. Poza tym martwi nas brak priorytetu przyznanego kwestiom dostępności w Mimo to bardzo martwi nas fakt, że wtyczki nie są w stanie zintegrować się z nowym edytorem.”

Yoast omówił koncepcję włączenia swojej wtyczki do Gutenberga.

„Zaczęliśmy od rozbicia wszystkich naszych funkcji. Co więcej, zaczęliśmy sprawdzać, gdzie możemy je zintegrować z Gutenbergiem. Nie sądzimy jednak, aby trzymanie jednego, ogromnego pola pod edytorem najlepiej służyło naszym klientom. wolelibyśmy zintegrować się dokładnie tam, gdzie dzieje się akcja. Gutenberg daje nam tę szansę.

Jakie są twoje opinie na temat Gutenberga?

Aby na to odpowiedzieć, zdecydowanie wypróbuj Gutenberga. Zapoznaj się również z edytorem Gutenberg WordPress, używając go na stronie testowej. Następnie daj nam znać, co Ci się w tym podoba lub nie podoba.

Mimo to możesz przesłać swoją opinię bezpośrednio do zespołu Gutenberga. Przejdź do sekcji opinii w menu paska bocznego Gutenberga. Opowiedz im o swoich doświadczeniach we współpracy z Gutenbergiem. W rezultacie przyczynisz się do sukcesu tego projektu.