{"id":572,"date":"2021-04-21T11:47:05","date_gmt":"2021-04-21T11:47:05","guid":{"rendered":"https:\/\/wordtohtml.net\/content\/?post_type=epkb_post_type_2&#038;p=572"},"modified":"2021-04-21T11:47:05","modified_gmt":"2021-04-21T11:47:05","slug":"jak-dodac-i-uzywac-wlasnego-css-dla-edytora-wizualnego","status":"publish","type":"epkb_post_type_2","link":"https:\/\/wordtohtml.net\/content\/pl\/baza-wiedzy-pomoc\/jak-dodac-i-uzywac-wlasnego-css-dla-edytora-wizualnego\/","title":{"rendered":"Jak doda\u0107 i u\u017cywa\u0107 w\u0142asnego CSS dla Edytora Wizualnego"},"content":{"rendered":"<p>Edytor wizualny Word to HTML jest w stanie dostosowa\u0107 style CSS do konkretnych znacznik\u00f3w HTML i pozwala ci dodawa\u0107 w\u0142asne klasy CSS, kt\u00f3re mog\u0105 by\u0107 u\u017cyte do formatowania twojej zawarto\u015bci.<\/p>\n<p>Mo\u017cesz doda\u0107\/wklei\u0107 w\u0142asny CSS ze swojej strony internetowej, je\u015bli chcesz, by tre\u015b\u0107 by\u0142a stylizowana w taki sam spos\u00f3b, jak na twojej stronie.<\/p>\n<p>Aby doda\u0107 sw\u00f3j w\u0142asny CSS, musisz przej\u015b\u0107 do <a href=\"https:\/\/wordtohtml.net\/site\/settings\" target=\"_blank\" rel=\"noopener noreferrer\">strony Ustawienia<\/a>:<\/p>\n<pre>h1 { color: blue }\r\np { padding: 20px 0 }\r\n.redBoldStyle { color: red; font-weight: bold }<\/pre>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-573\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_1.png\" alt=\"\" width=\"1004\" height=\"170\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_1.png 1004w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_1-500x85.png 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_1-768x130.png 768w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/><\/a><\/p>\n<p>W ten spos\u00f3b mo\u017cesz mie\u0107 w\u0142asne style dla tag\u00f3w w zawarto\u015bci twojego Edytora Wizualnego. W powy\u017cszym przyk\u0142adzie mo\u017cesz ustawi\u0107 niebieski kolor dla wszystkich tag\u00f3w &lt;h1&gt;, niestandardowe wy\u015bcie\u0142anie dla wszystkich tag\u00f3w &lt;p&gt; i doda\u0107 niestandardowy styl klasy o nazwie &#8216;redBoldStyle&#8217;. Te style s\u0105 nast\u0119pnie dost\u0119pne do u\u017cycia w menu Formaty w starym edytorze lub pod ikon\u0105 pokazan\u0105 poni\u017cej w nowym edytorze.<\/p>\n<p>Aby zastosowa\u0107 styl w nowym edytorze, zaznacz swoj\u0105 tre\u015b\u0107 i kliknij na ikon\u0119 stylu akapitu, a nast\u0119pnie kliknij na styl, kt\u00f3ry chcesz zastosowa\u0107.<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-574\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2.png\" alt=\"\" width=\"1373\" height=\"385\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2.png 1373w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2-500x140.png 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2-1200x336.png 1200w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_2-768x215.png 768w\" sizes=\"(max-width: 1373px) 100vw, 1373px\" \/><\/a><\/p>\n<p>Aby zastosowa\u0107 styl w Starym Edytorze, zaznacz swoj\u0105 tre\u015b\u0107 i kliknij na menu Formaty, a nast\u0119pnie kliknij na styl, kt\u00f3ry chcesz zastosowa\u0107.<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-575\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_3.png\" alt=\"\" width=\"910\" height=\"420\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_3.png 910w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_3-500x231.png 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_3-768x354.png 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/a><\/p>\n<p>Edytor Wizualny doda klas\u0119 do wybranej przez Ciebie tre\u015bci:<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-576\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4.png\" alt=\"\" width=\"1347\" height=\"444\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4.png 1347w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4-500x165.png 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4-1200x396.png 1200w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/wlasny_css_4-768x253.png 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Edytor wizualny Word to HTML jest w stanie dostosowa\u0107 style CSS do konkretnych znacznik\u00f3w HTML i pozwala ci dodawa\u0107 w\u0142asne klasy CSS, kt\u00f3re mog\u0105 by\u0107 u\u017cyte do formatowania twojej zawarto\u015bci. Mo\u017cesz doda\u0107\/wklei\u0107 w\u0142asny CSS ze swojej strony internetowej, je\u015bli chcesz, by tre\u015b\u0107 by\u0142a stylizowana w taki sam spos\u00f3b, jak na twojej stronie. Aby doda\u0107 sw\u00f3j &#8230; <a title=\"Jak doda\u0107 i u\u017cywa\u0107 w\u0142asnego CSS dla Edytora Wizualnego\" class=\"read-more\" href=\"https:\/\/wordtohtml.net\/content\/pl\/baza-wiedzy-pomoc\/jak-dodac-i-uzywac-wlasnego-css-dla-edytora-wizualnego\/\" aria-label=\"Read more about Jak doda\u0107 i u\u017cywa\u0107 w\u0142asnego CSS dla Edytora Wizualnego\">Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"generate_page_header":"","footnotes":""},"epkb_post_type_2_category":[89],"epkb_post_type_2_tag":[],"_links":{"self":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2\/572"}],"collection":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2"}],"about":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/types\/epkb_post_type_2"}],"author":[{"embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":1,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2\/572\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2\/572\/revisions\/577"}],"wp:attachment":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/media?parent=572"}],"wp:term":[{"taxonomy":"epkb_post_type_2_category","embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2_category?post=572"},{"taxonomy":"epkb_post_type_2_tag","embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_2_tag?post=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}