Większość mojego czasu tutaj skupia się głównie na recenzowaniu i porównywaniu garść motywów lub wtyczek WordPress przeciwko sobie. W dzisiejszym poście chcę jednak przyjrzeć się bliżej jednej nowej wtyczce WordPress: wtyczce Gutenberg editor.

Niektórzy z was mogą się zastanawiać, co sprawia, że ta wtyczka jest tak wyjątkowa, że otrzymuje swój własny post. Jest ku temu wiele powodów. Chociaż został właśnie wydany w czerwcu 2017, WordPress obiecuje, że uprości proces tworzenia bogatej zawartości bloków (co to dokładnie oznacza, zostanie wyjaśnione poniżej). Oto przykładowa strona stworzona przez programistów:

Przykładowa strona przygotowana przez zespół programistów Gutenberga pokazująca, jak wtyczka działa na interfejsie.

Jednym z bardziej przekonujących powodów, aby sprawdzić tę wtyczkę w tej chwili, jest to, że nie będzie to wtyczka na bardzo długo. Zespół za nim ciężko pracował, próbując przygotować edytor do scalenia w następnej aktualizacji WordPress. Obecnie mają na celu ukończenie go i przygotowanie go do premiery w wersji 4.9, dla której data premiery nie została jeszcze ustalona.

Podczas gdy zespół programistów pracuje nad naprawieniem zauważonych błędów i problemów wykrytych w nowym edytorze, chciałem poświęcić trochę czasu na pobranie wtyczki, którą byli na tyle uprzejmi, aby podzielić się z nami w wersji beta i dać mu jazdę próbną. Jeśli jesteś tak ciekawy, jak ja, jak to będzie tworzyć treści w nowym edytorze Gutenberga, wskakuj na miejsce pasażera, gdy zabieram tego złego chłopca na przejażdżkę.

Recenzja redaktora Gutenberga

Naprawdę czuję, że zespół Gutenberga ma tutaj coś naprawdę wyjątkowego, coś, co znacznie poprawi proces tworzenia i edycji tekstu w WordPress. Biorąc pod uwagę liczbę wtyczek, których używamy do rozszerzenia WYSIWYG i uproszczenia procesu przełączania między komponowaniem a podglądem, ta wtyczka wydaje się mieć dobre intencje.

Do tej pory, oto co udało mi się odkryć:

Nie został dobrze oceniony

Przyznaję, wtyczka Gutenberga jest nadal w wersji beta – ostrzegają nawet o tym w opisie w katalogu motywów WordPress – ale oceny na nim do tej pory nie są świetne.

Chociaż obecnie istnieją tylko recenzje 15 dla wtyczki, wygląda na to, że użytkownicy mieli bardzo silną reakcję na nią na obu końcach spektrum. Po przetestowaniu wtyczki dla siebie, jestem zaskoczony, że ktoś miałby coś pozytywnego do powiedzenia na ten temat. Wyjaśnię więcej na ten temat poniżej.

Oto smak niektórych negatywnych recenzji, z którymi się Zgadzam:

“Klienci lubią WP ze względu na prosty interfejs użytkownika. Wymuś to na ludziach, a równie dobrze możesz użyć Drupala.”

“Przepraszam, ale to wygląda i czuje się źle, i jest spadek wydajności. Ukrywanie elementów interfejsu użytkownika, dopóki nie klikniesz na rzeczy, jest strasznie mylące dla niektórych nowych osób (przeciwieństwo Twojego celu.) Właśnie podwoiłeś liczbę kliknięć, których potrzebuję, aby osiągnąć dokładnie to samo.”

“Nie, dzięki.”

Nie jest dobrze.

To próba pisania bez rozpraszania uwagi

Tak wygląda Gutenberg w edytorze wizualnym:

Tak to wygląda w edytorze tekstu:

Po kliknięciu na Ustawienia Postów przycisk w prawym górnym rogu strony lub na “X” w rogu widżetu Ustawienia postu, możesz zamknąć ten moduł, aby naprawdę nie rozpraszać uwagi podczas pisania:

Ponadto większość opcji bloku tekstu i formatowania jest teraz schowana na karcie Wstaw u góry strony. Reszta pojawia się tylko po najechaniu kursorem na każdy utworzony blok.

Gdybym miał dać jedno pozytywne słowo o redaktorze Gutenberga, to byłoby o tym. Dla ludzi, którzy lubią pracować z interfejsem bez rozpraszania uwagi, jest to miły akcent… chociaż jednocześnie nie jest całkowicie pozbawiony rozproszenia uwagi, ponieważ reszta platformy WordPress jest widoczna dookoła. Więc może lepiej nazwać to minimalnym interfejsem pisania?

To w zasadzie wizualny Budowniczy

Edytor Gutenberg zasadniczo konwertuje edytory wizualne i tekstowe, z którymi obecnie pracujemy w WordPress i przekształca je w wizualne narzędzia do budowania. Jest z tym wiele problemów.

Dosłownie każdy nowy akapit, nagłówek, obraz, osadzenie wideo, ciągnięcie cytatu, lista punktowana itp. musi znajdować się we własnym bloku:

Chciałem tylko zmienić trzy linijki w wciętą, punktowaną listę, ale edytor Gutenberga wymusza Styl na całym bloku:

Jedynym sposobem, w jaki widzę obejście tego jest, jeśli w jakiś sposób odkryjesz, że opcja formatowania “klasycznego tekstu” pod Insert pozwala na obejście stylu blokowego Gutenberga.

Ale skąd do cholery masz to wiedzieć, chyba że spędzasz czas klikając każdą z opcji wstawiania? Niezbyt intuicyjne. Nikt nie ma na to czasu. Ten nowy edytor powinien wziąć to, co nam odpowiada i uprościć to jeszcze bardziej.

Jednym z moich zmartwień jest czynnik niedogodności. Jeśli nie budujesz strony głównej z małymi blokami tekstu, które wymagają różnych typów czcionek, stylów i rozmiarów, nie ma absolutnie sensu zmuszać użytkowników do tworzenia nowego bloku za każdym razem, gdy chcą napisać nowy akapit lub dodać nagłówek do sekcji akapitów w WordPress. Oczywiście. Nie. Punkt.

Innym problemem jest kontrola odstępów. Z tą nową zablokowaną metodą dodawania kopii do strony, jak będą działać odstępy między powiązanymi elementami (powiedzmy akapitem w jednym bloku i wypunktowaną listą, która należy do niego w innym)? Obecnie nie mogę odpowiedzieć na to pytanie, ponieważ funkcja podglądu w Gutenbergu nie działa.

Pożegnaj się z kopiowaniem i wklejaniem

Jako ktoś, kto lubi pisać swoje treści poza WordPressem, a następnie wklejać je, gdy Wiem, że jest w 100% gotowy do pracy, jest to prawdopodobnie jedna z bardziej niszczycielskich części Gutenberga. Podczas próby wklejenia tekstu z programu Word do nowego edytora wszystkie formatowanie jest tracone. Tak więc, o ile nie jestem gotów napisać wszystkie moje treści z wbudowanym kodem HTML, a następnie wkleić go do karty tekstu, będę musiał zacząć podążać za zupełnie nowym procesem copywritingu.

Edycja Zdjęć Jest Ograniczona

Teraz rozumiem, że celem programistów jest uproszczenie tworzenia treści w WordPress. Wierz mi, rozumiem to i szanuję to. Ale myślę, że idą w złą stronę. Przykład: podczas próby przesłania lub wybrania obrazu w bloku obrazy zobaczysz, że nie ma już opcji rozmiaru, wyrównania ani hiperłącza. Po wybraniu zdjęcia i wprowadzeniu metadanych jest ono wstawiane do strony, ale automatycznie Wyśrodkowuje i skaluje do pełnej szerokości:

Jeśli chcesz zmienić rozmiar, wystarczy wybrać jedną z opcji zawijania tekstu, a następnie zmniejszy się do około połowy rozmiaru i przesunie, aby tekst zawijał się wokół niego:

Chociaż prawdopodobnie możesz dostosować rozmiar kodu w edytorze tekstu, to w pierwszej kolejności pokonuje to cały sens korzystania z tych bloków.

A skoro już rozmawiamy o obrazach, porozmawiajmy o narzędziu Galeria. Prawdopodobnie używasz wtyczki galerii, aby to teraz zrobić. Jeśli nie, Zdecydowanie radzę to zrobić, ponieważ nowa funkcjonalność galerii nie działa zbyt dobrze. Zajęło kilka prób, aby wybrać wiele zdjęć do galerii i nie sądzę, że wynik końcowy wyświetla się poprawnie:

Ponownie, nie mogę właściwie zweryfikować wyników na stronie, ponieważ podgląd na interfejsie jest wyłączony, więc być może jest to bardziej problem z wyświetlaczem Gutenberga niż z wynikiem końcowym.

Osadzanie wideo też nie jest takie świetne

Porozmawiajmy o opcjach wstawiania na górze edytora Gutenberga. Chociaż widzę, dlaczego chcieliby umieścić tam najpopularniejsze bloki i opcje formatowania, tak naprawdę nie rozumiem, dlaczego musieli wprowadzić różne opcje osadzania witryny 35.

Osadzanie było kiedyś takie proste. Wystarczy pobrać kod osadzania wideo, pokazu slajdów, infografiki lub czegokolwiek innego, a następnie wkleić go do edytora tekstu. Zobacz:

Myślę, że już nie możesz tego robić.

Zobacz, jak w górnej części mojego posta na blogu znajduje się ramka iframe z YouTube? Cóż, drugi po tym, jak zrobiłem ten zrzut ekranu, nowy kod całkowicie zniknął. Myślałem, że może przesunął się gdzieś indziej na stronie lub że w jakiś sposób cofnąłem moją zmianę, więc spróbowałem ponownie. Pięć. Więcej. Razy. Iframe znikał za każdym razem, aż w końcu poddałem się, wróciłem do edytora wizualnego i użyłem narzędzia do osadzania. Szczerze mówiąc, nie wygląda to zbyt dobrze.:

Westchnij. “Dlaczego musicie tak wszystko komplikować?”

Jest wiele rzeczy, które nie mają sensu.

Ok, wiem, że ta sekcja będzie wyglądać jak mieszanka wielu różnych rzeczy, a to dlatego, że jest. Poszperałem w różnych ustawieniach i opcjach dostosowywania i, szczerze mówiąc, po prostu nie rozumiem celu dla większości z nich. To tak, jakby chcieli uprościć coś, co nie wymagało uproszczenia, a w ten sposób po prostu bardzo, bardzo to skomplikowało.

Oto niektóre z pozostałych pytań, które miałem podczas mojej pracy Tutaj:

Jak często będziemy musieli używać funkcji Drop cap w naszych blokach tekstu?

Pytam o to dlatego, że po kliknięciu bloku tekstu na karcie wizualnej jedyne Ustawienia “Ustawienia” postu, które można zmienić na prawym pasku bocznym, to utworzenie kropli. Gdybym był nowym użytkownikiem WordPressa, byłbym naprawdę zdezorientowany i zastanawiał się, gdzie była reszta moich opcji … i gdybym był w mniejszości ludzi, którzy nie wykorzystują w pełni kropelek w moim pisaniu.

Jaki jest punkt biegu w prawym górnym rogu każdego bloku?

Po kliknięciu dowolnego zablokowanego elementu w Gutenbergu dostępne ustawienia otwierają się w wyskakującym okienku po lewej stronie, więc nie jestem pewien celu Ikony koła zębatego. Gdy ustawienia są otwarte i klikniesz koło zębate, wyskakujące okienko nie zamyka się. A gdy ustawienia są zamknięte, otwiera się tylko opcje wyrównania. Aby zobaczyć inne opcje ustawień, musisz kliknąć blok, aby je ujawnić. Więc po co ci sprzęt?

O co chodzi z tym guzikiem?

Od teraz możesz dodawać przyciski call-to-action do swoich postów i stron za pomocą edytora wizualnego. To nie jest świetne narzędzie, ale jest tam, jeśli chcesz. Biorąc to pod uwagę, te w edytorze wizualnym wyglądają teraz jak przyciski. To co otrzymujemy z Gutenbergiem to, cóż…

Wygląda to jak coś, co można zobaczyć w jednym z tych Buzzfeedowych artykułów o niezręcznych, pijanych tekstach, które dostajesz od mamy.

Dlaczego zawracali sobie głowę widżetem ostatnich postów?

Jest jeszcze jeden nowy dodatek do opcji wstawiania edytora wizualnego o nazwie ” najnowsze posty.”Jest to w zasadzie próba zastąpienia powiązanych wtyczek postów. Pod żadnym pozorem nikt nie powinien tego używać i podam Ci pięć powodów:

  • Nie ma żadnych obrazów ani elementów konstrukcyjnych, które pomogłyby zwrócić uwagę na to objaśnienie.
  • To tylko lista linków do ostatnich pięciu blogów na twojej stronie.
  • Punktory nie wyrównują się z resztą tekstu na stronie.
  • Nie masz kontroli nad tym, które posty na blogu pojawiają się, w jakiej kolejności pojawiają się lub jak się pojawiają.
  • I większość interpunkcji wraca do kodu HTML.

Wygląda okropnie. Proszę, nie używaj tego.

Wrapping Up

Podczas gdy programiści pracujący nad Wtyczką Gutenberg editor oczywiście włożyli dużo pracy w stworzenie wtyczki i pochwalam ich za ich dotychczasowe wysiłki, prawda jest taka, że ta wtyczka nie jest prawie gotowa do włączenia do WordPressa i wymaga znacznie więcej pracy, w szczególności pracy UX.

Na WordPress.org Gutenberg page stwierdza: “celem edytora bloków jest sprawienie, aby dodawanie bogatych treści do WordPress było proste i przyjemne.”

Niestety, wtyczka, jak obecnie działa, jest bardzo daleka od osiągnięcia tego celu.

Jako jeden z recenzentów na WordPress.org mówi:

“Proszę nie dodawać tego do następnego rdzenia. Zostaw go jako wtyczkę i pozwól nam wybrać, czy chcesz go użyć, czy nie.”

Zgadzam się z tym oświadczeniem. Nawet jeśli rozwiążą wszystkie problemy i sprawią, że będzie to całkowicie usprawnione i uproszczone narzędzie do tworzenia wizualnego, doceniamy więcej niż to, co dali nam teraz do eksperymentowania, nie sądzę, że powinno to być wymuszane.

Do ciebie: Czy uważasz, że obecny edytor tekstu w WordPress wymaga nawet aktualizacji? Jeśli tak, to jakie zmiany naprawdę chcesz zobaczyć?

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…