Na wszystkie te i inne pytania odpowiemy w tym samouczku edytora WordPress.<\/p>\n
Zanim przejdziemy do szczeg\u00f3\u0142\u00f3w korzystania z edytora WordPress, oto kr\u00f3tkie wyja\u015bnienie, dlaczego mo\u017cesz zobaczy\u0107 r\u00f3\u017cne edytory w artyku\u0142ach WordPress w Internecie i czym jest edytor \u201eGutenberg".<\/p>\n
Co to jest Gutenberg?<\/h2>\n
Przez ponad dekad\u0119 WordPress u\u017cywa\u0142 edytora tekstu, kt\u00f3ry wygl\u0105da\u0142 tak, jak teraz uwa\u017cany jest za \u201eedytor klasyczny”:<\/p>\n
Nast\u0119pnie , 6 grudnia 2018 r.<\/strong>, pojawi\u0142 si\u0119 WordPress w wersji 5.0<\/strong> i prze\u0142\u0105czy\u0142 wszystkie witryny na nowy edytor, kt\u00f3ry nazwali \u201e Gutenberg<\/a> ” s\u0142ynnie po pierwszej prasie drukarskiej<\/a>.<\/a><\/a><\/p>\n Teraz, gdy min\u0119\u0142y prawie dwa lata, nazwisko Gutenberg jest u\u017cywane rzadziej, poniewa\u017c ludzie nazywaj\u0105 go po prostu redaktorem lub redaktorem bloku.<\/p>\n Tak wi\u0119c, je\u015bli zobaczysz kogo\u015b online m\u00f3wi\u0105cego o edytorze \u201eGutenberg”, ma to na my\u015bli tylko edytor, kt\u00f3ry jest teraz u\u017cywany we wszystkich witrynach WordPress (w przeciwie\u0144stwie do klasycznego edytora).<\/p>\n Powiniene\u015b mie\u0107 to domy\u015blnie. Nie musisz \u201eprze\u0142\u0105cza\u0107 si\u0119” do edytora Gutenberga, aby go w\u0142\u0105czy\u0107.<\/p>\n Je\u015bli odwiedzasz post lub stron\u0119 w panelu administracyjnym, powinien on wygl\u0105da\u0107 tak:<\/p>\n Je\u015bli tak si\u0119 nie stanie, upewnij si\u0119, \u017ce u\u017cywasz co najmniej wersji WordPress 5.0. Wersj\u0119 WordPressa mo\u017cesz sprawdzi\u0107 w prawym dolnym rogu pulpitu nawigacyjnego.<\/p>\n Dodatkowo sprawd\u017a menu Wtyczki, aby sprawdzi\u0107, czy zainstalowano wtyczk\u0119 Classic Editor<\/a>, kt\u00f3ra przywr\u00f3ci Twoj\u0105 witryn\u0119 do starego edytora. Je\u015bli jest zainstalowany, mo\u017cesz go dezaktywowa\u0107 i usun\u0105\u0107.<\/p>\n Nie musisz instalowa\u0107 wtyczki edytora Gutenberga<\/a>.<\/strong> \u00a0To wtyczka beta dla u\u017cytkownik\u00f3w, kt\u00f3rzy chc\u0105 wypr\u00f3bowa\u0107 nowe funkcje, zanim zostan\u0105 w\u0142\u0105czone do rdzenia WordPressa.<\/p>\n Teraz, gdy rozumiesz, sk\u0105d wzi\u0119\u0142a si\u0119 nazwa \u201eGutenberg” i jak uzyska\u0107 dost\u0119p do edytora, porozmawiajmy o blokach.<\/p>\n Mo\u017cesz my\u015ble\u0107 o edytorze blok\u00f3w jako o specjalnym typie edytora tekstu.<\/p>\n \u00a0G\u0142\u00f3wn\u0105 r\u00f3\u017cnic\u0105 jest to, \u017ce<\/strong> zamiast ca\u0142y tekst jest przechowywany w jednym polu tekstowym, ka\u017cdy blok jest jak go w\u0142asnym polu tekstowym.<\/p>\n Na pierwszy rzut oka mo\u017ce si\u0119 to wydawa\u0107 dziwne, ale jest znacznie lepiej dostosowane do tre\u015bci multimedialnych, takich jak ten wpis na blogu, kt\u00f3ry jest pe\u0142en obraz\u00f3w i GIF-\u00f3w. Zamiast niezr\u0119cznie umieszcza\u0107 obrazy w tek\u015bcie, masz bloki starannie oddzielaj\u0105ce obrazy i akapity.<\/p>\n Aby w pe\u0142ni doceni\u0107 te r\u00f3\u017cnice, musisz dok\u0142adnie wiedzie\u0107, czym jest blok.<\/p>\n Blok WordPress to pojedyncza jednostka tre\u015bci<\/strong>. T\u0105 jednostk\u0105 tre\u015bci mo\u017ce by\u0107 akapit, nag\u0142\u00f3wek, obraz lub wiele innych typ\u00f3w tre\u015bci.<\/p>\n Na przyk\u0142ad ten akapit, kt\u00f3ry w\u0142a\u015bnie czytasz, jest blokiem akapitu, a nag\u0142\u00f3wek nad nim zosta\u0142 dodany z blokiem nag\u0142\u00f3wka.<\/p>\n Ka\u017cda tre\u015b\u0107 dodana do strony w WordPressie jest zawarta w bloku.<\/strong><\/p>\n Tak wi\u0119c blok nie jest elementem wizualnym \u2013 na stronie nie wida\u0107 prostok\u0105tnych blok\u00f3w \u2013 blok to po prostu termin oznaczaj\u0105cy jednostk\u0119 tre\u015bci. To pojemnik.<\/p>\n Wszystko w edytorze to blok<\/p>\n Chocia\u017c uwa\u017cam, \u017ce zrozumienie tej terminologii jest niezwykle pomocne, wiem, \u017ce nie jest to prawdziwy pow\u00f3d, dla kt\u00f3rego tu jeste\u015b.<\/p>\n To, co naprawd\u0119 musisz wiedzie\u0107, to jak dostosowa\u0107 swoje normalne techniki pisania do edytora blok\u00f3w<\/strong>. Zmaganie si\u0119 z prostymi czynno\u015bciami, takimi jak kopiowanie i wklejanie, mo\u017ce by\u0107 frustruj\u0105ce, gdy robisz to dobrze przez ca\u0142e \u017cycie.<\/p>\n Poni\u017cej znajduj\u0105 si\u0119 wszystkie wskaz\u00f3wki i triki dotycz\u0105ce przep\u0142ywu pracy, kt\u00f3rych potrzebujesz, aby skutecznie korzysta\u0107 z edytora WordPress.<\/p>\n Jest kilka rzeczy, kt\u00f3re sprawiaj\u0105, \u017ce edytor blok\u00f3w r\u00f3\u017cni si\u0119 od zwyk\u0142ego edytora tekstu. Zajmijmy si\u0119 ka\u017cdym z nich jeden po drugim.<\/p>\n Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 musisz wiedzie\u0107, jest dodawanie blok\u00f3w.<\/p>\n Ka\u017cda dodana tre\u015b\u0107 jest zawarta w bloku i istniej\u0105 cztery r\u00f3\u017cne sposoby dodawania nowych blok\u00f3w do swoich post\u00f3w.<\/p>\n Do\u015bwiadczenie pisania w edytorze blok\u00f3w jest praktycznie takie samo, jak w normalnym edytorze tekstu.<\/p>\n Mo\u017cesz pisa\u0107 z rado\u015bci\u0105, u\u017cywaj\u0105c klawisza Enter, aby tworzy\u0107 nowe akapity, ale oto kluczowy wgl\u0105d:<\/p>\n Kiedy naci\u015bniesz Enter, tworzysz nowy blok, a nie nowy akapit<\/strong>. Nowy blok mo\u017ce sta\u0107 si\u0119 dowolnym rodzajem bloku (jak obraz lub wideo). Staje si\u0119 akapitem dopiero po wpisaniu do niego s\u0142\u00f3w.<\/p>\n U\u017cycie klawisza Enter to zdecydowanie najszybszy spos\u00f3b na utworzenie nowego bloku, ale inne metody r\u00f3wnie\u017c maj\u0105 pewne zalety.<\/p>\n W tej chwili przycisk Dodaj blok jest do\u015b\u0107 myl\u0105cy. Mam nadziej\u0119, \u017ce wkr\u00f3tce to zmieni\u0105, poniewa\u017c przez ostatnie dwa lata bardzo to zmienili.<\/p>\n Je\u015bli naci\u015bniesz klawisz Enter, aby utworzy\u0107 pusty blok, zobaczysz ten czarny przycisk plus po prawej stronie edytora:<\/p>\n Klikni\u0119cie, kt\u00f3re spowoduje wy\u015bwietlenie wyskakuj\u0105cego okienka wyboru bloku, umo\u017cliwiaj\u0105cego wstawienie dowolnego rodzaju tre\u015bci.<\/p>\n Uwa\u017cam, \u017ce ta opcja jest myl\u0105ca, poniewa\u017c nie zawsze pojawia si\u0119, nawet po najechaniu mysz\u0105 mi\u0119dzy blokami. Z tego powodu polecam g\u0142\u00f3wnie u\u017cywanie drugiego przycisku, kt\u00f3ry jest zawsze dost\u0119pny u g\u00f3ry ekranu:<\/p>\n Daje ci znacznie wi\u0119ksze i \u0142atwiejsze w nawigacji okno, w kt\u00f3rym mo\u017cesz wybra\u0107 typ bloku.<\/p>\n Je\u015bli jeste\u015b nowy w edytorze blok\u00f3w, po\u015bwi\u0119\u0107 troch\u0119 czasu na poruszanie si\u0119 po menu i zapoznaj si\u0119 z r\u00f3\u017cnymi dost\u0119pnymi typami blok\u00f3w.<\/p>\n Gdy ju\u017c wiesz, jakie bloki masz na wyci\u0105gni\u0119cie r\u0119ki, mo\u017cesz przej\u015b\u0107 na lepsz\u0105 metod\u0119 szybkiego wstawiania\u2026<\/p>\n W ten spos\u00f3b dodaj\u0119 bloki do moich post\u00f3w.<\/p>\n Po naci\u015bni\u0119ciu klawisza Enter w celu utworzenia nowego, pustego bloku, wpisz uko\u015bnik \u201e\/”, aby otworzy\u0107 menu szybkiego wyboru. Nast\u0119pnie zacznij wpisywa\u0107 nazw\u0119 bloku, kt\u00f3ry chcesz doda\u0107. Pojawi si\u0119 od razu w menu.<\/p>\n Chocia\u017c mo\u017cesz u\u017cy\u0107 myszy do wybrania bloku, szybciej jest po prostu strza\u0142ka w g\u00f3r\u0119\/w d\u00f3\u0142 przez list\u0119 i ponowne naci\u015bni\u0119cie Enter. Ta metoda dodawania obraz\u00f3w i innych element\u00f3w jest znacznie szybsza ni\u017c cokolwiek, co mo\u017cna zrobi\u0107 za pomoc\u0105 tradycyjnego edytora tekstu. Aby doda\u0107 obraz, wystarczy wpisa\u0107 \u201e\/ima” i nacisn\u0105\u0107 Enter. To moja ulubiona cz\u0119\u015b\u0107 edytora blok\u00f3w.<\/p>\n Teraz, gdy wiesz, jak dodawa\u0107 bloki, porozmawiajmy o ich zaznaczaniu i kopiowaniu.<\/p>\n Zaznaczanie tekstu w edytorze blok\u00f3w znacznie r\u00f3\u017cni si\u0119 od zwyk\u0142ego edytora tekstu, ale dzia\u0142a \u015bwietnie, gdy znasz najlepsze podej\u015bcie.<\/p>\n Oto trzy sposoby zaznaczania tekstu w edytorze blok\u00f3w.<\/p>\n Najcz\u0119stszym sposobem, w jaki ludzie wybieraj\u0105 tekst, jest klikanie i przeci\u0105ganie po s\u0142owach.<\/p>\n Dzia\u0142a to dobrze w blokach, ale przekonasz si\u0119, \u017ce je\u015bli chcesz wybra\u0107 okre\u015blone s\u0142owa mi\u0119dzy akapitami, edytor automatycznie pod\u015bwietli pe\u0142ne bloki po zwolnieniu myszy.<\/p>\n Niestety nie da si\u0119 tego obej\u015b\u0107, wi\u0119c po wklejeniu b\u0119dziesz musia\u0142 wybra\u0107 pe\u0142ne bloki i usun\u0105\u0107 niechciane s\u0142owa.<\/p>\n Je\u015bli wybierasz tekst, aby zmieni\u0107 jego kolejno\u015b\u0107, poczekaj cierpliwie, poniewa\u017c wkr\u00f3tce om\u00f3wimy zmian\u0119 kolejno\u015bci.<\/p>\n Spos\u00f3b, w jaki \u201ezaznacz wszystko” dzia\u0142a z edytorem blok\u00f3w, jest w rzeczywisto\u015bci o wiele przyjemniejszy ni\u017c zwyk\u0142y edytor tekstu.<\/p>\n Zwykle w edytorze tekstu naciskasz cmd + a (ctrl + a w systemie Windows), aby zaznaczy\u0107 ca\u0142y tekst w ca\u0142ym artykule. Je\u015bli spr\u00f3bujesz tego w edytorze blok\u00f3w, zaznaczy tylko ca\u0142y tekst w bie\u017c\u0105cym bloku.<\/p>\n Mo\u017cesz jednak ponownie nacisn\u0105\u0107 cmd + a, aby wybra\u0107 wszystkie bloki w po\u015bcie.<\/p>\n <\/a><\/p>\n Osobi\u015bcie uwa\u017cam, \u017ce jest to o wiele lepsze, poniewa\u017c pozwala szybko wybra\u0107 pe\u0142ne akapity i opcjonalnie wybra\u0107 pe\u0142ny tekst w razie potrzeby.<\/p>\n W edytorze mo\u017cna wybra\u0107 wiele blok\u00f3w na dwa sposoby.<\/p>\n Najpierw mo\u017cesz klikn\u0105\u0107 i przeci\u0105gn\u0105\u0107 kursor po blokach, w ten spos\u00f3b:<\/p>\n To dzia\u0142a dobrze, je\u015bli widzisz wszystkie bloki na ekranie, ale je\u015bli wybierasz d\u0142ugi zakres blok\u00f3w, przeci\u0105ganie kursora po kraw\u0119dzi ekranu w celu dalszego przewijania mo\u017ce by\u0107 nieporz\u0105dne i frustruj\u0105ce.<\/p>\n Lepszym sposobem jest klikni\u0119cie pierwszego bloku, kt\u00f3ry chcesz wybra\u0107, przewini\u0119cie do najdalszego bloku, kt\u00f3ry chcesz wybra\u0107, a nast\u0119pnie przytrzymanie klawisza SHIFT i klikni\u0119cie go w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n Ta technika wybierze oba bloki, na kt\u00f3re klikn\u0105\u0142e\u015b i wszystkie bloki pomi\u0119dzy nimi.<\/p>\n Je\u015bli chcesz skopiowa\u0107 ca\u0142\u0105 zawarto\u015b\u0107 posta, mo\u017cesz u\u017cy\u0107 podw\u00f3jnego skr\u00f3tu cmd+a lub skorzysta\u0107 z opcji Kopiuj ca\u0142\u0105 zawarto\u015b\u0107 znajduj\u0105cej si\u0119 w menu ustawie\u0144.<\/p>\n To \u015bwietny spos\u00f3b na szybkie przeniesienie wpisu z jednej witryny WordPress do drugiej.<\/p>\n Bior\u0105c to wszystko pod uwag\u0119, wiem, \u017ce to nadal nie rozwi\u0105zuje jednego z twoich g\u0142\u00f3wnych problem\u00f3w: jak zmieni\u0107 uk\u0142ad tre\u015bci. Przejd\u017amy teraz do tego.<\/p>\n Jak si\u0119 w\u0142a\u015bnie dowiedzia\u0142e\u015b, kopiowanie i wklejanie nie jest najlepszym sposobem na zmian\u0119 kolejno\u015bci akapit\u00f3w. Edytor blok\u00f3w zapewnia dwa sposoby przenoszenia blok\u00f3w po stronie.<\/p>\n Je\u015bli chcesz przesun\u0105\u0107 blok nieco w g\u00f3r\u0119 lub w d\u00f3\u0142 postu, mo\u017cesz u\u017cy\u0107 przycisk\u00f3w strza\u0142ek dodanych do paska narz\u0119dzi:<\/p>\n Pasek narz\u0119dzi jest widoczny po klikni\u0119ciu bloku<\/p>\n To szybki i czysty spos\u00f3b na zmian\u0119 kolejno\u015bci blok\u00f3w bez konieczno\u015bci kopiowania i wklejania. Ta technika dzia\u0142a dla wszystkich typ\u00f3w blok\u00f3w, w tym obraz\u00f3w.<\/p>\n Je\u015bli musisz przesun\u0105\u0107 blok znacznie dalej, \u0142atwiej b\u0119dzie go przeci\u0105gn\u0105\u0107 i upu\u015bci\u0107 ni\u017c klika\u0107 strza\u0142k\u0119 \u201ew g\u00f3r\u0119” kilkana\u015bcie razy.<\/p>\n Je\u015bli klikniesz i przytrzymasz ikony strza\u0142ek, interfejs zaktualizuje si\u0119, dzi\u0119ki czemu mo\u017cesz przeci\u0105gn\u0105\u0107 i upu\u015bci\u0107 blok w nowej pozycji.<\/p>\n Zobaczysz niebiesk\u0105 lini\u0119 w miejscu, w kt\u00f3rym zostanie wstawiony blok.<\/p>\n Osobi\u015bcie trudno mi czasem wrzuci\u0107 bloki we w\u0142a\u015bciwe miejsce, wi\u0119c przez wi\u0119kszo\u015b\u0107 czasu u\u017cywam przycisk\u00f3w strza\u0142ek.<\/p>\n Je\u015bli przeczyta\u0142e\u015b powy\u017csze wskaz\u00f3wki, to ju\u017c wiesz, \u017ce mo\u017cesz przytrzyma\u0107 klawisz SHIFT, aby wybra\u0107 zakres blok\u00f3w. Po wybraniu wielu blok\u00f3w zobaczysz pasek narz\u0119dzi wy\u015bwietlany tylko nad pierwszym blokiem. Nast\u0119pnie mo\u017cesz u\u017cy\u0107 przycisk\u00f3w strza\u0142ek lub przeci\u0105gn\u0105\u0107 i upu\u015bci\u0107 ca\u0142\u0105 grup\u0119 jednocze\u015bnie.<\/p>\n W tej chwili nie ma mo\u017cliwo\u015bci wybrania wielu blok\u00f3w, kt\u00f3re nie nast\u0119puj\u0105 po sobie.<\/p>\n Przyciski strza\u0142ek to naj\u0142atwiejszy spos\u00f3b na przenoszenie akapit\u00f3w i obraz\u00f3w wok\u00f3\u0142 posta, ale nadal mo\u017cesz u\u017cywa\u0107 funkcji kopiowania i wklejania, je\u015bli chcesz.<\/p>\n Aby to zrobi\u0107, u\u017cyj skr\u00f3tu cmd + a, aby skopiowa\u0107 zawarto\u015b\u0107 bloku, a nast\u0119pnie u\u017cyj cmd + x, aby wyci\u0105\u0107 zawarto\u015b\u0107, a nast\u0119pnie utw\u00f3rz nowy blok za pomoc\u0105 klawisza Enter i naci\u015bnij cmd + v, aby wklei\u0107 skopiowan\u0105 zawarto\u015b\u0107.<\/p>\n Tworzenie, kopiowanie i porz\u0105dkowanie tre\u015bci obejmuje wi\u0119kszo\u015b\u0107 najwa\u017cniejszych element\u00f3w. Ostatni\u0105 wa\u017cn\u0105 technik\u0105, kt\u00f3rej musisz si\u0119 nauczy\u0107, jest usuwanie blok\u00f3w.<\/p>\n Usuwanie tre\u015bci jest cz\u0119\u015bci\u0105 tworzenia tre\u015bci, wi\u0119c musisz wiedzie\u0107, jak usun\u0105\u0107 bloki.<\/p>\n Istniej\u0105 trzy sposoby na usuni\u0119cie dowolnego bloku w edytorze.<\/p>\n Zawsze wol\u0119 skr\u00f3ty klawiszowe, wi\u0119c to polec\u0119 najpierw.<\/p>\n Kliknij dowolny blok, a nast\u0119pnie naci\u015bnij nast\u0119puj\u0105ce klawisze.<\/p>\n Spowoduje to natychmiastowe usuni\u0119cie blokady.<\/p>\n Je\u015bli nie chcesz uczy\u0107 si\u0119 wymy\u015blnego skr\u00f3tu do usuwania, oto kolejna szybka metoda usuwania akapit\u00f3w i innych blok\u00f3w:<\/p>\n W przypadku bloku obrazu wystarczy klikn\u0105\u0107 obraz, a nast\u0119pnie nacisn\u0105\u0107 klawisz Delete\/Backspace, aby go usun\u0105\u0107.<\/p>\n Chocia\u017c wolniej, czasami mo\u017cesz chcie\u0107 u\u017cy\u0107 przycisku paska narz\u0119dzi, aby zamiast tego usun\u0105\u0107 blok.<\/p>\n Aby usun\u0105\u0107 blok w ten spos\u00f3b:<\/p>\n Ta metoda dzia\u0142a dla wszystkich typ\u00f3w blok\u00f3w.<\/p>\n Czasami zamiast od razu usun\u0105\u0107 blok, chcesz zmieni\u0107 go na inny typ. Edytor zawiera w tym celu opcj\u0119 transformacji.<\/p>\n Jedn\u0105 z zalet edytora blok\u00f3w jest to, \u017ce wi\u0119kszo\u015b\u0107 blok\u00f3w mo\u017cna szybko przekszta\u0142ci\u0107 z jednego typu na inny.<\/p>\n Za\u0142\u00f3\u017cmy, \u017ce w\u015bciekle blogujesz. Z klawiatury wylatuj\u0105 iskry, a Ty nie masz czasu na majstrowanie przy wyborze typ\u00f3w blok\u00f3w, wi\u0119c wpisujesz nag\u0142\u00f3wki jak normalne akapity i kontynuujesz. To nie jest problem.<\/p>\n Mo\u017cesz klikn\u0105\u0107 dowolny blok akapitu, a nast\u0119pnie klikn\u0105\u0107 ikon\u0119 akapitu na pasku narz\u0119dzi, aby wy\u015bwietli\u0107 typy blok\u00f3w, na kt\u00f3re mo\u017cna go przekszta\u0142ci\u0107.<\/p>\n Dzia\u0142a to r\u00f3wnie\u017c w przypadku blok\u00f3w opartych na obrazach. Na przyk\u0142ad mo\u017cesz przekszta\u0142ci\u0107 obraz w galeri\u0119 lub blok \u201emedia i tekst”.<\/p>\n Co\u015b, co zacz\u0105\u0142em robi\u0107, aby przyspieszy\u0107 pisanie, to po prostu wstawianie pustych blok\u00f3w obrazu, w kt\u00f3rych p\u00f3\u017aniej dodam moje obrazy.<\/p>\n Korzystaj\u0105c z wcze\u015bniejszej ko\u0144c\u00f3wki szybkiego wstawiania, wpisz \u201e\/ima” i naci\u015bnij Enter, aby wstawi\u0107 blok obrazu, a nast\u0119pnie ponownie naci\u015bnij klawisz Enter, aby kontynuowa\u0107 pisanie nast\u0119pnego akapitu. Pozostawia \u0142adny symbol zast\u0119pczy, w kt\u00f3rym p\u00f3\u017aniej prze\u015blesz sw\u00f3j obraz.<\/p>\n W przeciwie\u0144stwie do starego edytora tekstu, edytor blok\u00f3w mo\u017ce zapewni\u0107 wiele narz\u0119dzi do dostosowywania specyficznych dla blok\u00f3w.<\/p>\n Na przyk\u0142ad, je\u015bli klikniesz blok akapitu, zobaczysz opcje zmiany rozmiaru, koloru czcionki i innych opcji na pasku bocznym.<\/p>\n Kliknij ikon\u0119 ko\u0142a z\u0119batego w prawym g\u00f3rnym rogu, je\u015bli nie widzisz paska bocznego<\/p>\n Za ka\u017cdym razem, gdy klikniesz blok, opcje paska bocznego zostan\u0105 zaktualizowane, aby pasowa\u0142y do \u200b\u200bwybranego bloku.<\/p>\n Obrazy zawieraj\u0105 zupe\u0142nie inne wyniki, takie jak tekst alternatywny i kontrolki rozmiaru.<\/p>\n Je\u015bli chcesz wr\u00f3ci\u0107 do g\u0142\u00f3wnych ustawie\u0144, mo\u017cesz klikn\u0105\u0107 w dowolnym miejscu poza blokami lub klikn\u0105\u0107 kart\u0119 Dokument na pasku bocznym.<\/p>\n Cz\u0119st\u0105 frustracj\u0105 zwi\u0105zan\u0105 z klasycznym edytorem by\u0142o umieszczanie tekstu i\/lub obraz\u00f3w obok siebie. Nowy edytor znacznie to u\u0142atwia.<\/p>\n Je\u015bli chcesz umie\u015bci\u0107 obraz obok tekstu, najlepsz\u0105 metod\u0105 jest u\u017cycie bloku Media & Text.<\/p>\n Je\u015bli chcesz umie\u015bci\u0107 obrazy obok siebie, jedn\u0105 z opcji jest wstawienie bloku galerii<\/a>.<\/p>\n Jest to szczeg\u00f3lnie przydatne przy umieszczaniu trzech lub czterech obraz\u00f3w pod rz\u0105d.<\/p>\n Na koniec, je\u015bli chcesz umie\u015bci\u0107 wiele kolumn tekstu obok siebie, mo\u017cesz u\u017cy\u0107 bloku kolumny. Po wstawieniu mo\u017cesz zdecydowa\u0107 o szeroko\u015bci kolumn, w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n Zarz\u0105dzanie blokami bez blokady kolumny mo\u017ce by\u0107 myl\u0105ce, ale z pewno\u015bci\u0105 jest to lepsze ni\u017c pr\u00f3ba tego samego uk\u0142adu w starym edytorze.<\/p>\n W tym momencie pozna\u0142e\u015b wszystkie podstawy korzystania z edytora WordPress. Nast\u0119pnie nauczysz si\u0119 kilku wa\u017cniejszych technik, aby jak najlepiej wykorzysta\u0107 edytor Gutenberg na swojej stronie.<\/p>\n WordPress zawiera dziesi\u0105tki blok\u00f3w, ale prawdopodobnie b\u0119dziesz potrzebowa\u0107 wi\u0119cej, aby uruchomi\u0107 swoj\u0105 witryn\u0119.<\/p>\n Na przyk\u0142ad chcesz utworzy\u0107 stron\u0119 kontaktow\u0105, a to wymaga wstawienia formularza kontaktowego<\/a> na stronie. Nie ma bloku formularza kontaktowego, wi\u0119c musisz go doda\u0107 do swojej witryny.<\/p>\n Istniej\u0105 dwa sposoby na uzyskanie wi\u0119kszej liczby blok\u00f3w dla Twojej witryny.<\/p>\n Najcz\u0119stsz\u0105 metod\u0105 uzyskania wi\u0119kszej liczby blok\u00f3w jest dodanie nowych wtyczek do witryny.<\/p>\n Na przyk\u0142ad WPForms<\/a> to doskona\u0142a wtyczka formularzy, kt\u00f3ra zawiera narz\u0119dzie do tworzenia formularzy typu \u201eprzeci\u0105gnij i upu\u015b\u0107”. Zawiera blok, kt\u00f3ry umo\u017cliwia \u0142atwe wstawianie formularzy w postach i na stronach.<\/p>\n Obecnie wi\u0119kszo\u015b\u0107 wtyczek, kt\u00f3re dodaj\u0105 nowy rodzaj tre\u015bci do Twojej witryny (formularze\/suwaki\/referencje) b\u0119dzie zawiera\u0107 blokad\u0119.<\/p>\n Istnieje r\u00f3wnie\u017c mn\u00f3stwo \u201ewtyczek blokowych”, kt\u00f3re za\u0142aduj\u0105 Twoj\u0105 witryn\u0119 dziesi\u0105tkami fajnych nowych typ\u00f3w blok\u00f3w. Kilka najpopularniejszych opcji to:<\/p>\n Polecam najpierw przyzwyczai\u0107 si\u0119 do domy\u015blnych blok\u00f3w, ale kiedy b\u0119dziesz gotowy na bardziej zaawansowane, te wtyczki s\u0105 niesamowite.<\/p>\n WordPress 5.5<\/a> doda\u0142 nowy \u201ekatalog blok\u00f3w”. W\u0142\u0105czam go tutaj, aby by\u0142 wyczerpuj\u0105cy i poniewa\u017c prawdopodobnie b\u0119dzie powtarza\u0142 si\u0119 i stanie si\u0119 bardziej popularny w przysz\u0142o\u015bci.<\/p>\n Jednak na razie NIE polecam go u\u017cywa\u0107, poniewa\u017c:<\/p>\n A jedyny spos\u00f3b, w jaki mo\u017cesz je znale\u017a\u0107, to je\u015bli szukasz bloku i nie zwraca on \u017cadnych wynik\u00f3w:<\/p>\n Oznacza to, \u017ce nie mo\u017cesz znale\u017a\u0107 nowych blok\u00f3w dla s\u0142\u00f3w kluczowych, takich jak \u201eobraz” lub \u201eumieszczanie”, poniewa\u017c tworz\u0105 one ju\u017c zainstalowane bloki.<\/p>\n Og\u00f3lnie rzecz bior\u0105c, jest to do\u015b\u0107 dziwne i niekompletne do\u015bwiadczenie, wi\u0119c najlepiej poczeka\u0107, a\u017c WordPress dostarczy t\u0119 funkcj\u0119 w kompletny spos\u00f3b, zanim u\u017cyjesz jej w swojej witrynie. Na razie zainstaluj nowe wtyczki, aby doda\u0107 bloki do swojej witryny.<\/p>\n Sam edytor ma kilka opcji dostosowywania, dzi\u0119ki czemu mo\u017cesz zmieni\u0107 jego wygl\u0105d.<\/p>\n Po ka\u017cdej aktualizacji WordPress domy\u015blnie wy\u015bwietla tryb pe\u0142noekranowy, ale mo\u017cesz wr\u00f3ci\u0107 do standardowego widoku, odznaczaj\u0105c tryb pe\u0142noekranowy w menu opcji, aby go wy\u0142\u0105czy\u0107.<\/p>\n Kolejn\u0105 zmian\u0105, kt\u00f3r\u0105 mo\u017cesz chcie\u0107, jest klikni\u0119cie przycisku ko\u0142a z\u0119batego w prawym g\u00f3rnym rogu, aby ukry\u0107 prawy pasek boczny.<\/p>\n Je\u015bli w\u0142\u0105czysz tryb pe\u0142noekranowy i ukryjesz prawy pasek boczny, uzyskasz czyst\u0105 przestrze\u0144 do pisania bez rozpraszania uwagi.<\/p>\n Mam nadziej\u0119, \u017ce po tym po\u015bcie dobrze rozumiesz, jak korzysta\u0107 z edytora blok\u00f3w.<\/p>\n To powiedziawszy, mo\u017cesz nie zosta\u0107 na nim sprzedany. W takim przypadku istnieje kilka opcji, je\u015bli chcesz wy\u0142\u0105czy\u0107 edytor Gutenberg lub unikn\u0105\u0107 jego u\u017cywania.<\/p>\n Przede wszystkim nie musisz u\u017cywa\u0107 edytora blok\u00f3w. Mo\u017cesz zainstalowa\u0107 wtyczk\u0119 Edytora klasycznego<\/a>.<\/p>\n Ta wtyczka jest bezp\u0142atna, a zesp\u00f3\u0142 WordPressa zobowi\u0105za\u0142 si\u0119 do wspierania jej do 2022 roku. Na podstawie recenzji mo\u017cna by pomy\u015ble\u0107, \u017ce jest niesamowity, ale jest oceniany g\u0142\u00f3wnie ze z\u0142o\u015bliwo\u015bci (pocz\u0105tkowo Gutenberg nie zosta\u0142 dobrze przyj\u0119ty). Prawd\u0119 m\u00f3wi\u0105c, jest to przeci\u0119tny edytor tekstu, kt\u00f3ry nie ma nic specjalnego do zaoferowania.<\/p>\n A oto jeszcze co\u015b do przemy\u015blenia\u2026<\/p>\n Nie musisz pisa\u0107 swoich post\u00f3w w WordPressie.<\/p>\n Mo\u017cesz pisa\u0107 swoje posty w Dokumentach Google lub dowolnym innym edytorze, a nast\u0119pnie importowa\u0107 je do WordPressa. W przypadku edytor\u00f3w takich jak Dokumenty Google istniej\u0105 dedykowane rozwi\u0105zania do importowania z<\/a> zachowaniem formatowania, ale w przypadku innych edytor\u00f3w opartych na blokach, takich jak Notion<\/a>, mo\u017cesz po prostu kopiowa\u0107 i wkleja\u0107 swoje posty do WordPress z zachowaniem ca\u0142ego formatowania.<\/p>\n Ostatecznie WordPress to miejsce, w kt\u00f3rym publikujesz swoje tre\u015bci, ale nie musi to by\u0107 miejsce, w kt\u00f3rym tworzysz swoje tre\u015bci.<\/p>\n Teraz, gdy dowiedzia\u0142e\u015b si\u0119 tak wiele o edytorze blok\u00f3w, jestem pewien, \u017ce jeste\u015b gotowy, aby go u\u017cy\u0107, ale pomy\u015bla\u0142em, \u017ce podziel\u0119 si\u0119 dodatkow\u0105 perspektyw\u0105, poniewa\u017c jest to gor\u0105cy problem.<\/p>\n W tym d\u0142ugim przewodniku pozna\u0142e\u015b wszystkie podstawy edytora blok\u00f3w, w tym podstawow\u0105 terminologi\u0119, a tak\u017ce troch\u0119 historii WordPressa.<\/p>\n Nauczy\u0142e\u015b si\u0119:<\/p>\n Do edytora blok\u00f3w trzeba si\u0119 troch\u0119 przyzwyczai\u0107, ale mam nadziej\u0119, \u017ce ten post wyja\u015bni\u0142 wszelkie zamieszanie, jakie do tej pory mia\u0142e\u015b.<\/p>\n Je\u015bli dobrze si\u0119 bawisz, ucz\u0105c si\u0119 wi\u0119cej o WordPressie i my\u015blisz, \u017ce jeste\u015b gotowy, aby powa\u017cnie podej\u015b\u0107 do stworzenia wspania\u0142ej strony internetowej, my\u015bl\u0119, \u017ce pokochasz m\u00f3j bezp\u0142atny kurs:<\/p>\n![\"Jak](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222914-6171cebd3fd70.png\")
<\/a><\/p>\nJak zdoby\u0107 edytor Gutenberga?<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\nTo edytor blok\u00f3w, a nie edytor tekstu<\/h2>\n
Czym s\u0105 bloki?<\/h2>\n
<\/a><\/p>\nJak efektywnie korzysta\u0107 z edytora blok\u00f3w WordPress<\/h2>\n
Jak dodawa\u0107 nowe bloki<\/h3>\n
U\u017cyj klawisza Enter<\/h4>\n
<\/a><\/p>\nU\u017cyj przycisku Dodaj blok<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nMetoda szybkiego wk\u0142adania<\/h4>\n
<\/a><\/p>\nJak wybra\u0107 i skopiowa\u0107 zawarto\u015b\u0107<\/h3>\n
Kliknij i przeci\u0105gnij kursor<\/h4>\n
<\/a><\/p>\nSkr\u00f3t klawiaturowy \u201ezaznacz wszystko”<\/h4>\n
Jak wybra\u0107 wiele blok\u00f3w<\/h4>\n
<\/a><\/p>\nJak skopiowa\u0107 ca\u0142y post<\/h4>\n
<\/a><\/p>\nJak przenosi\u0107 i zmienia\u0107 kolejno\u015b\u0107 blok\u00f3w<\/h3>\n
Przesuwaj bloki za pomoc\u0105 strza\u0142ek<\/h4>\n
Przenie\u015b bloki za pomoc\u0105 przeci\u0105gania i upuszczania<\/h4>\n
Przenie\u015b wiele blok\u00f3w jednocze\u015bnie<\/h4>\n
Nadal mo\u017cesz kopiowa\u0107 i wkleja\u0107<\/h4>\n
Jak usun\u0105\u0107 bloki<\/h3>\n
Skr\u00f3t klawiaturowy usuwania<\/h4>\n
\n
Usu\u0144, wybieraj\u0105c zawarto\u015b\u0107<\/h4>\n
\n
<\/a><\/p>\nU\u017cyj przycisku Usu\u0144 blokad\u0119<\/h4>\n
\n
<\/a><\/p>\nJak przekszta\u0142ci\u0107 typy blok\u00f3w<\/h3>\n
<\/a><\/p>\nKr\u00f3tka uwaga na temat symboli zast\u0119pczych<\/h4>\n
Jak dostosowa\u0107 wygl\u0105dy blok\u00f3w<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nJak umieszcza\u0107 bloki obok siebie?<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nJak zdoby\u0107 jeszcze wi\u0119cej blok\u00f3w<\/h3>\n
Zainstaluj nowe wtyczki<\/h4>\n
<\/a><\/p>\n\n
Dodaj bloki z katalogu blok\u00f3w<\/h4>\n
\n
<\/a><\/p>\nJak dostosowa\u0107 edytor blok\u00f3w<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nA je\u015bli chc\u0119 odzyska\u0107 klasyczny edytor?<\/h3>\n
<\/a><\/p>\nJeste\u015b ekspertem od edytora blok\u00f3w!<\/h2>\n
\n