Dobrzy, źli i ładni - WordPress Gutenberg na próbie

Torben Simon Meier Ostatnia aktualizacja w dniu 23.10.2020 r.
9 Min.
gutenberg Test
Ostatnia aktualizacja w dniu 23.10.2020 r.

Według Matta Mullenwega, nowy WordPress Gutenberg redaktor jest przyszłością WordPress . I po pierwszym teście okazuje się, że mógł mieć rację. Pod warunkiemGutenberg , że będzie można go używać do pracy na żywo z nadchodzącymi wydaniami. Na pierwszy rzut oka pokazujemy największe deficyty i najważniejsze funkcje nowego edytora.

Wciąż prowadzi cienistą egzystencję jako wersja beta. Może to zahamować rozwój nowego redaktora. Szkoda, bo w zasadzie Gutenberg wspaniały redaktor. Bez względu na to, jak przebiega faza beta, dalszy rozwój i integracja rdzenia, przyjrzeliśmy się bliżej Gutenberg i pokazaliśmy, na co można czekać i dlaczego Gutenberg nie należy go używać w pracy na żywo.

Zawartość na pierwszy rzut oka:

  1. Instalacja
  2. Nowy system blokowy
  3. Zdjęcia
  4. Filmy wideo
  5. Cytaty i media społecznościowe
  6. Tabele i fragmenty kodów
  7. Przyciski
  8. HTML
  9. Wnioski

Pierwszy szok: Wszystko jak dawniej

Instalacja działa jak wszystkie innePlugins : Gutenberg w katalogu pluginów wyszukać, pobrać, aktywować, zrobić. Nowy edytor można wtedy znaleźć w pasku bocznym WP Dashboard.

Tak naprawdę, najpierw szukałem przycisku w edytorze nowego postu. Niestety na próżno. Pierwsze spostrzeżenie w tym momencie: Gutenberg nie staje się automatycznie domyślnym edytorem. Istniejące stanowiska można jednak otwierać przez Gutenberg . Aby to zrobić, należy przejść do przeglądu postów i wybrać nieco ukrytą Gutenberg opcję.

Można też Gutenberg otworzyć stare składki.
Nieco ukryta Gutenbergopcja znajduje się w szybkim wyborze postów.

Wynik jest niestety w tej chwili niemiły: Jeśli otworzysz istniejący artykuł, przynajmniej w naszym teście, cała zawartość jest pakowana w jeden blok. To prowadzi samo w sobie doskonały system blokowy ad absurdum. I oczywiście oznacza to, że artykuły, które nie Gutenberg zostały stworzone przy pomocy nowego edytora, nie mogą być edytowane przy pomocy nowego edytora.

Zauważyliśmy też dwa inne poważne problemy: Po pierwsze, w naszym teście nie zadziałało ustawienie linków (ani na URLach, ani na hakach wewnątrz artykułu). A po drugie, nie jesteśmy Gutenberg jeszcze w stanie wyświetlić opcji postów specyficznych dla wtyczek. Na przykład, opcje SEO i social media Yoast'a nie są ustawione poniżej artykułu jak zwykle, a autor postu nie może być ustawiony Gutenberg sam.

istniejące wkłady gutenberg niestety całkowicie zniszczone
Wynik próby otwarcia istniejącego stanowiskaGutenberg : Nie tylko obraz jest zniekształcony, ale także obraz i tekst znajdują się w tym samym bloku. Co więcej, linki już nie działają.

Wszystkie te punkty prowadzą do tego, że Gutenberg po prostu nie nadaje się on jeszcze do pracy na żywo. Ponieważ edytor jest nadal w fazie beta (obecnie w wersji 0.2.0), jest to zrozumiałe, ale ograniczenie w postaci 100.000 aktywnych instalacji w ciągu najbliższych dwóch miesięcy teraz wydaje się utopijny. To nie jest złe samo w sobie, ale rodzi pytanie o początek pełnej wersji.

Wynika to z faktu, że faza beta może prowadzić do tego, że wielu użytkowników, którzy nie mają środowiska deweloperskiego lub instancji testowych, niechętnie będzie Gutenberg instalować i testować. RAIDBOXES - Przy okazji, klienci mogą łatwo zainstalować edytor w Staging albo przetestować go na DEMOBOX .

Ponieważ Gutenberg obecny stan nie jest odpowiedni do pracy pod napięciem z kilku powodów, ograniczamy nasz test wersji 0.2.0 do samego procesu zapisu. Proces Gutenberg pisania jest łatwiejszy niż kiedykolwiek wcześniej.

Zasada bloku przekonuje i inspiruje

Redaktor od samego początku wygląda tak samo dobrze jak w Demo. Nasze wrażenie zatem: przypomina raczej budowniczego stron niż redaktora tekstu. Ale nie zrozum tego źle: W chwili obecnej można Gutenberg tworzyć tylko wkłady, a nie strony.

Zasada bloku opiera się na idei dostarczania każdej treści, argumentacji lub jednostki medialnej Twojego wpisu do bloga z własnym, konfigurowalnym i ruchomym środowiskiem. Tylko blok.

Właściwie idea idzie jeszcze dalej: bloki mają stać się nowym meta formatem WordPress i stopniowo zastępować wszystkie inne elementy.

Zbudujemy o wiele więcej rodzajów bloków. I to jest podstawa, oczywiście, tego, co będzie przyszłością dostosowywania. Więc bloki zastąpią widgety, bloki zastąpią jakieś inne podstawy i prymitywy wewnątrz WordPress - aż wszystko będzie blokiem

- Matt Mullenweg, WordCamp Europe 2017, Paryż

Każdy element, który wstawiasz do jednego z postów jest więc definiowany jako blok. Nieważne, czy jest to zdjęcie, wideo, cytat, tweet, stół czy przycisk. Wspaniała rzecz w tym, że bloki można przesuwać niezależnie od siebie. Jeszcze nie metodą "przeciągnij i upuść", ale tylko w pojedynczych krokach, co również znacznie ułatwia restrukturyzację wkładów i ich projektowanie.

Już w wersji beta oferuje Gutenberg kilkadziesiąt możliwych typów bloków.
Podczas tworzenia nowego bloku wyświetlane są wszystkie opcje konfiguracyjne. W chwili obecnej jest to już imponująca liczba, ale oczekuje się, że z czasem będzie ona jeszcze bardziej rosła. Ale towarzyszy temu kwestia przeglądu. Już teraz można przewijać dość daleko w wyborze bloków.

Zasada bloku oferuje trzy konkretne zalety, które mogliśmy określić w naszym jednogodzinnym teście:

1. tworzenie treści staje się bardziej dynamiczne

Każdy akapit, każdy obrazek, każdy film to osobny blok. Bloki te mogą być przesuwane niezależnie. Restrukturyzacja tekstów staje się więc dziecinnie łatwa. W chwili obecnej, to poruszanie się jest możliwe tylko w pojedynczych krokach, a nie poprzez przeciąganie i upuszczanie.

Przesuwanie bloków jest możliwe tylko w Gutenberg pojedynczych krokach, ale jest bardzo łatwe.

2. większy przegląd i uporządkowany edytor

Ze względu na swoją czystą konstrukcję, redaktor dosłownie błagał nas o przetestowanie wszystkich możliwych formatów bloków. Nasze wrażenie: Dzięki bardzo zredukowanemu wzornictwu, które jest rodzajem "bezrozpraszającego pisania" deluxe, zostaliśmy zainspirowani doCelem jest dużo intensywniejsze zastanowienie się nad możliwościami projektowania i ich sensem. Wynika to również z nowości samego edytora, ale szczególnie w połączeniu z dynamiką bloków oferuje Gutenberg zupełnie nowe doświadczenie w tworzeniu treści. Szczególnie pomaga tu bezkompromisowe centrowanie tekstu. I: Uważamy, że redaktor już wygląda cholernie dobrze.

Gutenberg ma bardzo zmniejszoną powierzchnię. A jednak wygląda wybitnie.
Edytor jest tak zredukowany, że nie jest już potrzebny tryb pozwalający na pisanie bez rozpraszania uwagi. Przy okazji, pasek ustawień po prawej stronie może być złożony.

3. większa koncentracja na tym, co istotne

Wreszcie, nowa zasada blokowa ma tę zaletę, że - gdy się do niej przyzwyczaisz - wspiera naturalny proces myślenia i pisania. Każda myśl, każdy argument staje się blokadą. To sprawia, że strukturyzacja artykułów jest znacznie łatwiejsza i bardziej intuicyjna.

Zasada bloku jest łatwa do zrozumienia, chwytliwa, ułatwia tworzenie treści, a naszym zdaniem, z punktu widzenia UX-owego, ma potencjał, aby stać się big shot, który jest reklamowany.

Praca z obrazami to prawdziwa przyjemność

Wstawianie zdjęć odbywa się również za pomocą bloków i w zasadzie tak jak poprzednio - tylko trochę bardziej intuicyjnie. Po utworzeniu bloku z obrazem należy wybrać obraz z biblioteki medialnej lub go przesłać. Następnie można go wyregulować za pomocą specjalnych opcji obrazowych bloku. Wspaniałą rzeczą jest to, że pokazane są tylko te opcje, których potrzebujesz. Napisy i alternatywny tekst mogą być również napisane bezpośrednio wGutenberg . Pasek ustawień po prawej stronie również dostosowuje się do wybranego bloku.

Obrazy Gutenberg mogą być łatwo ustawione w lewo, w prawo i na pełną szerokość.
Nie do zobaczenia: Po prawej stronie można dokonać wszystkich ustawień szczegółów specyficznych dla danego ekranu. Na pasku układu po lewej stronie można odpowiednio umieścić obraz.

Nawiasem mówiąc, przedstawione powyżej opcje układu istnieją dla wszystkich bloków, tj. filmy, cytaty, posty w mediach społecznościowych itp. Co również zauważyliśmy: opcja galerii ma teraz swój własny blok. To czyni tę opcję bardziej dostępną dla niektórych osób.

Integracja wideo bezpośrednio przez platformę

Przepływ pracy nie jest Gutenberg przerywany nawet w przypadku integracji ruchomych obrazów: Wystarczy utworzyć nowy blok, wybrać odpowiedni nośnik (lub pusty blok osadzony), wstawić adres URL, gotowe.

Ze względu na ilość poszczególnych ofert, wybór bloku jest już tutaj nieco mylący. Co więcej, poczucie specjalnych bloków dla niektórych platform wideo, takich jak WordPress .tv, nie jest dla nas jasne. Ponieważ można również zintegrować wszystkie filmy wideo po prostu za pomocą uniwersalnego bloku osadzania.

Cytaty pozostają bez zmian, wpisy w mediach społecznościowych stają się miłe i łatwe

Włączenie cytatów nie zmieniło się wiele, tyle że teraz można je łatwiej przesuwać na zasadzie bloku. Natomiast osadzanie wpisów w mediach społecznościowych stało się nieco łatwiejsze i przyjemniejsze: teraz można się do nich bezpośrednio linkować, wpisując link i bez kodu osadzania Praca.

Gutenberg sprawia również, że integracja tweetów jest bardzo łatwa.

Nowiutki: Tablice. Wszystkie te same stare fragmenty kodu.

Zupełnie nową opcją jest możliwość wstawiania tabel Plugin bezpośrednio przez edytor, bez konieczności stosowania dodatkowych. Obecnie możliwe są tylko tabele dwukolumnowe, ale wstawianie ich jest równie łatwe jak w przypadku wszystkich innych bloków. Stoły w naszym teście nie mogły zrobić więcej. Dodatkowo, szerokość kolumny zmienia się dynamicznie podczas wprowadzania tekstu. Widać, że blok nie jest jeszcze ukończony.

Jednak przy wstawianiu fragmentów kodu wszystko pozostaje takie samo.

Najlepsze na koniec: Przyciski

Na koniec WordPress edytor oferuje możliwość ustawienia przycisków w normalnym toku pracy nad publikacją. Tak po prostu, poprzez specjalnie w tym celu stworzony blok. Zasadniczo wystarczy tylko wstawić przycisk, zdefiniować link za nim i wybrać podpis i kolor. W zasadzie. Bo w naszym teście ta funkcja też jeszcze nie zadziałała.

Korekty HTML jak zwykle. Tylko ładniejsza.

System blokowy nie został przeniesiony do edytora HTML. Wygląda tak samo jak wcześniej, ale dzięki nowemu projektowi, trochę świeższy. A kod jest teraz automatycznie wcinany. Pomaga to w przeglądzie.

tak wygląda html w starym edytorze
tak wygląda html w nowym edytorze
Nad wariantem z aktualnego edytora. Ze względu na większą szerokość linii, jest ona ogólnie krótsza, ale również mniej wyraźna niż w Gutenbergwariancie z liniami wciętymi.

Za pomocą wizualnego edytora można również wstawiać własne bloki HTML. Piękno tego polega na tym, że kod HTML może być edytowany w bloku i wynik może być oglądany bezpośrednio.

jak włączyć niestandardową html
Za pomocą prostego przycisku w lewym górnym rogu bloku można przełączać się między kodem a podglądem w niestandardowym HTML.

Wniosek: Uczucie jest dobre, funkcje nadal wymagają poprawy, kompatybilność jest słaba.

Obecna Gutenberg wersja 0.2.0 jest wersją beta. Dlatego nie jest konieczne, aby wszystko już działało sprawnie. Wcale nie. Zwłaszcza stoliki i przyciski muszą jeszcze zostać zmienione - a więc dwa z najciekawszych bloków. A także kompatybilność w dół i integracja ważnych funkcji wydawniczych nie przebiega jeszcze płynnie. Więc w tej chwili musisz wrócić do starego edytora najpóźniej podczas dostrajania nowego postu. Więcej niż jeden test i krótkie spojrzenie w kryształową kulę nie jest Gutenberg więc w tej chwili naprawdę przydatne.

Ale jest jedna rzecz, którą nowy redaktor może w pełni przekonać pod jednym względem: zasada blokady. To już wyraźnie przyspiesza proces pisania i czyni go znacznie bardziej intuicyjnym i łatwym w obsłudze. Zwłaszcza dla częstych pisarzy, powinna to być ogromna ulga.

Ale zasada blokady jest o wiele ważniejsza i ma o wiele większy potencjał niż tylko ułatwianie pisania artykułów. I widać, że Mullenweg aktywnie chce iść w kierunku podejścia blokowegoWordPress . W jego Sesja pytań i odpowiedzi w ramach WordCamp Europe w Paryżu, już wyraźnie wskazuje, dokąd ma jechać.

Zbudujemy o wiele więcej rodzajów bloków. I to jest podstawa, oczywiście, tego, co będzie przyszłością dostosowywania. Tak więc bloki zastąpią widgety, bloki zastąpią wszelkie inne podstawy i prymitywy wewnątrz WordPress - aż do momentu, gdy wszystko stanie się blokiem.

- Matt Mullenweg, WordCamp Europe 2017, Paryż

Interpretujemy to w następujący sposób: Nowy WordPress redaktor, który ma stać się częścią WordPress -Core, ma być aktywnie rozwijany w kierunku potężnego budowniczego stron. Jeżeli zasada blokady zacznie obowiązywać po przekroczeniu poziomu wkładu, kolejne publikacje powinny być bardzo interesujące. Ale zanim to się stanie, musi Gutenberg najpierw dorosnąć i zasłużyć na swoje prawo do istnienia jako WordPress redaktor.

W każdym razie, czekamy na dalsze aktualizacje i oczywiście stabilną pełną wersję Gutenberg. Nadal masz wkład do nowego edytora, którego nie relacjonowaliśmy, lub doświadczenie, którym chcesz się podzielić ze społecznością? W takim razie czekamy na Państwa komentarz!

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.