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.
Related posts
9 niezbędnych wtyczek do nowych instalacji WordPress
Jak przejść z klasycznego edytora WordPress do Gutenberga?
Jak ukryć szybkie łącza na stronie nowej karty w Edge za pomocą Edytora rejestru?
Jak przenieść witrynę WordPress z jednego hosta na drugi?
Jak zainstalować i skonfigurować WordPress na Microsoft Azure
Najlepszy format pisania bloga, aby zdobyć punkty na całym świecie
Jak zabezpieczyć hasłem strony w witrynie WordPress?
Jak stworzyć bloga Wix, który jest tak samo dobry jak WordPress
Squarespace vs WordPress: która jest lepsza platforma witryny?
Jak przyspieszyć dowolną witrynę WordPress za pomocą .HTACCESS
Jak usunąć wszystkie ślady wtyczki WordPress?
Jak korzystać z Lumen5, aby zmienić post na blogu w wideo?
Jak śledzić uszkodzone linki za pomocą Narzędzia Google dla webmasterów
Przekieruj użytkowników ze strony 404 w WordPress
Jak skonfigurować prywatność w WordPressie i dlaczego jest to ważne
7 wskazówek WordPress dla strony internetowej przyjaznej dla urządzeń mobilnych
Jak stworzyć własne wyskakujące okienko z kuponem w WordPress
Jak korzystać z WP Super Cache na blogu WordPress
Jak znaleźć login administratora WordPress?
WordPress pokazuje błąd HTTP podczas przesyłania obrazów