12 rzeczy, które kocham i nienawidzę w edytorze bloków WordPress

W 2017 roku wypuszczono pierwszą wersję Gutenberga i rozpoczęto zabawę i testy. Gutenberg to nazwa projektu wybrana dla czterofazowego procesu, który dotknie każdego elementu WordPress: edycja, dostosowywanie, współpraca i wielojęzyczność (źródło). Częścią pierwszej fazy było odejście od starego edytora klasycznego i przyjęcie nowego edytora opartego na blokach .

Od wersji WordPress 5.0 Edytor bloków został połączony z rdzeniem i jest domyślnym edytorem podczas nowej instalacji WordPressa. Czy jest na to oficjalna nazwa? Raczej. Wybieram nazwę „Edytor bloków”, ponieważ Gutenberg ma być całym projektem otaczającym przyszłe zmiany. Ale jest kilka interesujących dyskusji na temat tego, jaka powinna być nazwa: #4681 i #20407.

Pomyślałem, że fajnie byłoby podzielić się swoimi przemyśleniami na temat Edytora bloków teraz, kiedy używam go i wyłączam od ponad trzech lat. Kilka miesięcy temu w końcu całkowicie zrezygnowałem z klasycznego edytora. A oto dlaczego.

• Rzeczy, które uwielbiam w edytorze bloków WordPress
• Rzeczy, których nienawidzę w edytorze bloków WordPress

8 rzeczy, które uwielbiam w edytorze bloków WordPress

Nie sposób wymienić wszystkich różnic między Edytorem Klasycznym a Edytorem Bloku. Są to rzeczy, które osobiście wpłynęły na mój przepływ pracy jako pisarza i twórcy witryn. A teraz nie chcę bez nich żyć!

Obsługa przecen jest lepsza

Wreszcie edytor WordPress obsługuje możliwość wklejania w Markdown . Jako pisarz i zwykły programista, wszystkie inne narzędzia, których używam na co dzień, od lat wspierają Markdown. Obejmuje to takie rzeczy, jak aplikacja Bear, Trello, Github itp. Tak więc używanie Markdowna wszędzie indziej, a następnie niemożność skopiowania/wklejenia go do WordPressa bez konieczności ponownego sformatowania, było naprawdę frustrujące.

Teraz, dzięki edytorowi bloków WordPress, mogę używać wielu tej samej składni na całym świecie. Szczerze mówiąc, to prawie zmieniło życie. Redaktor tak powinien wyglądać lata temu.

Edytor nadal nie obsługuje możliwości pisania wyłącznie w Markdown po wyjęciu z pudełka, ale to się dzieje. Przynajmniej do tego stopnia, że ​​już mnie to nie spowalnia. Możesz także użyć wtyczki takiej jak Iceberg, aby dodać wszystkie swoje ulubione skróty Markdown. Udało mi się również w kilka sekund dopasować mój ulubiony motyw Ayu Mirage Bear. W rzeczywistości napisałem cały ten wpis na blogu, używając Iceberg.

Inne wtyczki WordPress, takie jak EditorsKit i JetPack, również mają możliwość dodania obsługi Markdown.

Nigdy więcej przeładowań

Jestem typem osoby, która dość często przegląda podgląd mojego posta, aby poczuć przepływ i jak to wygląda. Prawdopodobnie zbyt wiele razy, żeby być szczerym. W Edytorze klasycznym trzeba było zapisać wersję roboczą, a cała strona zostałaby ponownie załadowana. To było po prostu denerwujące i rozpraszające.

W edytorze bloków WordPress nie musisz już wykonywać pełnego ponownego ładowania podczas zapisywania wersji roboczej lub aktualizowania posta. Tak dla AJAX. I witaj w XXI wieku.

Bloki są niesamowite

Teraz uwielbiam klocki. Całkowicie widzę wizję tego, dokąd to zmierza. Zajęło mi to trochę czasu, ponieważ na początku nie chciałem lubić bloków, ale w końcu jestem.

Niedawno przebudowałem naszą witrynę Perfmatters całkowicie z bloków i udało mi się usunąć 83 wiersze niestandardowego kodu. To wszystko dzięki GeneratePress, GenerateBlocks i oczywiście edytorowi bloków WordPress.

W naszej nowej wtyczce do udostępniania społecznościowego, Novashare, zbudowaliśmy nawet przydatny blok „kliknij, aby ćwierkać”. Wszystko, co musisz zrobić, to wpisać /nova... i bum, masz blok tweetów.

Inne drobiazgi, takie jak możliwość wpisania /image , /code lub /quote , są bardzo przydatne!

Podświetlanie jest takie, jak zawsze powinno być

Podświetlanie w edytorze bloków WordPress jest teraz takie, jak powinno być. Załóżmy na przykład, że masz kilka słów, które są pogrubione. W Edytorze Klasycznym, jeśli chciałem je pogrubić, musiałem zaznaczyć wszystkie słowa.

Teraz w edytorze bloków WordPress mogę po prostu kliknąć w dowolnym miejscu pogrubionego obszaru i odznaczyć słowa. Zachowuje się tak samo z takimi rzeczami, jak podkreślanie. Takie małe rzeczy naprawdę zaczynają się z czasem sumować.

Konspekt dokumentu jest inteligentny i pomocny

Funkcja konspektu dokumentu w edytorze bloków WordPress jest naprawdę świetna! Możesz łatwo kliknąć nagłówek, aby natychmiast przejść do tej sekcji w poście. Nie tylko to, ale też kryje się za tym pewna logika . W poniższym przykładzie widać, że informuje mnie o nieprawidłowym poziomie nagłówka (przeskakiwanie z nagłówka H2 do H4). Jeśli chodzi o strukturę, najpierw powinienem użyć H3.

Dodawanie podpisów do obrazów jest takie proste

Jestem pedantem, jeśli chodzi o podpisy pod zdjęciami. Nie tylko do celów SEO, ale są także wygodnym i subtelnym sposobem na przypisanie zewnętrznego obrazu, gdy jest on pozyskiwany.

Wcześniej w Edytorze klasycznym trzeba było przesłać swój obraz, a następnie kliknąć go, aby pojawiło się nowe okno, a następnie wprowadzić podpis. Teraz w edytorze bloków WordPress możesz po prostu przesłać obraz i wpisać podpis tuż pod nim . Nie mogę nawet pojąć, ile zdjęć wrzuciłem do witryn WordPress na przestrzeni lat; to muszą być dziesiątki tysięcy. Więc znowu małe rzeczy się sumują!

Lepsze widoki do wyboru

Edytor bloków WordPress oferuje kilka dodatkowych widoków do wyboru w odniesieniu do pisania. W końcu głównym celem nowego edytora było polepszenie ogólnych wrażeń związanych z pisaniem.

Masz konkurentów takich jak Medium, którzy moim zdaniem odrywają skarpetki od starego edytora klasycznego. Na szczęście teraz edytor bloków WordPress zachowuje się znacznie bardziej jak niektóre inne platformy do pisania innych firm.

Trzy różne widoki obejmują:

• Górny pasek narzędzi: dostęp do wszystkich narzędzi do bloków i dokumentów w jednym miejscu.
• Tryb Spotlight: koncentruj się na jednym bloku na raz.
• Tryb pełnoekranowy: Pracuj bez rozpraszania się.

Poniżej znajduje się, jak to wygląda, jeśli wszystkie trzy zostały wybrane.

Właściwie jestem wielkim fanem trybu Spotlight i trybu pełnoekranowego bez górnego paska narzędzi.

Wreszcie ktoś pomyślał o identyfikatorach

Dodawanie linków do kotwicy HTML w Edytorze klasycznym było wręcz denerwujące, ponieważ trzeba było przełączyć się do widoku kodu, aby dodać identyfikator. I musiałeś to zrobić za pomocą HTML. To sprawiło, że było to bardzo kłopotliwe i jest to duży powód, dla którego ludzie, którzy chcą dodać linki do kotwic, po prostu zainstalowali wtyczkę WordPress, aby to ułatwić.

W edytorze bloków WordPress możesz wreszcie dodać identyfikator w tym samym widoku ! Nie jest potrzebna żadna wtyczka. Hurra.

4 rzeczy, których nienawidzę w edytorze bloków WordPress

Oczywiście możesz już powiedzieć, że jestem teraz fanem edytora bloków WordPress. Jest jednak kilka rzeczy, które mi się nie podobają. Mam nadzieję, że zostaną one naprawione w przyszłych wersjach Edytora bloków.

Mój kursor jest tutaj, a teraz jest tam

Ten jest trudny do opisania, ale każdy, kto od jakiegoś czasu pracuje z edytorem bloków WordPressa, powinien wiedzieć, o czym mówię.

Kiedy klikasz w różnych blokach, kursor nie zawsze podąża za tobą prawidłowo . Czasami będzie skakał w przód iw tył i musisz powtórzyć dwa lub trzy razy, bardzo uważając na położenie kursora. W przeciwnym razie możesz łatwo zacząć pisać w złym bloku. Albo, co gorsza, czasami po prostu przewinie cię natychmiast z powrotem na górę.

Potwierdziłem to dziwne zachowanie z dziesiątkami osób, więc wiem, że to nie tylko ja.

Pozwalanie, by motywy zastępowały edytor, może nie odpowiadać wszystkim

Jeśli pozwolisz, aby Twój motyw przesłonił style edytora, może nie zawsze wyglądać tak samo. Twoje preferencje mogą się różnić w zależności od tego, do czego używasz edytora bloków i czy poruszasz się między wieloma różnymi witrynami.

Zarządzam wieloma różnymi witrynami WordPress i zdecydowanie wolę usuwać style motywów i wracać do natywnych stylów edytora bloków. W ten sposób mam podobne odczucia we wszystkich moich witrynach, nawet gdy buduję i projektuję z bloków.

Na przykład używam motywu GeneratePress na wszystkich moich witrynach. Dlatego dodałem następujący filtr do domyślnych stylów edytora bloków.

 add_filter( 'generate_show_block_editor_styles', '__return_false' );

Poniżej znajduje się przed i po tym, jak to wygląda.

Edytor bloku przed (motyw nadpisuje style)

Edytor bloku po (usuwanie stylów motywu)

Grammarly nie działa dobrze, prawdopodobnie nigdy nie będzie

Jestem zapalonym użytkownikiem Grammarly. Jednak odkąd pojawił się nowy edytor bloków WordPress, Grammarly nie działa poprawnie . Czasami znajdzie coś, a innym razem nie.

Widziałem podobne skargi od użytkowników na Twitterze. Z tego, co mogę powiedzieć, myślę, że ma to związek z tym, że każdy blok jest całkowicie oddzielny. Dlatego Grammarly nie zawsze widzi pełny kontekst. Myślę też, że po prostu ma problem ze skanowaniem edytora opartego na React.js.

Szczerze mówiąc, nie mam zbyt wiele nadziei, że to naprawią. Próbowałem podnieść ten problem przy ich wsparciu teraz, a także na Twitterze. Zespół WordPressa twierdzi, że to coś na końcu Grammarly.

Byłem zaskoczony, gdy dowiedziałem się od Jakaba, który skomentował ten post, że inne rozwiązania, takie jak rozszerzenie od ProWritingAid, działają dobrze w edytorze bloków.

Nie widzę już komentarzy do poszczególnych postów

Być może nie jest to zmiana w samym edytorze, ale zmiana, która nastąpiła w WordPress 5.0 i wdrożeniu edytora bloków WordPress. Wcześniej można było przewinąć na dół posta, nad którym pracujesz, i zobaczyć oczekujące komentarze. To był świetny sposób na nadrobienie zaległości w komentarzach i skupienie się na danym temacie. To już nie istnieje.

Teraz musisz odpowiadać na komentarze z głównego okna pulpitu nawigacyjnego lub klikając ikonę komentarzy na ekranie „Wszystkie posty”. Problem z tym polega na tym, że możesz również zapoznać się z treścią artykułu. Więc po prostu zacząłem otwierać post w innym oknie, aby odnieść się do niego, gdy odpowiadam na komentarz.

Powodem, dla którego wspominam o tym w tym poście, jest to, że wiele razy poprawiam lub aktualizuję w edytorze na podstawie opinii z komentarza. Ktoś wzdłuż linii zdecydował, że ten przepływ pracy musi się zmienić , jak sądzę, i nie być już w tym samym oknie.

Streszczenie

Jestem naprawdę zainteresowany, aby usłyszeć opinie od was wszystkich. Czy podoba Ci się, dokąd zmierza nowy edytor bloków WordPress? Jakie są rzeczy, które w nim kochasz i nienawidzisz? Wrzuć swoje przemyślenia poniżej w komentarzach.