{"id":15129,"date":"2018-07-27T10:03:26","date_gmt":"2018-07-27T08:03:26","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/?p=15129"},"modified":"2019-11-30T14:02:52","modified_gmt":"2019-11-30T13:02:52","slug":"elementor-widzet-obraz","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/27\/elementor-widzet-obraz\/","title":{"rendered":"Elementor &#8211; wid\u017cet Obraz"},"content":{"rendered":"<p>Ods\u0142ony: 304<\/p>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15129\" class=\"elementor elementor-15129 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-770431c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"770431c\" 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-3e2f43a\" data-id=\"3e2f43a\" 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-7fe28f9 elementor-widget elementor-widget-text-editor\" data-id=\"7fe28f9\" 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>\u00a0Drugim obok tekstu najcz\u0119\u015bciej spotykanym elementem tre\u015bci blogu s\u0105 obrazki. Elementor oferuje kilka specjalnych wid\u017cet\u00f3w do obs\u0142ugi ilustracji. Najwa\u017cniejszym jest naturalnie <b>Obraz, <\/b>kt\u00f3ry\u00a0pozwala wstawi\u0107 grafik\u0119 i sformatowa\u0107 j\u0105 na najr\u00f3\u017cniejsze sposoby. Poka\u017cemy to na \u017cywych przyk\u0142adach..<\/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-a941ce8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a941ce8\" 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-1ad82bb\" data-id=\"1ad82bb\" 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-9876862 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9876862\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;rotateInUpRight&quot;,&quot;_animation_delay&quot;:500}\" 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><span style=\"font-size: 12pt;\"><strong>Cykl o Elementorze<\/strong><\/span><\/p><ol><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/10\/elementor-jak-zaczac\/\">Elementor &#8211; jak zacz\u0105\u0107<\/a><\/li><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/13\/elementor-podstawa-sa-sekcje\/\">Elementor &#8211; sekcje to podstawa<\/a><\/li><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/18\/elementor-wiecej-o-sekcjach\/\">Elementor &#8211; wi\u0119cej o sekcjach<\/a><\/li><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/22\/elementor-edycja-blokow\/\">Elementor &#8211; edycja blok\u00f3w<\/a><\/li><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/25\/elementor-widzet-tekstowy\/\">Elementor &#8211; wid\u017cet tekstowy<\/a><\/li><li>Elementor &#8211; wid\u017cet Obraz<\/li><li><a href=\"http:\/\/www.numlock.edu.pl\/blog\/2018\/07\/28\/elementor-inne-widzety-dla-grafiki-1\/\">Elementor &#8211; inne wid\u017cety dla grafiki (1)<\/a><\/li><li>&#8230;<\/li><\/ol>\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-1e95567 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e95567\" 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-cdd9107\" data-id=\"cdd9107\" 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-ce1259f elementor-widget elementor-widget-text-editor\" data-id=\"ce1259f\" 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>Po przeci\u0105gni\u0119ciu ikony wid\u017cetu na pole wid\u017cet\u00f3w w lewym panelu ukazuje si\u0119 interfejs s\u0142u\u017c\u0105cy do formatowania.<\/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-33b80b9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33b80b9\" 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-bda2c85\" data-id=\"bda2c85\" 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-0f2fcaf elementor-widget elementor-widget-image\" data-id=\"0f2fcaf\" 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\t\t\t<img decoding=\"async\" width=\"465\" height=\"489\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0601.png\" class=\"attachment-full size-full wp-image-15135\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0601.png 465w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0601-285x300.png 285w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0601-286x300.png 286w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/>\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-046e109 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"046e109\" 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-b719189\" data-id=\"b719189\" 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-d1d64be elementor-widget elementor-widget-text-editor\" data-id=\"d1d64be\" 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>Na karcie\u00a0<strong>Tre\u015b\u0107<\/strong> jest grupa polece\u0144\u00a0<strong>Obraz<\/strong>. Klikni\u0119cie\u00a0<strong>Choose Your Image<\/strong> pozwala wybra\u0107 ilustracj\u0119 z okna\u00a0<strong>Za\u0142aduj media<\/strong> i wstawi\u0107 j\u0105 do wid\u017cetu.<\/p><p>Polecenie <strong>Rozmiar obrazu<\/strong>\u00a0pozwala wybra\u0107 po\u017c\u0105dan\u0105 wielko\u015b\u0107 ilustracji, od miniatury do pe\u0142nego rozmiaru. Zauwa\u017c jeszcze, \u017ce opr\u00f3cz wymiar\u00f3w zdefiniowanych w Elementorze, do dyspozycji mamy te\u017c rozmiary predefiniowane w u\u017cywanym aktualnie motywie blogu.<\/p><p><strong>Wyr\u00f3wnanie<\/strong> pozwala umie\u015bci\u0107 ilustracj\u0119 po lewej lub prawej stronie wid\u017cetu lub te\u017c na \u015brodku.<\/p><p><strong>Podpis<\/strong> pozwala wstawi\u0107 podpis ilustracji (<span style=\"text-decoration: underline;\">uwaga<\/span>, z niejasnych powod\u00f3w wstawienie podpisu koliduje z wyborem predefiniowanej wielko\u015bci, ale mo\u017cna to poprawi\u0107 na karcie <strong>Styl<\/strong>).<\/p><p><strong>Odno\u015bnik do<\/strong>\u00a0pozwala wstawi\u0107 odno\u015bnik do pliku multimedialnego (np. z miniatury do wi\u0119kszego zdj\u0119cia) albo adres URL z mo\u017cliwo\u015bci\u0105 otwarcia adresu na osobnej karcie (w opcjach\u00a0<strong>Otw\u00f3rz w nowym oknie<\/strong>)<\/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-e898e17 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e898e17\" 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-b5d1401\" data-id=\"b5d1401\" 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-ae9a6b4 elementor-widget elementor-widget-image\" data-id=\"ae9a6b4\" 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<img decoding=\"async\" width=\"300\" height=\"242\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/camcorder-300x242.png\" class=\"attachment-medium size-medium wp-image-15138\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/camcorder-300x242.png 300w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/camcorder-286x231.png 286w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/camcorder.png 434w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Kamkorder<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ae388c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ae388c\" 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-7feacd9\" data-id=\"7feacd9\" 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-9b36ecf elementor-widget elementor-widget-text-editor\" data-id=\"9b36ecf\" 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>Na karcie\u00a0<strong>Styl<\/strong> mo\u017cemy okre\u015bli\u0107 szereg dodatkowych parametr\u00f3w wy\u015bwietlania ilustracji.<\/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-cfc3931 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfc3931\" 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-62e4cfa\" data-id=\"62e4cfa\" 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-c879419 elementor-widget elementor-widget-image\" data-id=\"c879419\" 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<img decoding=\"async\" width=\"460\" height=\"566\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0602.png\" class=\"attachment-large size-large wp-image-15141\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0602.png 460w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0602-244x300.png 244w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Styl ilustracji<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90dfe5c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90dfe5c\" 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-6505c4b\" data-id=\"6505c4b\" 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-c6e2e5a elementor-widget elementor-widget-text-editor\" data-id=\"c6e2e5a\" 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><strong>Szeroko\u015b\u0107<\/strong> umo\u017cliwia zdefiniowanie szeroko\u015bci ilustracji. Domy\u015bln\u0105 miar\u0105 jest procent szeroko\u015bci wid\u017cetu, ale mo\u017cna te\u017c wybra\u0107 piksele.<\/p><p><strong>Maksymalna szeroko\u015b\u0107<\/strong> okre\u015bla w procentach szeroko\u015bci orygina\u0142u maksymalny rozmiar ilustracji (nie wi\u0119cej ni\u017c&#8230;).<\/p><p><strong>Przezroczysto\u015b\u0107<\/strong> okre\u015bla przezroczysto\u015b\u0107 ilustracji w przedziale od 0,1 (maksymalna) do 1 (brak). Mam w\u0105tpliwo\u015b\u0107, czy nie powinno si\u0119 u\u017cy\u0107 &#8211; z uwagi na skal\u0119 warto\u015bci &#8211; okre\u015blenia\u00a0<em>nieprzezroczysto\u015b\u0107<\/em>.<\/p><p><strong>Filtry CSS<\/strong> pozwalaj\u0105 zdefiniowa\u0107 rozmazanie, jasno\u015b\u0107, kontrast i nasycenie. Warto tu poeksperymentowa\u0107, korzystaj\u0105c z suwak\u00f3w.<\/p><p><strong>Rodzaj obramowania<\/strong> to pi\u0119\u0107 wariant\u00f3w ramki wok\u00f3\u0142 obrazka.<\/p><p><strong>Zaokr\u0105glenie obramowania<\/strong> pozwala wybra\u0107 wielko\u015b\u0107 zaokr\u0105glenia rog\u00f3w ramki.<\/p><p><strong>Boks z cieniem<\/strong> umo\u017cliwia utworzenie efektu tr\u00f3jwymiarowego &#8211; z\u0142udzenia, \u017ce ramka znajduje si\u0119 nad stron\u0105. Definiujemy tu kolor, rozmiar w pionie i poziomie, rozmazanie oraz ewentualne rozszerzenie cienia na wszystkie strony ilustracji.<\/p><p>Je\u015bli na karcie\u00a0<strong>Tre\u015b\u0107<\/strong> wprowadzili\u015bmy podpis, to na karcie\u00a0<strong>Styl\u00a0<\/strong> pojawia si\u0119 grupa polece\u0144\u00a0<strong>Podpis<\/strong>, gdzie mo\u017cemy okre\u015bli\u0107 poziome wyr\u00f3wnanie podpisu, kolor tekstu, parametry czcionki oraz odst\u0119p mi\u0119dzy podpisem a ilustracj\u0105.<\/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-b34f160 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b34f160\" 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-69153d1\" data-id=\"69153d1\" 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-72c60f7 elementor-widget elementor-widget-text-editor\" data-id=\"72c60f7\" 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>Przyk\u0142ad zastosowania kilku parametr\u00f3w wy\u015bwietlania ilustracji &#8211; przezroczysto\u015bci, rozmazania, obramowania, zaokr\u0105glenia, cienia, podpisu, linku pod ilustracj\u0105.<\/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-e7e2f0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e7e2f0b\" 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-4a6e42d\" data-id=\"4a6e42d\" 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-f0a04b2 elementor-widget elementor-widget-image\" data-id=\"f0a04b2\" 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=\"https:\/\/pl.wikipedia.org\/wiki\/Tygrys_azjatycki\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"778\" height=\"519\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/02\/post-2-1024x683.jpg\" class=\"attachment-large size-large wp-image-13260\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/02\/post-2-1024x683.jpg 1024w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/02\/post-2-300x200.jpg 300w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/02\/post-2-768x512.jpg 768w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/02\/post-2.jpg 1200w\" 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\">Tygrys - jeden z najwi\u0119kszych kot\u00f3w na Ziemi<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19f30bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"19f30bf\" 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-0f89c6b\" data-id=\"0f89c6b\" 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-20008d6 elementor-widget elementor-widget-text-editor\" data-id=\"20008d6\" 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>I ostatnia karta,\u00a0<strong>Zaawansowane<\/strong>, s\u0142u\u017cy\u00a0 do zdefiniowania bezpo\u015bredniego otoczenia ilustracji, podobnie jak w przypadku wid\u017cetu tekstowego.<\/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-556e834 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"556e834\" 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-eba7714\" data-id=\"eba7714\" 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-01872b7 elementor-widget elementor-widget-image\" data-id=\"01872b7\" 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\t\t\t<img decoding=\"async\" width=\"419\" height=\"687\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0603.png\" class=\"attachment-large size-large wp-image-15156\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0603.png 419w, http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/Elem0603-183x300.png 183w\" sizes=\"(max-width: 419px) 100vw, 419px\" \/>\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d6b4619 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d6b4619\" 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-b84c361\" data-id=\"b84c361\" 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-194f546 elementor-widget elementor-widget-text-editor\" data-id=\"194f546\" 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>W grupie\u00a0<strong>Zaawansowane<\/strong>\u00a0mo\u017cemy zmieni\u0107 wielko\u015b\u0107 zewn\u0119trznych margines\u00f3w ramki w stosunku do otoczenia, a tak\u017ce wewn\u0119trznego odst\u0119pu mi\u0119dzy ilustracj\u0105 a ramk\u0105.<\/p><p><strong>Animacja wej\u015bcia<\/strong>\u00a0pozwala wybra\u0107 z listy animacj\u0119, okre\u015bli\u0107 czas jej trwania oraz op\u00f3\u017anienie jej startu (w milisekundach).<\/p><p>W grupie\u00a0<strong>T\u0142o<\/strong>\u00a0mo\u017cemy wybra\u0107 rodzaj t\u0142a dla ramki \u2013 dla normalnego widoku ramki po wczytaniu strony lub po najechaniu mysz\u0105 na ilustracj\u0119.<\/p><p>Mo\u017cemy wybra\u0107 z palety jednolity kolor, ale mo\u017cliwe jest te\u017c wybranie gradientu, gdzie okre\u015blamy kolory kra\u0144cowe, rodzaj linearny lub radialny oraz k\u0105t.<\/p><p>Grupa\u00a0<strong>Obramowanie<\/strong>\u00a0pozwala wybra\u0107 rodzaj obramowania, szeroko\u015b\u0107 obramowania (czyli jego grubo\u015b\u0107) oraz wielko\u015b\u0107 zaokr\u0105glenia.<\/p><p>Po klikni\u0119ciu opcji\u00a0<strong>Boks z cieniem<\/strong>\u00a0mo\u017cemy jeszcze zdefiniowa\u0107 cie\u0144 ramki, a wi\u0119c wielko\u015b\u0107 cienia w poziomie i pionie, jego kolor, rozmycie i pozycj\u0119.\u00a0<\/p><p>W grupie\u00a0<strong>Responsywne<\/strong>\u00a0mo\u017cemy ukry\u0107 ramk\u0119 w jednym z urz\u0105dze\u0144 \u2013 na komputerze, w tablecie lub smartfonie. Mo\u017ce si\u0119 to przyda\u0107, gdy kt\u00f3re\u015b z urz\u0105dze\u0144 ma k\u0142opot z wy\u015bwietleniem danej zawarto\u015bci. Naturalnie ramka pozostaje we wpisie, a jedynie jest ukrywana przed czytelnikiem.<\/p><p>Grupa\u00a0<strong>spersonalizowany CSS<\/strong>\u00a0jest zastrze\u017cona dla wersji Elementor Pro.<\/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-3faca0c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3faca0c\" 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-19d80f6\" data-id=\"19d80f6\" 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-b06ac82 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"b06ac82\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInRight&quot;,&quot;_animation_delay&quot;:500}\" 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\t\t\t<img decoding=\"async\" width=\"396\" height=\"270\" src=\"http:\/\/www.numlock.edu.pl\/blog\/wp-content\/uploads\/2018\/07\/smartphone03-440x300.png\" class=\"attachment-septera-featured-lp size-septera-featured-lp wp-image-15160\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-73db435 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73db435\" 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-9c343c4\" data-id=\"9c343c4\" 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-7028298 elementor-widget elementor-widget-text-editor\" data-id=\"7028298\" 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>W kolejnym odcinku powiemy o kilku wid\u017cetach specjalnych dla ilustracji.<\/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\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: 304 \u00a0Drugim obok tekstu najcz\u0119\u015bciej spotykanym elementem tre\u015bci blogu s\u0105 obrazki. Elementor oferuje kilka specjalnych wid\u017cet\u00f3w do obs\u0142ugi ilustracji. Najwa\u017cniejszym jest naturalnie Obraz, kt\u00f3ry\u00a0pozwala wstawi\u0107 grafik\u0119 i sformatowa\u0107 j\u0105 na najr\u00f3\u017cniejsze sposoby. Poka\u017cemy to na \u017cywych przyk\u0142adach.. Cykl o Elementorze Elementor &#8211; jak zacz\u0105\u0107 Elementor &#8211; sekcje to podstawa &hellip;<\/p>\n","protected":false},"author":1,"featured_media":15160,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79,78],"tags":[215,214,63],"_links":{"self":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15129"}],"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=15129"}],"version-history":[{"count":33,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15129\/revisions"}],"predecessor-version":[{"id":15951,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/15129\/revisions\/15951"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media\/15160"}],"wp:attachment":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media?parent=15129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/categories?post=15129"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/tags?post=15129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}