{"id":242852,"date":"2022-03-12T12:33:00","date_gmt":"2022-03-12T09:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=242852"},"modified":"2022-05-16T12:33:28","modified_gmt":"2022-05-16T09:33:28","slug":"jak-wyroznic-tekst-w-postach-wordpress-3-proste-sposoby","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-wyroznic-tekst-w-postach-wordpress-3-proste-sposoby\/","title":{"rendered":"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)"},"content":{"rendered":"<p>Czasami pogrubienie nie wystarczy.<\/p>\n<p>Je\u015bli chcesz wyr\u00f3\u017cni\u0107 akapit lub cz\u0119\u015b\u0107 zdania, nic nie dzia\u0142a lepiej ni\u017c jasne pod\u015bwietlenie.<\/p>\n<p>W tym kr\u00f3tkim samouczku poznasz trzy r\u00f3\u017cne sposoby pod\u015bwietlania tekstu za pomoc\u0105 <a href=\"https:\/\/themewp.inform.click\/pl\/jak-korzystac-z-edytora-blokow-wordpress-niezbedny-przewodnik-po-gutenberg\/\" title=\"edytora\">edytora<\/a> WordPress <a href=\"https:\/\/themewp.inform.click\/pl\/jak-korzystac-z-edytora-blokow-wordpress-niezbedny-przewodnik-po-gutenberg\/\" title=\"Gutenberg\">Gutenberg<\/a>.<\/p>\n<h2>Jak wyr\u00f3\u017cni\u0107 tekst<\/h2>\n<p>Pierwsza metoda wymaga edycji kodu HTML, ale prawdopodobnie jest to styl, kt\u00f3rego szukasz.<\/p>\n<p>Poni\u017csze dwie metody mo\u017cna zaimplementowa\u0107 ca\u0142kowicie za pomoc\u0105 normalnych opcji edytora.<\/p>\n<h3>1 U\u017cyj elementu HTML \u201eoznacz&quot;<\/h3>\n<p>Istnieje element <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/mark\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">znacznika HTML<\/a> stworzony specjalnie do oznaczania tekstu za pomoc\u0105 pod\u015bwietlenia.<\/p>\n<p>&#8230;<\/p>\n<p>Styl zale\u017cy od przegl\u0105darki, a nawet od aktualnego motywu WordPress, ale w 99% przypadk\u00f3w nadaje tekstowi \u017c\u00f3\u0142te t\u0142o, jakby zaznaczono je tradycyjnym zakre\u015blaczem.<\/p>\n<p>Jedn\u0105 z zalet tej techniki jest to, \u017ce dzia\u0142a ona dla wszystkich element\u00f3w blokowych, wi\u0119c nie jest ograniczona tylko do blok\u00f3w akapitowych.<\/p>\n<p>Aby doda\u0107 ten efekt do tekstu, zacznij od wybrania bloku z tekstem, kt\u00f3ry chcesz pod\u015bwietli\u0107. Nast\u0119pnie kliknij przycisk Opcje i wybierz opcj\u0119 Edytuj jako HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d84e0ce9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d84e0ce9.png\" alt=\"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)\"><\/a><\/p>\n<p>Wewn\u0105trz elementu akapitu b\u0119dziesz zawija\u0107 tekst, kt\u00f3ry chcesz pod\u015bwietli\u0107, znacznikami znacznik\u00f3w. Aby to zrobi\u0107, umie\u015b\u0107 \u201e<!-- \ud83d\udccc\ud83d\udccc\ud83d\udccc ORIGINAL_TEXT - \" bezpo\u015brednio przed tekstem i \u201e --><\/p>\n<p>&#8221; bezpo\u015brednio po. Jedyn\u0105 r\u00f3\u017cnic\u0105 jest uko\u015bnik w drugim znaczniku. Upewnij si\u0119, \u017ce tego nie pominiesz, w przeciwnym razie pod\u015bwietlisz ca\u0142y post!<\/p>\n<p>Na przyk\u0142ad, je\u015bli chc\u0119 wyr\u00f3\u017cni\u0107 s\u0142owa \u201eprzyk\u0142adowy tekst&#8221; w poni\u017cszym akapicie, oto jak to zrobi\u0119:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8689273.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8689273.png\" alt=\"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)\"><\/a><\/p>\n<p>Po zako\u0144czeniu mo\u017cesz ponownie otworzy\u0107 menu opcji i klikn\u0105\u0107 Edytuj wizualnie, aby powr\u00f3ci\u0107 do normalnego widoku.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8840ca2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8840ca2.png\" alt=\"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)\"><\/a><\/p>\n<p>Ta technika jest nieco \u017cmudna, ale nadaje tekstowi klasyczn\u0105 estetyk\u0119 podkre\u015blenia, kt\u00f3rej prawdopodobnie szukasz.<\/p>\n<p>Chocia\u017c element znacznika jest dobry do zmiany koloru t\u0142a kilku s\u0142\u00f3w, istnieje jeszcze prostszy spos\u00f3b na zmian\u0119 koloru tekstu wybranych s\u0142\u00f3w.<\/p>\n<h3>2 Zmie\u0144 kolor tekstu<\/h3>\n<p>Mo\u017cesz zmieni\u0107 kolor dowolnego tekstu w bloku akapitu za pomoc\u0105 wbudowanej opcji edytora.<\/p>\n<p>Aby zmieni\u0107 kolor tekstu, zaznacz akapit, a nast\u0119pnie zaznacz s\u0142owa, kt\u00f3re chcesz edytowa\u0107. Nast\u0119pnie kliknij strza\u0142k\u0119 w d\u00f3\u0142 i wybierz opcj\u0119 Kolor tekstu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8a0e0a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8a0e0a3.png\" alt=\"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)\"><\/a><\/p>\n<p>Zobaczysz kilka przyk\u0142adowych kolor\u00f3w, w tym \u0142adny \u017c\u00f3\u0142ty odcie\u0144. Kliknij dowolny kolor, aby zastosowa\u0107.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8bdb041.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8bdb041.png\" alt=\"Jak wyr\u00f3\u017cni\u0107 tekst w postach WordPress (3 proste sposoby)\"><\/a><\/p>\n<p>Je\u015bli klikniesz link Niestandardowe kolory, otworzy si\u0119 pe\u0142ny selektor kolor\u00f3w.<\/p>\n<p>Jedn\u0105 z zalet korzystania z tej opcji zamiast u\u017cywania element\u00f3w znaku jest to, \u017ce masz pe\u0142n\u0105 kontrol\u0119 nad kolorem. Ta opcja jest dost\u0119pna dla koloru tekstu, ale obecnie nie ma mo\u017cliwo\u015bci dodania niestandardowego koloru t\u0142a <strong>dla wybranych s\u0142\u00f3w<\/strong>.<\/p>\n<p>To powiedziawszy, istnieje prosty spos\u00f3b na zmian\u0119 koloru tekstu i koloru t\u0142a <strong>ca\u0142ego akapitu<\/strong>.<\/p>\n<h3>3 Zmie\u0144 kolor t\u0142a<\/h3>\n<p>Ta ostatnia technika doskonale nadaje si\u0119 do tworzenia \u201ewezwa\u0144&#8221; zawieraj\u0105cych wskaz\u00f3wki, ostrze\u017cenia, a nawet marketingowe wezwanie do dzia\u0142ania.<\/p>\n<p>Aby nada\u0107 blokowi akapitu kolor t\u0142a, wybierz go, a nast\u0119pnie kliknij sekcj\u0119 Ustawienia kolor\u00f3w na pasku bocznym. Wewn\u0105trz znajdziesz r\u00f3\u017cne opcje kolorystyczne zar\u00f3wno dla tekstu, jak i t\u0142a.<\/p>\n<p>Po zaznaczeniu akapitu w edytorze zobaczysz sekcj\u0119 Ustawienia kolor\u00f3w<\/p>\n<p>Wszystko, co musisz zrobi\u0107, to klikn\u0105\u0107 kolor, aby go zastosowa\u0107. Opcja kolor\u00f3w niestandardowych jest dost\u0119pna, je\u015bli chcesz u\u017cy\u0107 selektora kolor\u00f3w lub wprowadzi\u0107 szesnastkowy kod koloru.<\/p>\n<p>Opcja koloru tekstu, kt\u00f3rej w\u0142a\u015bnie si\u0119 nauczy\u0142e\u015b, jest dobra do edycji pojedynczych s\u0142\u00f3w w akapicie, ale to ustawienie na poziomie bloku jest znacznie bardziej wydajne, je\u015bli chcesz zmieni\u0107 kolor tekstu dla ca\u0142ego akapitu.<\/p>\n<h2>Opanuj edytor WordPress<\/h2>\n<p>Mam nadziej\u0119, \u017ce wskaz\u00f3wki zawarte w tym samouczku pomog\u0105 ci tworzy\u0107 jeszcze lepsze tre\u015bci, ale nie zatrzymuj si\u0119 na tym.<\/p>\n<p>Jest o wiele wi\u0119cej do nauczenia si\u0119 o edytorze blok\u00f3w, kt\u00f3ry mo\u017ce pom\u00f3c w tworzeniu bardziej efektywnych i stylowych tre\u015bci w kr\u00f3tszym czasie.<\/p>\n<p>Je\u015bli jeste\u015b nowy w WordPressie, polecam przeczytanie mojego przewodnika, jak efektywnie korzysta\u0107 z edytora blok\u00f3w:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/pl\/jak-korzystac-z-edytora-blokow-wordpress-niezbedny-przewodnik-po-gutenberg\/\" title=\"Jak korzysta\u0107 z edytora blok\u00f3w WordPress: niezb\u0119dny przewodnik po Gutenberg\">Jak korzysta\u0107 z edytora blok\u00f3w WordPress: niezb\u0119dny przewodnik po Gutenberg<\/a><\/p>\n<p>A je\u015bli by\u0142e\u015b u\u017cytkownikiem WP od jakiego\u015b czasu, za\u0142o\u017c\u0119 si\u0119, \u017ce nadal mo\u017cesz znale\u017a\u0107 przydatne wskaz\u00f3wki dotycz\u0105ce projektowania w moim bezp\u0142atnym 7-dniowym kursie e-mail:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">BEZP\u0141ATNY 7-dniowy kurs e-mailowy dla mistrz\u00f3w WordPress<\/a><\/p>\n<p>Dzi\u0119kujemy za przeczytanie tego samouczka na temat wyr\u00f3\u017cniania tekstu za pomoc\u0105 WordPress i rozwa\u017c udost\u0119pnienie go za pomoc\u0105 poni\u017cszych przycisk\u00f3w.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Odkryj trzy proste sposoby wyr\u00f3\u017cniania tekstu w postach i stronach WordPress. Metody obejmuj\u0105 zmian\u0119 koloru t\u0142a i tekstu.<\/p>\n","protected":false},"author":1,"featured_media":257945,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[552],"tags":[847],"class_list":["post-242852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dostosuj-wordpress","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/242852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=242852"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/242852\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/257945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=242852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=242852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=242852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}