gutenberg test

The Good, the Bad and the Pretty - WordPress Gutenberg w teście

Jeśli wierzyć Mattowi Mullenwegowi, nowy redaktor WordPress Gutenberg jest przyszłością WordPress . I już po pierwszym teście widać, że może mieć rację. Pod warunkiem, że Gutenberg będzie również użyteczny do pracy na żywo z nadchodzącymi wydaniami. Pokazujemy w skrócie największe braki i najważniejsze funkcje nowego edytora.

Jako wersja beta nadal pozostaje w cieniu. Mogłoby to utrudnić rozwój nowego edytora. A szkoda, bo w zasadzie Gutenberg to wspaniały redaktor. Niezależnie od tego, jak przebiega faza beta, dalszy rozwój i integracja rdzenia, przyjrzeliśmy się bliżej Gutenberg i pokazujemy, czego można się spodziewać i dlaczego nie należy używać Gutenberg w pracy na żywo.

Zawartość w skrócie:

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

Pierwszy szok: wszystko jak dawniej

Instalacja jest taka sama jak w przypadku wszystkich innych Plugins : Wyszukaj Gutenberg w katalogu pluginów, pobierz, aktywuj, gotowe. Nowy edytor znajdziesz w pasku bocznym pulpitu nawigacyjnego WP.

W rzeczywistości, najpierw szukałem odpowiedniego przycisku w edytorze nowego postu. Niestety bezskutecznie. Pierwsze spostrzeżenie w tym miejscu: Gutenberg nie staje się automatycznie domyślnym edytorem. Możesz jednak otworzyć istniejące posty poprzez Gutenberg . Aby to zrobić, musisz przejść do przeglądu postów i wybrać, nieco ukrytą, opcję Gutenberg .

Stare posty można również otworzyć za pomocą Gutenberg .
Opcja Gutenberg jest nieco ukryta w szybkim wyborze postów.

Niestety, wynik nie jest ładny: Jeśli otworzysz już istniejący artykuł, przynajmniej w naszym teście, cała zawartość jest pakowana do jednego bloku. To prowadzi sam w sobie doskonały system blokowy ad absurdum. I, oczywiście, oznacza to, że nie można edytować artykułów, które nie zostały utworzone za pomocą Gutenberg z nowym edytorem.

Zwróciły naszą uwagę dwa inne poważne problemy: Po pierwsze, ustawianie linków nie zadziałało w naszym teście (ani na adresach URL, ani na wewnętrznych hakach artykułów). A po drugie, Gutenberg nie może jeszcze wyświetlać opcji postów specyficznych dla wtyczek. Na przykład, opcje SEO i mediów społecznościowych Yoast nie są ustawione pod artykułem, jak zwykle, a także autor postu nie może być obecnie ustawiony przez Gutenberg .

istniejące składki rozdrabnia gutenberg niestety całkowicie
Wynik próby otwarcia istniejącego postu w Gutenberg : Nie tylko obraz jest zniekształcony, ale obraz i tekst znajdują się w tym samym bloku. Ponadto, linki już nie działają.

Wszystkie te punkty oznaczają, że Gutenberg po prostu nie nadaje się jeszcze do pracy na żywo. Ponieważ edytor jest jeszcze w fazie beta (obecnie w wersji 0.2.0), można to znieść, ale ogłoszony przez Matta Mullenwega limit 100 000 aktywnych instalacji w ciągu najbliższych dwóch miesięcy wydaje się utopią. Choć nie jest to złe samo w sobie, to rodzi pytanie o uruchomienie pełnej wersji.

Ponieważ etap beta może sprawić, że wielu użytkowników, którzy nie mają środowiska programistycznego lub instancji testowych, będzie się wzbraniało  przed zainstalowaniem i przetestowaniem Gutenberga. Przy okazji, klienci Raidboxes mogą łatwo przetestować edytor w staging lub na demo box.

Ponieważ Gutenberg w obecnym stanie z kilku powodów nie nadaje się do pracy na żywo, ograniczymy naszą recenzję wersji 0.2.0 do samego procesu pisania. Dzięki Gutenberg , proces pisania jest łatwiejszy niż kiedykolwiek wcześniej.

Zasada bloku przekonuje i inspiruje

Edytor od początku wygląda tak samo dobrze jak w Demo. Nasze wrażenie zatem: Przypomina bardziej kreator stron niż edytor tekstu. Ale nie zrozumcie tego źle: Obecnie tylko posty, bez stron, mogą być tworzone z Gutenberg .

Zasada bloków opiera się na ideizapewnienia każdej treści, argumentowi lub jednostce medialnej Twojego wpisu na blogu własnego, konfigurowalnego i ruchomego otoczenia. Innymi słowy, blok.

Właściwie pomysł idzie jeszcze dalej: Bloki powinny stać się nowym meta-formatem dla WordPress i stopniowo zjednoczyć i zastąpić wszystkie inne elementy.

Będziemy budować o wiele więcej rodzajów klocków. I to jest oczywiście podstawa tego, co będzie przyszłością personalizacji. Więc bloki zastąpią widżety, bloki zastąpią wszystkie inne podstawy i prymitywy wewnątrz WordPress - aż wszystko będzie blokiem.

- Matt Mullenweg, WordCamp Europe 2017, Paryż

Tak więc każdy element, który wstawiasz do jednego ze swoich postów, jest zdefiniowany jako blok. Niezależnie od tego, czy jest to obraz, wideo, cytat, tweet, tabela czy przycisk. Wspaniałą rzeczą w tym rozwiązaniu jest to, że klocki można przesuwać niezależnie od siebie. Chociaż jeszcze nie przez przeciągnij i upuść, ale tylko w poszczególnych krokach, ale to również ułatwia restrukturyzację postów i ich projektowania ogromnie.

Znajdujący się już w fazie beta serwis Gutenberg oferuje kilkadziesiąt możliwych typów bloków.
Kiedy tworzysz nowy blok, zobaczysz wszystkie opcje konfiguracyjne. Już obecnie jest to imponująca liczba, ale oczekuje się, że z czasem wzrośnie jeszcze bardziej. Wiąże się to jednak również z pytaniem o przegląd. Już teraz można przewijać dość daleko w wyborze bloku.

Zasada bloków ma trzy konkretne zalety, które udało nam się ustalić podczas naszego jednogodzinnego testu:

1. Tworzenie treści staje się bardziej dynamiczne

Każdy akapit, każdy obrazek, każdy filmik to osobny blok. Bloki te mogą być przesuwane niezależnie od siebie. Restrukturyzacja tekstów staje się w ten sposób dziecinnie prosta. To przenoszenie jest nadal możliwe tylko w pojedynczych krokach, a nie poprzez przeciąganie i upuszczanie.

Przesuwanie bloków na stronie Gutenberg jest możliwe tylko w pojedynczych krokach, ale jest to super proste.

2. Bardziej przejrzysty i uporządkowany edytor

Ze względu na czystą konstrukcję, edytor dosłownie błagał nas o przetestowanie wszystkich możliwych formatów bloków. Nasze wrażenie: Dzięki bardzo zredukowanemu projektowi, który jest rodzajem "pisania bez rozpraszania uwagi" deluxe, zostaliśmy zachęceni doznacznie intensywniejszego myślenia o możliwościach projektu i jego znaczeniu. Choć wynika to również z nowości samego edytora, to właśnie w połączeniu z dynamiczną naturą bloków, Gutenberg oferuje zupełnie nowe doświadczenie w tworzeniu treści. Szczególnie pomocna jest bezkompromisowa tekstocentryczność. I: Naszym zdaniem edytor już teraz wygląda cholernie dobrze.

Gutenberg ma bardzo zredukowaną powierzchnię. A jednak wygląda znakomicie.
Edytor jest tak zredukowany, że tryb pisania bez rozpraszania uwagi nie jest już potrzebny. Przy okazji, pasek ustawień po prawej stronie może być również zwinięty.

3. Więcej uwagi poświęconej sprawom zasadniczym

Wreszcie, zasada nowego bloku ma tę zaletę, że wspiera naturalny proces myślenia i pisania, kiedy już się do niego przyzwyczaisz. Każda myśl, każdy argument staje się blokiem. Dzięki temu tworzenie struktury artykułów jest o wiele łatwiejsze i bardziej intuicyjne.

Zasada blokowa jest łatwa do zrozumienia, chwytliwa, ułatwia tworzenie treści i naszym zdaniem zdecydowanie ma potencjał, aby stać się wielkim hitem, o którym mówi się z perspektywy UX.

Praca z obrazami to prawdziwa przyjemność

Wstawianie zdjęć również odbywa się poprzez bloki i w zasadzie tak samo jak poprzednio - tylko trochę bardziej intuicyjnie. Po utworzeniu bloku obrazu, wybierasz obraz z biblioteki mediów lub przesyłasz go. Następnie można go dostosować za pomocą specjalnych opcji obrazu bloku. Wspaniałą rzeczą w tym rozwiązaniu jest to, że wyświetlane są tylko te opcje, których potrzebujesz. Napisy i teksty alternatywne mogą być również zapisywane bezpośrednio w Gutenberg . Pasek ustawień po prawej stronie również dostosowuje się odpowiednio w zależności od wybranego bloku.

Obrazy w Gutenberg mogą być łatwo wyrównane do lewej, do prawej i ustawione na pełną szerokość.
Nie widać: Po prawej stronie można dokonać wszystkich ustawień szczegółów obrazu. Na pasku układu po lewej stronie można odpowiednio rozmieścić obraz.

Przy okazji, opcje układu pokazane powyżej istnieją dla wszystkich bloków, tj. filmów, cytatów, postów w mediach społecznościowych itp. Co jeszcze zauważyliśmy: Opcja galerii ma teraz swój własny blok. Może to sprawić, że opcja ta będzie bardziej dostępna dla jednej lub drugiej strony.

Integracja wideo bezpośrednio przez platformę

Nawet w przypadku osadzania ruchomych obrazów, praca z Gutenberg nie jest zakłócana: Po prostu utwórz nowy blok, wybierz odpowiednie medium (lub pusty blok embed), wstaw adres URL, gotowe.

Ze względu na ilość pojedynczych ofert, wybór bloku staje się nieco zagmatwany. Ponadto nie rozumiemy sensu istnienia specjalnych bloków dla niektórych platform wideo, takich jak WordPress .tv. Ponieważ możesz również po prostu osadzić wszystkie filmy za pomocą uniwersalnego bloku osadzania.

Cytaty się nie zmieniają, posty w mediach społecznościowych stają się ładne i proste

Osadzanie cytatów nie zmieniło się zbytnio, poza tym, że teraz można je łatwiej przenosić dzięki zasadzie bloków. Osadzaniepostów z mediów społecznościowych, z drugiej strony, stało się nieco łatwiejsze i ładniejsze: ponieważ teraz można pracowaćbezpośrednio poprzez wpisanie linku i bez kodu osadzającego.

Gutenberg umożliwia również bardzo łatwą integrację tweetów.

Brand new: Stoły. Wszystko to samo z fragmentami kodu.

Nowością jest możliwość wstawiania tabel bezpośrednio z poziomu edytora, bez konieczności korzystania z dodatkowej strony Plugin . Obecnie jednak możliwe są tylko tabele dwukolumnowe, ale ich wstawianie działa tak samo łatwo jak w przypadku wszystkich innych bloków. W naszym teście stoły nie były jeszcze w stanie zrobić więcej. Dodatkowo, szerokość kolumny zmienia się dynamicznie podczas wprowadzania tekstu. Widać, że blok nie jest jeszcze skończony.

Jednak podczas wstawiania fragmentów kodu wszystko pozostaje bez zmian.

Najlepsze na koniec: Przyciski

Wreszcie, edytor WordPress oferuje możliwość ustawienia przycisków w normalnym obiegu publikacji. Tak po prostu, poprzez specjalnie stworzony blok. W zasadzie wystarczy wstawić przycisk, zdefiniować za nim link oraz wybrać etykietę i kolor. W zasadzie. Ponieważ w naszym teście ta funkcja również jeszcze nie działała.

Dostosowania HTML jak zwykle. Tylko ładniejszy.

System blokowy nie został przyjęty w edytorze HTML. Wygląda tak samo jak poprzednio, tylko, dzięki nowemu wyglądowi, nieco bardziej świeżo. A kod jest teraz automatycznie wcięty. To pomaga w przeglądzie.

tak wygląda html w starym edytorze
tak wygląda html w nowym edytorze
Powyżej wariantu z bieżącego edytora. Ze względu na większą szerokość wiersza jest on ogólnie krótszy, ale w porównaniu z wariantem Gutenberg z wciętymi wierszami jest też bardziej mylący.

Przy okazji, możliwe jest również wstawianie własnych bloków HTML poprzez edytor wizualny. Piękno tego rozwiązania polega na tym, że kod HTML może być edytowany w bloku, a wynik może być oglądany bezpośrednio.

jak osadzić niestandardowy html gutenberg
Prosty przycisk w lewym górnym rogu bloku pozwala na przełączanie się pomiędzy kodem a podglądem w Custom HTML.

Podsumowanie: Wrażenia są dobre, funkcje wymagają ulepszenia, kompatybilność jest słaba.

Obecna wersja Gutenberg 0.2.0 jest wersją beta. Dlatego nie jest wcale konieczne, aby wszystko już działało bezproblemowo. Tak nie jest. Szczególnie tabele i przyciski wymagają jeszcze trochę pracy - dwa z najciekawszych bloków. Również kompatybilność wsteczna i integracja ważnych funkcji wydawcy nie przebiega jeszcze bezproblemowo. Tak więc w tej chwili musisz wrócić do starego edytora najpóźniej wtedy, gdy dopracowujesz nowy post. Do czegoś więcej niż test i szybkie spojrzenie w kryształową kulę, Gutenberg nie jest w tej chwili zbyt użyteczny.

W jednym punkcie jednak nowy redaktor potrafi w pełni przekonać: Zasada bloków. Dzięki temu proces pisania jest już zauważalnie przyspieszony i znacznie bardziej intuicyjny oraz łatwiejszy w obsłudze. Szczególnie dla osób często piszących powinno to być ogromną ulgą.

Ale zasada bloków jest jeszcze ważniejsza i ma znacznie większy potencjał niż tylko ułatwianie pisania postów. I można powiedzieć, że Mullenweg aktywnie chce iść w kierunku bloku opartego na WordPress . W swojej sesji pytań i odpowiedzi na WordCamp Europe w Paryżu, już teraz wyraźnie wskazuje, dokąd zmierza ta podróż.

Będziemy budować o wiele więcej rodzajów klocków. I to jest oczywiście podstawa tego, co będzie przyszłością personalizacji. Więc bloki zastąpią widżety, bloki zastąpią wszystkie inne podstawy i prymitywy wewnątrz WordPress - aż wszystko będzie blokiem.

- Matt Mullenweg, WordCamp Europe 2017, Paryż

Interpretujemy to w następujący sposób: nowy edytor WordPress , który ma stać się częścią rdzenia WordPress , ma być aktywnie rozwijany w kierunku potężnego page buildera. Jeśli zasada bloków będzie miała zastosowanie nie tylko na poziomie artykułu, kolejne wydania powinny być niezwykle interesujące. Ale zanim to nastąpi, Gutenberg musi dorosnąć i zasłużyć na swoje prawo do istnienia jako edytor WordPress .

W każdym razie, czekamy na dalsze aktualizacje i oczywiście stabilną pełną wersję Gutenberg. Czy masz jakieś uwagi na temat nowego edytora, o których nie pisaliśmy lub doświadczenia, którymi chciałbyś się podzielić ze społecznością? W takim razie czekamy na Twój komentarz!

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola wymagane oznaczone są *.