Samouczek WordPress Gutenberg: Jak korzystać z nowego edytora

Jeśli korzystasz z WordPressa(WordPress) od kilku lat, pamiętasz, jak w 2018 roku ludzie z WordPressa(WordPress) wprowadzili edytor Gutenberg w (Gutenberg)WordPress 5.0 .

Ten nowy domyślny edytor był gruntowną przebudową w zakresie edycji postów i stron w Twojej witrynie. Przekształciło duże pole tekstowe, do którego przyzwyczajeni byli właściciele witryn, w zupełnie inną platformę do edycji opartą na blokach.

Niektórzy właściciele witryn tak bardzo go nienawidzili, że unikali aktualizacji do WordPress 5.0 i pozostawali przy klasycznym edytorze domyślnym tak długo, jak to możliwe. Inni właściciele witryn przyjęli tę zmianę ze względu na jej prostotę i łatwość użytkowania.

Jeśli dokonujesz przejścia i jesteś ciekawy, czego się spodziewać, ten samouczek WordPress Gutenberg przeprowadzi Cię przez główne funkcje, które musisz znać i rozumieć. Powinno to maksymalnie ułatwić przejście.

Czego można się spodziewać po WordPressie Gutenberg(WordPress Gutenberg)

Najważniejszą rzeczą, którą należy wiedzieć o edytorze Gutenberga , jest to, że jest on oparty na blokach. (Gutenberg)Oznacza to, że wszystko, co musisz dodać, jest zarządzane przez bloki. Bloki w Gutenberg obejmują (ale nie ograniczają się do):

  • Ustęp
  • nagłówek
  • Obraz
  • Lista
  • Cytat
  • Kod
  • Wstępnie sformatowany
  • Cytat
  • Stół

Istnieje również kilka innych zaawansowanych bloków, które są rzadko używane. Możesz zobaczyć dodatkowe bloki, jeśli zainstalujesz nowe wtyczki WordPress(new WordPress plugins) do edytora.

Dodawanie bloków jest tak proste, jak wybranie ikony + po prawej stronie pod ostatnio dodanym blokiem.

Wybranie dowolnego bloku z wyskakującego okienka dodaje ten blok jako następną sekcję na stronie lub w poście. 

Zanim przejdziemy do tych bloków, zacznijmy od początku i stwórzmy nowy post za pomocą Gutenberga(Gutenberg) w WordPressie(WordPress) .

Tworzenie postów i dodawanie bloków

Dodawanie postu pozostaje niezmienione w stosunku do ostatniej wersji WordPressa(WordPress) . Po prostu(Just) wybierz Posty(Posts) z lewego paska nawigacyjnego, a następnie wybierz Dodaj nowy(Add New) pod nim. 

Otworzy się okno edytora postów. Tutaj też wszystko jest inne. Zobaczysz domyślny edytor  Gutenberg WordPress .

Dodawanie elementów bloku(Block Items) w edytorze Gutenberg(Gutenberg Editor)

Możesz wpisać tytuł swojego posta w polu tytułu. Następnie wybierz ikonę + po prawej stronie, aby dodać pierwszy blok.

Bloki akapitowe(Paragraph Blocks)

Najczęstszym pierwszym blokiem, który ludzie dodają po tytule, jest blok akapitowy. Aby to zrobić, wybierz Akapit(Paragraph) z wyskakującego okna. 

Spowoduje to wstawienie pola bloku, w którym możesz zacząć pisać pierwszy akapit swojego postu. Formatowanie bloku akapitu(Paragraph) jest zgodne z domyślną czcionką(the default font) bloków akapitu witryny. 

Oto kilka wskazówek dotyczących dodawania bloków akapitów w edytorze Gutenberg .

  • Twój akapit może być tak długi, jak chcesz. Tekst automatycznie zawinie się do następnej linii, tak jak w klasycznym edytorze.
  • Jeśli naciśniesz Enter , edytor Gutenberga(Gutenberg) automatycznie utworzy nowy blok akapitu, jednak wygląda on po prostu jak drugi akapit z podziałem akapitu.
  • Podświetlenie dowolnego tekstu w akapicie spowoduje wyświetlenie okna formatowania, w którym można zmienić formatowanie tego tekstu lub zmodyfikować blok do postaci listy lub innego typu bloku.
  • Wybierz trzy kropki i wybierz Usuń blok,(Remove block) aby usunąć blok akapitu i zastąpić go czymś innym.

Bloki obrazu(Image Blocks)

Jeśli wybierzesz blok Obraz(Image) , zobaczysz pole Obraz(Image) , w którym możesz wybrać przycisk Prześlij(Upload) , aby przesłać obraz do swojego posta z komputera. Wybierz łącze Biblioteka multimediów(Media Library) , aby użyć obrazu z istniejącej biblioteki multimediów, lub Wstaw z adresu URL(Insert from URL) , aby utworzyć link do obrazu z innej witryny.

Spowoduje to wstawienie obrazu do artykułu, w którym dodałeś nowy blok obrazu . (Image)Zauważysz, że możesz wpisać podpis do obrazu bezpośrednio pod samym obrazem.

Możesz użyć tych samych opcji formatowania w tekście podpisu, co w zwykłym tekście akapitu.

Lista bloków(List Blocks)

Gdy dodasz nowy blok i wybierzesz Lista(List) , wstawi on blok listy w tym miejscu artykułu.

Wyświetli jeden punktor, ale podczas pisania i naciskania klawisza Enter(Enter) każdy nowy punktor będzie wyświetlany w razie potrzeby.

Formatowanie listy jest również zgodne ze stylem i rozmiarem czcionki określonym przez motyw(your theme) , więc nie zdziw się, jeśli czcionka na liście wygląda inaczej niż bloki akapitów.

Możesz podświetlić tekst w bloku listy, a zobaczysz opcje formatowania tego tekstu, jeśli chcesz go zmienić. Nie możesz tutaj zmienić stylu czcionki, ale możesz pogrubić, pochylić, dodać hiperłącze lub całkowicie zmienić typ bloku.

Inne bloki(Other Blocks)

Jeśli chcesz zobaczyć wszystkie dostępne bloki, wybierz + , aby dodać blok, a następnie wybierz Przeglądaj wszystko(Browse all) , aby wyświetlić całą listę.

Ta lista jest właściwie dość długa. Wszystko, co pamiętasz, że jest dostępne w klasycznym edytorze za pośrednictwem systemu menu, zostanie tutaj uwzględnione. Należą do nich inne powszechnie używane bloki, takie jak:

  • Stoły
  • Pliki i multimedia
  • Filmy
  • Tag „Więcej”
  • Podziały stron i separatory
  • Widżety, takie jak ikony społecznościowe, chmury tagów, kalendarz(calendar) i widżety wtyczek WordPress
  • Umieść(Embed) kod do serwisów społecznościowych, serwisów medialnych, takich jak YouTube i Spotify , i nie tylko

Inne funkcje Gutenberga

Nie musisz trzymać się bloków, które dodałeś, gdziekolwiek je dodałeś. Możesz przewinąć w górę posta i wybrać ikonę + między dowolnymi istniejącymi blokami. Umożliwi to wstawianie nowych bloków między już istniejące.

Nie utkniesz też w rozmieszczeniu swoich bloków. W klasycznym edytorze WordPress nie zawsze było łatwo przenosić takie rzeczy jak obrazy do innych sekcji posta bez czasami zepsucia kodowania w tle.

W Gutenberg przenoszenie elementów, takich jak obrazy, jest tak proste, jak wybranie bloku, a następnie wybranie strzałek w górę lub w dół na pasku menu podręcznego, aby przesunąć blok w górę lub w dół w poście.

Za każdym razem, gdy wybierzesz strzałkę, przesunie ona blok o jedną pozycję w wybranym przez Ciebie kierunku.

Korzystanie z edytora Glutenberg(Glutenberg Editor) w WordPress

Obszar postu to nie jedyne miejsce, w którym można dodawać nowe bloki. Zauważysz, że w górnej części edytora znajduje się bardzo proste menu ikon, w którym możesz również użyć ikony + , aby dodać bloki.

Inne ikony w tym menu zapewniają szybki dostęp do innych funkcji Gutenberga(Gutenberg) .

  • Ikona edycji(Edit) pióra pozwala przełączyć się do trybu zaznaczania, aby łatwiej wybierać bloki. Kliknij dwukrotnie(Double-click) blok, aby wrócić do trybu edycji .(Edit)
  • Ikony Cofnij(Undo) lub Ponów(Redo) (zakrzywione strzałki w lewo i w prawo) cofną lub ponowią ostatnią edycję.
  • Ikona i(i) ( Szczegóły ) pokazuje liczbę znaków, słów, nagłówków, akapitów i bloków w Twoim poście.
  • Ikona konspektu(Outline) umożliwia szybkie nawigowanie do bloków w poście na podstawie ich kolejności w konspektu posta.

Wielu osobom przyzwyczajenie się do edytora Gutenberga w (Gutenberg)WordPressie wymaga trochę czasu. (WordPress)Ale po tym, jak przekonasz się, jak łatwo jest tworzyć, edytować i manipulować blokami elementów w swoich postach, przekonasz się, że proces tworzenia postów i stron jest szybszy i bardziej produktywny.



About the author

Jestem profesjonalnym inżynierem dźwięku z ponad 10-letnim doświadczeniem. Pracowałem przy wielu projektach, od małych domowych systemów audio po duże produkcje komercyjne. Moje umiejętności polegają na tworzeniu doskonałych ścieżek dźwiękowych i narzędzi do przetwarzania dźwięku, dzięki którym muzyka brzmi świetnie. Mam również ogromne doświadczenie w pracy z systemem Windows 10 i mogę pomóc Ci w pełni wykorzystać możliwości systemu komputerowego.



Related posts