9 wskazówek dotyczących opanowania edytora bloków WordPress.

Edytor bloków WordPress jest bardzo intuicyjny. Ale nawet jeśli używasz go od pierwszego wydania, możliwe jest, że nadal istnieją triki i drobiazgi, których nie zauważyłeś, a które mogą ułatwić część twojej pracy jako pisarza. I dlatego uważam, że warto poświęcić kilka minut swojego czasu na przeczytanie tego posta, który pomoże Ci opanować edytor bloków.

Jeśli nadal korzystasz z klasycznego edytora WordPress i nie wiesz, jak zacząć korzystać z edytora bloków, polecam przeczytanie tego artykułu wprowadzającego do Gutenberga autorstwa Davida.

Zakładając, że znasz już nowy edytor, oto lista nowych funkcji lub sztuczek, których możesz nie znać. Zacznę od skomentowania kilku nowych bloków, które znacznie ułatwiają tworzenie treści, a następnie kilku sztuczek, których możesz użyć w edytorze, które mogą być dla ciebie praktyczne.

#1 Dodaj przycisk

W klasycznym edytorze WordPress, jeśli chciałeś dodać przycisk w środku postu lub strony, zasadniczo miałeś dwie opcje: albo przełącz się na tryb HTML i napisz kod, albo użyj wtyczki, która utworzyła krótki kod dla przycisku w pytanie.

Edytor bloków zawiera już blok przycisków, który pozwala szybko utworzyć przycisk w środku postu:

Blok Przycisk umożliwia utworzenie przycisku, w którym definiujesz jego wygląd, kolory tła i czcionki, a nawet możesz dodać klasę CSS.

To jest takie proste! Rezultatem jest przycisk taki jak ten, który należy kliknąć, aby zasubskrybować zawartość Nelio ?

#2 Dodaj tabelę

Podobnie jak w przypadku przycisku, dodanie prostej tabeli za pomocą klasycznego edytora oznaczało również zrobienie tego za pomocą HTML i CSS lub jakiejś wtyczki. W rzeczywistości często łatwiej było utworzyć tabelę w dowolnym innym edytorze, a następnie wstawić ją do posta jako obraz.

Teraz masz blok Table , który znajdziesz w zestawie bloków Formatting .

Po wybraniu bloku Tabela musisz wskazać liczbę wierszy i kolumn, które chcesz domyślnie utworzyć. Ale nie martw się, masz możliwość dodawania lub usuwania wierszy i kolumn. Możesz również wskazać styl stołu.

W ten sposób można bardzo łatwo utworzyć poniższą tabelę z niektórymi funkcjami testowania Nelio A / B.

#3 Osadź element zewnętrzny po prostu kopiując i wklejając

Inne bloki, które mogą być bardzo przydatne, to typy osadzone, które umożliwiają osadzanie elementów zewnętrznych, takich jak filmy, posty na Facebooku, tweety itp.

Ale możesz również, zamiast tworzyć blok tego typu, bezpośrednio skopiować i wkleić adres URL, który chcesz osadzić, i automatycznie wstawić dany element. Po prostu wklej link taki jak https://youtu.be/7SzwJQ55jus i pozwól WordPressowi zrobić magię:

# 4 Użyj bloku dystansowego, aby zwiększyć przestrzeń między blokami

Jest to jeden z bloków, o których być może nie wiedziałeś, że istnieje: blok Spacer . Jego funkcją, jak sama nazwa wskazuje, jest zwiększenie odstępów między blokami.

Blok Spacer ma domyślnie dokładnie 100 pikseli, ale możesz dostosować jego wysokość, jak chcesz. Po prostu umieść kursor nad niebieską kropką pod blokiem i zwiększ rozmiar, przeciągając niebieską kropkę tak daleko, jak chcesz.

Ponadto możesz również użyć dodatkowej klasy CSS, aby zdefiniować, jak ma wyglądać blok odstępu. Może to być bardzo przydatne przy tworzeniu stron.

#5 Informacje o liczbie słów i strukturze

W klasycznym edytorze wybierasz post i automatycznie otrzymujesz liczbę słów w tym poście. Gdzie są te informacje w edytorze bloków?

Nie martw się, na pasku narzędzi te informacje są zawsze bardzo przydatne, klikając ikonę koła z i . I nie tylko liczy słowa, ale także informuje o strukturze całego posta lub strony, którą edytujesz.

#6 Przenieś pasek narzędzi bloku na górę

Domyślnie, kiedy edytujesz blok, masz pasek narzędzi unoszący się nad samym blokiem. Dużą zaletą tego jest to, że masz więcej pod ręką, ale problem z pływającymi paskami narzędzi polega na tym, że mogą zakrywać część poprzedniego bloku.

Jak widać na obrazku, pasek narzędzi zakrywa część poprzedniego nagłówka. Jeśli jest to niepraktyczne lub denerwujące, możesz to łatwo zmienić. Kliknij trzy kropki w obszarze Pokaż więcej narzędzi i opcji i zaznacz opcję Górny pasek narzędzi .

Po sprawdzeniu masz naprawiony pasek narzędzi w górnej części edytora.

# 7 Użyj ukośnika (/) jako skrótu

Edytor bloków udostępnia kilka skrótów, dzięki którym możesz wydajniej edytować swoje posty. Pierwszym, którego powinieneś użyć, jest ukośnik, / . Tak proste, jak rozpoczęcie wpisywania nazwy bloku z ukośnikiem, a pokaże typy bloków, które możesz dodać:

#8 Dowiedz się o innych skrótach klawiaturowych

Jedną z funkcji, które włączył nowy edytor, jest to, że masz wiele innych skrótów klawiaturowych, które mogą pomóc w znacznie szybszym pisaniu. Aby poznać je wszystkie, kliknij trzy kropki w obszarze Pokaż więcej narzędzi i opcji:

Alternatywnie możesz również uzyskać dostęp do tej pomocy za pomocą skrótu lub Ctrl ⌥ H (dla Mac) lub ⇧ Alt H (dla Windows). A poniżej przedstawiam skróty, które moim zdaniem mogą okazać się najbardziej przydatne.

#9 Konwertuj blok na nagłówek za pomocą hashtagu (#)

Możesz uznać to za skrót klawiaturowy. Edytor bloków Gutenberga obsługuje trzy typy nagłówków: H2 , H3 i H4 . Podczas pisania blok domyślnie to tekst akapitowy. Ale możesz bardzo łatwo przekształcić go w nagłówek: zacznij wpisywać nowy akapit od ## dla H2 , ### dla H3 i #### dla H4 . Wypróbuj, a zobaczysz jakie to proste.

Wniosek

Pierwsze doświadczenie z nowym edytorem bloków po latach korzystania z klasycznego edytora WordPress może nie być tym, czego oczekiwałeś. Ale to normalne, zmiany są trudne.

Na początku możesz nie być w stanie znaleźć pewnych rzeczy lub pomyśleć, że edytor jest wolniejszy w użyciu… I to prawda: edytor bloków wciąż wymaga poprawy w kilku aspektach. Ale jeśli nauczysz się go opanowywać, stopniowo zobaczysz jego zalety i zobaczysz, że są rzeczy, których nie mogłeś łatwo zrobić wcześniej, a które możesz teraz zrobić.

Nasza rekomendacja? Śmiało i daj szansę nowemu edytorowi — wkrótce zapomnisz, jak działał klasyczny edytor!

Polecane zdjęcie Rany Sawalhy na Unsplash.