{"id":15812,"date":"2019-01-23T12:04:19","date_gmt":"2019-01-23T11:04:19","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/?p=15812"},"modified":"2019-01-23T12:32:43","modified_gmt":"2019-01-23T11:32:43","slug":"zalobny-wystroj-witryny","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2019\/01\/23\/zalobny-wystroj-witryny\/","title":{"rendered":"\u017ba\u0142obny wystr\u00f3j witryny"},"content":{"rendered":"<p>Ods\u0142ony: 205<\/p>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15812\" class=\"elementor elementor-15812 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d2f369 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d2f369\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ef2476\" data-id=\"8ef2476\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfe90a0 elementor-widget elementor-widget-text-editor\" data-id=\"bfe90a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>\u00a0Zdarzaj\u0105 si\u0119 czasem okoliczno\u015bci, gdy chcemy publicznie wyrazi\u0107 nastr\u00f3j chwili, na przyk\u0142ad \u017ca\u0142ob\u0119. Mo\u017ce da\u0107 temu wyraz w prowadzonej przez siebie witrynie czy blogu.<\/p><p>Witryna oparta o system WordPress mo\u017ce szybko przybra\u0107 \u017ca\u0142obny wystr\u00f3j, co jest realizowane kr\u00f3tkim i prostym kodem umieszczanym w sekcji personalizacji blogu.<\/p><p>W Kokpicie klikamy <strong>Wygl\u0105d &#8211; Dostosuj<\/strong>, a potem szukamy polecenia <strong>Dodatkowy CSS<\/strong> lub <strong>Custom CSS<\/strong> (zale\u017cnie od u\u017cywanego szablonu) i w polu kodu wklejamy kod o nast\u0119puj\u0105cej postaci:<\/p><p><span style=\"font-family: 'andale mono', monospace; color: #0000ff;\">body {<\/span><br \/><span style=\"font-family: 'andale mono', monospace; color: #0000ff;\">-webkit-filter: grayscale(100%);<\/span><br \/><span style=\"font-family: 'andale mono', monospace; color: #0000ff;\">-moz-filter: grayscale(100%);<span class=\"text_exposed_show\"><br \/>-ms-filter: grayscale(100%);<br \/>-o-filter: grayscale(100%);<br \/>filter: grayscale(100%);<br \/>filter: gray;<br \/>}<\/span><\/span><\/p><p>Na podgl\u0105dzie natychmiast zobaczymy efekt wprowadzenia tego kodu &#8211; wyszarzenie wszystkich barw. Ilustracja pokazuje, jak wygl\u0105da\u0142by ten blog, gdyby umieszczono w nim ten kod. Mo\u017cecie por\u00f3wna\u0107 z aktualnym.<\/p><p>Najlepiej trzyma\u0107 gdzie\u015b ten kod w notatniku i metod\u0105 <em>copy&amp;paste<\/em> wkleja\u0107, gdy zajdzie taka potrzeba &#8211; oby jak najrzadziej.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38f3a3d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38f3a3d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc7b4f0\" data-id=\"bc7b4f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-298e7c3 elementor-widget elementor-widget-image\" data-id=\"298e7c3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"ZalobnyWystroj\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTU4MTgsInVybCI6Imh0dHA6XC9cL3d3dy5udW1sb2NrLmVkdS5wbFwvYmxvZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxOVwvMDFcL1phbG9ibnlXeXN0cm9qLTEucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"778\" height=\"391\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1-1024x514.png\" class=\"attachment-large size-large wp-image-15818\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1-1024x514.png 1024w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1-300x151.png 300w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1-768x386.png 768w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1-286x144.png 286w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2019\/01\/ZalobnyWystroj-1.png 1514w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Wyszarzenie tre\u015bci na podgl\u0105dzie witryny<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ods\u0142ony: 205 \u00a0Zdarzaj\u0105 si\u0119 czasem okoliczno\u015bci, gdy chcemy publicznie wyrazi\u0107 nastr\u00f3j chwili, na przyk\u0142ad \u017ca\u0142ob\u0119. Mo\u017ce da\u0107 temu wyraz w prowadzonej przez siebie witrynie czy blogu. Witryna oparta o system WordPress mo\u017ce szybko przybra\u0107 \u017ca\u0142obny wystr\u00f3j, co jest realizowane kr\u00f3tkim i prostym kodem umieszczanym w sekcji personalizacji blogu. W Kokpicie &hellip;<\/p>\n","protected":false},"author":1,"featured_media":15818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[54,78],"tags":[215,211,63],"_links":{"self":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15812"}],"collection":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/comments?post=15812"}],"version-history":[{"count":14,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15812\/revisions"}],"predecessor-version":[{"id":15954,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15812\/revisions\/15954"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media\/15818"}],"wp:attachment":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media?parent=15812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/categories?post=15812"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/tags?post=15812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}