Potwierdzono, że edytor Gutenberg będzie rzeczywiście domyślnym edytorem artykułów WordPress. Iai Udało mi się przetestować ten ostatni i szybko zdałem sobie sprawę, że wielu użytkowników będzie straconych dzięki temu nowemu edytorowi, stąd powód tego poradnika. Zatem razem omówimy podstawy edytora Gutenberga i omówimy kilka zaawansowanych punktów.

przed rozpoczęciem

Jeśli nie masz możliwości zainstalowania WordPress w wersji 5.0 (która wciąż jest w fazie rozwoju), możesz to zrobić teraz pobierz Gutenberg i przetestuj go na swojej wersji WordPressa (ponownie uruchamiam środowisko eksperymentalne). Jednak przyznaję, że jestem trochę zaskoczony, patrząc na oceny nadane temu nowemu redaktorowi, ponad połowa moich użytkowników przyznała ocenę 1/5.

preview gutenberg rating wordpress.jpeg

Nie zamierzam na tym poprzestać i przetestować, żeby to poczuć.

Prezentacja interfejsu

Aby korzystać z Gutenberga, musisz napisać artykuł (oczywiście), tak jak robiłeś w przeszłości, tj. " Artykuły> Dodaj”.

gutenberg presentation.jpeg

Od samego początku zauważyłem, że redaktor bardzo skupił się na tym, aby nie rozpraszać się i wykorzystywał całą szerokość strony.

stara wersja wordpress.jpeg

Nawet jeśli musimy przyznać, że na Gutenbergu jest zbyt wiele marginesów, myślę, że białe tło jest kolorem, który powoduje mniejsze rozproszenie. Zauważysz, że Gutenberg wygląda bardzo podobnie do edytora postów w Calypso (WordPress.com).

edytor calypso wordpress.jpeg

Lokalizacja elementów

Sekcja kopii zapasowej

Układ zmienił się ogromnie. Obszar zapisywania przedmiotów znajduje się teraz u góry. Jest to raczej sekcja szybkiego dostępu do przycisku zapisywania.

Sekcja kopii zapasowej gutenberg.jpeg

Przycisk z ikoną ustawienia umożliwia zamknięcie klapki poniżej. Przyciski, które pozwoliły nam przełączać się między edytorem wizualnym a edytorem tekstu, znajdują się teraz w tym samym panelu po prawej stronie. Aby podejrzeć artykuł, kliknij oko znajdujące się przed przyciskiem „Publikuj…”.

kontrola zaawansowana gutenberg.jpeg

Sekcja wyboru wyróżnionego obrazu dla kategorii i widoczności artykułu jest jak zwykle po prawej stronie. Czy musisz się upewnić, że „ dokument Jest wybrany.

kategoria gutenberg i obraz na first.jpeg

Sekcja blokowa

To jest innowacja, którą wnosi Gutenberg. Powinieneś wiedzieć, że teraz każdy akapit dotyczący Gutenberga należy uznać za blok. Bloki mają tę możliwość indywidualnej regulacji, ale można je również łatwo przesuwać po całym dokumencie.

Po umieszczeniu kursora na akapicie, aby uzyskać dostęp do funkcji wybranego bloku, należy kliknąć zakładkę bloku po prawej stronie.

blok gutenberg wordpress.jpeg

Dzięki tym ustawieniom możesz na przykład zdefiniować kolor tła, który ma zastosowanie tylko do bloku, a także zmienić rozmiar czcionki bloku. Uważam, że to raczej wygodne.

Opcje formatowania

Formatowanie pojawi się nad każdym blokiem.

opcja formatting.jpeg

Opcje układu zostaną również wyświetlone u góry, klikając opcję Edytora, a następnie klikając opcję „Ustaw pasek narzędzi na samej górze”.

wyświetla opcje formatowania w pliku top.jpeg

Jak dodawać niestandardowe bloki

Nie jesteś ograniczony do korzystania z bloku akapitu. Aby dodać więcej bloków, musisz kliknąć ikonę + znajdującą się w lewym górnym rogu.

inny blok gutenberg.jpeg

Umożliwia to dostęp do różnych dostępnych bloków. W tym miejscu można również uzyskać dostęp do różnych bloków oferowanych przez motywy i wtyczki. Będziesz mieć nawet możliwość zapisania własnych niestandardowych bloków. Myślę, że ułatwi to edycję podobnych artykułów.

To wszystko w tym samouczku, będziemy kontynuować w następnym, wprowadzając w życie wszystko, co zaobserwowaliśmy w tym samouczku.