{"id":236871,"date":"2021-12-15T13:18:00","date_gmt":"2021-12-15T10:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236871"},"modified":"2022-05-16T12:23:24","modified_gmt":"2022-05-16T09:23:24","slug":"jak-korzystac-z-wtyczki-elementor-page-builder","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-korzystac-z-wtyczki-elementor-page-builder\/","title":{"rendered":"Jak korzysta\u0107 z wtyczki Elementor Page Builder?"},"content":{"rendered":"<p>Co by by\u0142o, gdyby\u015b m\u00f3g\u0142 kontrolowa\u0107 ka\u017cdy piksel projektu swojej witryny bez pisania kodu?<\/p>\n<p>C\u00f3\u017c, to jest misja, kt\u00f3r\u0105 rozpocz\u0105\u0142 Elementor, i wiesz co?<\/p>\n<p>Zrobili to!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> to niezwykle solidne narz\u0119dzie do tworzenia stron, kt\u00f3re pozwala tworzy\u0107 niestandardowe strony, a nawet ca\u0142e witryny. I nie musisz nawet patrze\u0107 na wiersz kodu, nie m\u00f3wi\u0105c ju\u017c o napisaniu w\u0142asnego.<\/p>\n<p>W tym samouczku Elementora dowiesz si\u0119, jak u\u017cywa\u0107 kreatora stron do tworzenia ca\u0142kowicie niestandardowych projekt\u00f3w stron.<\/p>\n<h2>Jak korzysta\u0107 z Elementora<\/h2>\n<p>Je\u015bli wolisz obejrze\u0107 film, ten samouczek krok po kroku obejmuje wszystko:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Up58uOqFiL8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Subskrybuj motywy konkursowe na Youtube<\/a><\/p>\n<p>Pierwszym krokiem jest zainstalowanie wtyczki Elementor.<\/p>\n<h2>Zainstaluj Elementora<\/h2>\n<p>Elementor to darmowa wtyczka, kt\u00f3r\u0105 mo\u017cna zainstalowa\u0107 jak ka\u017cd\u0105 inn\u0105 wtyczk\u0119 dodan\u0105 do Twojej witryny.<\/p>\n<p>Odwied\u017a menu Wtyczki&gt; Dodaj nowy i u\u017cyj paska wyszukiwania w prawym g\u00f3rnym rogu, aby wyszuka\u0107 \u201eelementor&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.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-218484-6171b182e87cb.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Kliknij przycisk Zainstaluj teraz, a nast\u0119pnie kliknij Aktywuj po zako\u0144czeniu instalacji.<\/p>\n<p>Po zainstalowaniu Elementora zobaczysz dwa nowe menu dodane do Twojej witryny.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.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-218484-6171b1854049c.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>G\u0142\u00f3wne menu Elementora ma kilka ustawie\u0144 globalnych, ale szczerze m\u00f3wi\u0105c, nie b\u0119dziesz ich cz\u0119sto u\u017cywa\u0107. Poza tym s\u0105 to g\u0142\u00f3wnie linki do obs\u0142ugi zasob\u00f3w i funkcji Elementor Pro.<\/p>\n<p>Menu Szablony jest bardzo przydatne i przyjrzymy si\u0119 mu w dalszej cz\u0119\u015bci samouczka.<\/p>\n<h2>Jak edytowa\u0107 stron\u0119 za pomoc\u0105 Elementora<\/h2>\n<p>Wi\u0119kszo\u015b\u0107 pracy, kt\u00f3r\u0105 wykonujesz z Elementorem, zostanie wykonana w edytorze Elementor.<\/p>\n<p>Aby dotrze\u0107 do edytora, mo\u017cesz przej\u015b\u0107 do menu Posty lub Strony, a nast\u0119pnie klikn\u0105\u0107 stron\u0119, kt\u00f3r\u0105 chcesz edytowa\u0107. Wewn\u0105trz edytora zobaczysz nowy przycisk \u201eEdytuj za pomoc\u0105 Elementora&#8221;, kt\u00f3ry przeniesie Ci\u0119 do edytora Elementor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.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-218484-6171b18718b88.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Chocia\u017c mo\u017cesz u\u017cywa\u0107 zar\u00f3wno edytora Elementora, jak i normalnej zawarto\u015bci strony, zwykle jest to nieporz\u0105dne i myl\u0105ce. Z tego powodu polecam umieszczenie wszystkich tre\u015bci w Elementorze dla ka\u017cdej strony, na kt\u00f3rej z niej korzystasz.<\/p>\n<p>Po klikni\u0119ciu niebieskiego przycisku edycji zostaniesz przeniesiony do edytora.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.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-218484-6171b188ebd4e.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Jak wida\u0107, jest skonfigurowany jak Live Customizer. Po prawej stronie znajduje si\u0119 podgl\u0105d, a po lewej wid\u017cety.<\/p>\n<p>Wid\u017cety s\u0105 podstawowymi elementami konstrukcyjnymi stron Elementora, wi\u0119c nauka ich u\u017cywania jest niezb\u0119dna.<\/p>\n<p>W menu wid\u017cet\u00f3w znajdziesz kilka r\u00f3\u017cnych sekcji.<\/p>\n<p>Sekcja Podstawowe u g\u00f3ry zawiera praktyczne elementy, takie jak wid\u017cety Edytor tekstu, Nag\u0142\u00f3wek i Ikona.<\/p>\n<p>Je\u015bli b\u0119dziesz dalej przewija\u0107, odkryjesz, \u017ce jest jeszcze kilka sekcji:<\/p>\n<ul>\n<li><strong>Pro:<\/strong> bardziej zaawansowane wid\u017cety, takie jak siatki post\u00f3w (tylko Elementor Pro)<\/li>\n<li><strong>Og\u00f3lne:<\/strong> cz\u0119\u015bciej u\u017cywane wid\u017cety (za darmo)<\/li>\n<li><strong>Witryna:<\/strong> do budowania ca\u0142ych witryn za pomoc\u0105 Elementora (tylko Elementor Pro)<\/li>\n<li><strong>WooCommerce:<\/strong> do tworzenia sklepu WC z Elementorem (tylko Elementor Pro)<\/li>\n<li><strong>WordPress:<\/strong> wszystkie twoje normalne wid\u017cety WP<\/li>\n<\/ul>\n<p>Sekcja WordPress jest fajna, poniewa\u017c pozwala korzysta\u0107 ze wszystkich 17 domy\u015blnych wid\u017cet\u00f3w zawartych w WordPress oraz wszelkich wid\u017cet\u00f3w dodanych przez wtyczki.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.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-218484-6171b18aaf338.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Aby doda\u0107 wid\u017cet do strony, wystarczy przeci\u0105gn\u0105\u0107 go i upu\u015bci\u0107 do zaznaczonego pola w podgl\u0105dzie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.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-218484-6171b18c91945.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Po dodaniu wid\u017cetu na pasku bocznym znajdziesz wiele opcji dostosowywania.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\"><\/a><\/p>\n<p>Ka\u017cdy wid\u017cet ma sekcj\u0119 Tre\u015b\u0107, Styl i Zaawansowane. Oto kr\u00f3tki przegl\u0105d niekt\u00f3rych opcji styl\u00f3w dost\u0119pnych dla nag\u0142\u00f3wka:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.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-218484-6171b190866c3.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Zawarto\u015b\u0107 dowolnego wid\u017cetu mo\u017cna edytowa\u0107 na karcie Zawarto\u015b\u0107 na pasku bocznym, ale mo\u017cna j\u0105 r\u00f3wnie\u017c edytowa\u0107 bezpo\u015brednio w podgl\u0105dzie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.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-218484-6171b1933969a.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>To powinno da\u0107 ci dobre poj\u0119cie o podstawach wid\u017cet\u00f3w. Jak ju\u017c zauwa\u017cy\u0142e\u015b, istnieje ogromna r\u00f3\u017cnorodno\u015b\u0107 wid\u017cet\u00f3w. Ponadto dost\u0119pne s\u0105 nawet <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dodatki<\/a> zawieraj\u0105ce wid\u017cety, kt\u00f3re normalnie nie s\u0105 dost\u0119pne w Elementorze.<\/p>\n<p>Do tej pory prawdopodobnie jeste\u015b podekscytowany tym, co mo\u017cesz zrobi\u0107 z Elementorem, ale uwierz mi, jest o wiele wi\u0119cej.<\/p>\n<h2>Tw\u00f3rz niestandardowe uk\u0142ady stron<\/h2>\n<p>Do tej pory widzia\u0142e\u015b tylko, jak przeci\u0105ga\u0107 i upuszcza\u0107 wid\u017cety na stron\u0119, co daje prosty, jednokolumnowy projekt.<\/p>\n<p>Mo\u017cesz tak\u017ce klikn\u0105\u0107 przycisk plusa w podgl\u0105dzie, aby utworzy\u0107 now\u0105 struktur\u0119 strony.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.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-218484-6171b19546ddd.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Po klikni\u0119ciu zobaczysz 12 r\u00f3\u017cnych struktur do wyboru.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.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-218484-6171b196dea8e.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Po wybraniu jednej z nich zostanie utworzona sekcja strony i mo\u017cesz przeci\u0105ga\u0107 i upuszcza\u0107 wid\u017cety do dowolnej kolumny. Umo\u017cliwia to grupowanie wid\u017cet\u00f3w w logiczne sekcje, a nawet stylizowanie sekcji.<\/p>\n<p>Je\u015bli klikniesz uchwyt u g\u00f3ry sekcji strony, zobaczysz aktualizacje paska bocznego z nowymi opcjami.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.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-218484-6171b198af26d.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>W zak\u0142adce Styl znajdziesz wiele \u015bwietnych opcji, w tym opcj\u0119 t\u0142a, kt\u00f3ra jest szczeg\u00f3lnie praktyczna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.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-218484-6171b19ad8420.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Mo\u017cesz u\u017cy\u0107 koloru, gradientu, obrazu, wideo lub pokazu slajd\u00f3w jako t\u0142a dowolnej sekcji strony.<\/p>\n<p>A jakby tego by\u0142o ma\u0142o, mo\u017cesz nawet zmieni\u0107 t\u0142o i stylizacj\u0119 poszczeg\u00f3lnych kolumn w ramach sekcji strony.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.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-218484-6171b19d226c9.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Mo\u017cliwo\u015b\u0107 osobnego stylizowania wid\u017cet\u00f3w, kolumn i sekcji zapewnia ogromn\u0105 kontrol\u0119.<\/p>\n<p>Jest tylko jeden problem.<\/p>\n<p>Szybko zauwa\u017cysz (je\u015bli jeszcze tego nie zrobi\u0142e\u015b), \u017ce t\u0142a w sekcjach strony wygl\u0105daj\u0105 dziwnie, poniewa\u017c s\u0105 ograniczone do \u015brodka strony. Oto jak to naprawi\u0107.<\/p>\n<h2>Naprawianie przestrzeni zabudowy<\/h2>\n<p>U\u017cywam <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">motywu Chosen<\/a> w moim przyk\u0142adzie i jak wida\u0107, t\u0142o utworzonej przeze mnie sekcji strony nagle zatrzymuje si\u0119 na \u015brodku strony.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.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-218484-6171b19ee6197.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Dzieje si\u0119 tak, poniewa\u017c tre\u015b\u0107 Elementora zajmuje to samo miejsce w motywie, co tre\u015b\u0107 posta. Oto jak wygl\u0105da normalna strona w motywie Chosen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.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-218484-6171b1a12d79a.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>W przypadku standardowych post\u00f3w i stron wygl\u0105da \u015bwietnie, ale z Elementorem mo\u017ce sprawi\u0107, \u017ce projekt b\u0119dzie niezr\u0119czny. Rozwi\u0105zaniem jest u\u017cycie szablonu strony.<\/p>\n<p>Aby zmieni\u0107 szablon strony, mo\u017cesz odwiedzi\u0107 edytor, otworzy\u0107 sekcj\u0119 Atrybuty strony, a nast\u0119pnie skorzysta\u0107 z menu rozwijanego Szablon:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.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-218484-6171b1a2d26e1.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Podczas gdy wiele motyw\u00f3w, takich jak Wybrane, zawiera w\u0142asne szablony stron, Elementor zawsze doda dwa szablony do Twojej witryny:<\/p>\n<ul>\n<li>Elementor Canvas: pe\u0142na szeroko\u015b\u0107 bez nag\u0142\u00f3wka i stopki<\/li>\n<li>Elementor Full Width: pe\u0142na szeroko\u015b\u0107 z nag\u0142\u00f3wkiem i stopk\u0105<\/li>\n<\/ul>\n<p>Mo\u017cesz r\u00f3wnie\u017c zmieni\u0107 szablon strony w edytorze Elementor, klikaj\u0105c ikon\u0119 Ustawienia strony na dole, a nast\u0119pnie korzystaj\u0105c z tej opcji Uk\u0142ad strony:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.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-218484-6171b1a4d24c1.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Pomijaj\u0105c to, wr\u00f3\u0107my do tworzenia wspania\u0142ych stron za pomoc\u0105 Elementora.<\/p>\n<h2>Dodaj gotowe bloki<\/h2>\n<p>To, co do tej pory widzia\u0142e\u015b w Elementorze, jest imponuj\u0105ce. Mo\u017cesz stworzy\u0107 wszystko, co tylko sobie wyobrazisz, u\u017cywaj\u0105c narz\u0119dzi, kt\u00f3re widzia\u0142e\u015b.<\/p>\n<p>To powiedziawszy, wyzwanie jest zniech\u0119caj\u0105ce. Czy na pewno chcesz stworzy\u0107 ca\u0142\u0105 stron\u0119 internetow\u0105 od podstaw? Je\u015bli nie masz do\u015bwiadczenia z projektowaniem stron internetowych, prawdopodobnie stworzysz stron\u0119, kt\u00f3ra b\u0119dzie wygl\u0105da\u0107 amatorsko.<\/p>\n<p>Tworzenie pi\u0119knych stron to ci\u0119\u017cka praca!<\/p>\n<p>Na szcz\u0119\u015bcie Elementor r\u00f3wnie\u017c przygotowa\u0142 si\u0119 na t\u0119 sytuacj\u0119.<\/p>\n<p>Wcze\u015bniej nauczy\u0142e\u015b si\u0119, \u017ce mo\u017cesz klikn\u0105\u0107 przycisk plus, aby doda\u0107 struktur\u0119 strony, ale je\u015bli klikniesz ikon\u0119 folderu, mo\u017cesz doda\u0107 nowy blok.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.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-218484-6171b1a6bdade.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Zobaczysz to wyskakuj\u0105ce okienko z setkami wst\u0119pnie zaprojektowanych sekcji strony:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.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-218484-6171b1a8a342c.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Mo\u017cesz po prostu klikn\u0105\u0107 dowolny z tych blok\u00f3w, aby wstawi\u0107 je na swoj\u0105 stron\u0119. To tutaj Elementor naprawd\u0119 zaczyna b\u0142yszcze\u0107.<\/p>\n<p>Zamiast tworzy\u0107 ca\u0142\u0105 stron\u0119 od zera, mo\u017cesz po prostu wstawia\u0107 gotowe bloki, a\u017c uzyskasz odpowiedni projekt i uk\u0142ad. Jest to jeszcze \u0142atwiejsze dzi\u0119ki opcjom sortowania.<\/p>\n<p>Korzystaj\u0105c z menu rozwijanego Kategoria, mo\u017cesz filtrowa\u0107 bloki na podstawie ich konkretnego zastosowania.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.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-218484-6171b1ab41ed9.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Oto jak wygl\u0105da jeden z blok\u00f3w po wstawieniu na moj\u0105 stron\u0119:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.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-218484-6171b1ae0665c.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Jak wida\u0107, sk\u0142ada si\u0119 z wid\u017cet\u00f3w, dzi\u0119ki czemu mo\u017cna edytowa\u0107 ka\u017cdy aspekt bloku, od struktury kolumn po tekst.<\/p>\n<p>Bloki s\u0105 niesamowite i znacznie u\u0142atwiaj\u0105 tworzenie stron internetowych, ale nast\u0119pna funkcja je rozwala.<\/p>\n<h2>Dodaj gotowe strony<\/h2>\n<p>W wyskakuj\u0105cym okienku znajduje si\u0119 r\u00f3wnie\u017c zak\u0142adka Strony. Kliknij na niego, a znajdziesz ten ekran:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.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-218484-6171b1b058f86.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>To, na co patrzysz, to setki wst\u0119pnie zaprojektowanych stron zbudowanych za pomoc\u0105 Elementora. Mo\u017cesz klikn\u0105\u0107 dowolne z nich, aby natychmiast wstawi\u0107 je na swoj\u0105 stron\u0119.<\/p>\n<p>Jak niesamowite jest to?<\/p>\n<p>Jasne, mo\u017cesz tworzy\u0107 w\u0142asne projekty od podstaw, ale szczerze, dlaczego mia\u0142by\u015b to robi\u0107? Najszybszym i naj\u0142atwiejszym sposobem jest znalezienie istniej\u0105cego szablonu, kt\u00f3ry Ci si\u0119 podoba, a nast\u0119pnie wstawienie go na swoj\u0105 stron\u0119.<\/p>\n<p>Ten proces sprawia, \u017ce \u200b\u200btworzenie stron internetowych za pomoc\u0105 Elementora jest niezwykle szybkie, \u0142atwe i przyjemne.<\/p>\n<p>Podczas gdy bezp\u0142atna wersja Elementora zawiera tylko gar\u015b\u0107 szablon\u00f3w, mo\u017cesz odblokowa\u0107 wszystkie 200+ za pomoc\u0105 <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Pro<\/a>.<\/p>\n<p>Themeforest niedawno uruchomi\u0142 na swojej stronie <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">zestawy szablon\u00f3w Elementor,<\/a> na kt\u00f3rych mo\u017cna znale\u017a\u0107 o wiele wi\u0119cej wst\u0119pnie zaprojektowanych szablon\u00f3w i blok\u00f3w.<\/p>\n<p>Zebra\u0142em r\u00f3wnie\u017c kolekcj\u0119 <a href=\"https:\/\/themewp.inform.click\/pl\/najlepsze-zestawy-szablonow-elementor-na-rok-2021\/\" title=\"najlepszych zestaw\u00f3w szablon\u00f3w Elementor,\">najlepszych zestaw\u00f3w szablon\u00f3w Elementor,<\/a> kt\u00f3re mog\u0105 Ci si\u0119 spodoba\u0107.<\/p>\n<h2>Wykorzystaj ponownie swoje bloki i strony<\/h2>\n<p>Teraz widzia\u0142e\u015b wi\u0119kszo\u015b\u0107 tego, co mo\u017ce zrobi\u0107 Elementor, ale jest jeszcze jedna funkcja do om\u00f3wienia.<\/p>\n<p>Mo\u017cesz tworzy\u0107 niestandardowe strony, korzystaj\u0105c z tego, czego si\u0119 do tej pory nauczy\u0142e\u015b. Je\u015bli jednak chcesz zbudowa\u0107 ca\u0142\u0105 witryn\u0119 za pomoc\u0105 Elementora lub u\u017cy\u0107 jej w witrynach klienckich, b\u0119dziesz potrzebowa\u0107 lepszego przep\u0142ywu pracy. Tutaj pojawia si\u0119 menu Szablony.<\/p>\n<p>U do\u0142u edytora zobaczysz zielony przycisk Aktualizuj, kt\u00f3rego mo\u017cesz u\u017cy\u0107 do zapisania zmian.<\/p>\n<p>Je\u015bli klikniesz strza\u0142k\u0119 obok niej, zobaczysz opcj\u0119 zapisania strony jako nowego szablonu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.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-218484-6171b1b2c966d.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Wystarczy nada\u0107 mu nazw\u0119 i nacisn\u0105\u0107 \u201eZapisz&#8221;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.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-218484-6171b1b5183ae.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Nast\u0119pnie wr\u00f3\u0107 do pulpitu WordPress, znajdziesz sw\u00f3j szablon tutaj w menu Szablony:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.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-218484-6171b1b6e859a.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Tutaj mo\u017cesz tworzy\u0107 i edytowa\u0107 szablony bez edytowania stron, na kt\u00f3rych s\u0105 one wstawiane. Mo\u017cesz nawet odwiedzi\u0107 kart\u0119 Sekcje i utworzy\u0107 w\u0142asne sekcje stron.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.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-218484-6171b1b8c1468.png\" alt=\"Jak korzysta\u0107 z wtyczki Elementor Page Builder?\"><\/a><\/p>\n<p>Nast\u0119pnie podczas pracy nad stron\u0105 mo\u017cesz wstawi\u0107 dowoln\u0105 z wcze\u015bniej zaprojektowanych stron lub blok\u00f3w z karty Moje szablony w wyskakuj\u0105cym okienku.<\/p>\n<p>Chocia\u017c nie b\u0119dziesz potrzebowa\u0107 tej funkcji, je\u015bli tworzysz tylko jedn\u0105 lub dwie <a href=\"https:\/\/themewp.inform.click\/pl\/top-8-najlepszych-motywow-strony-docelowej-wordpress-dla-wysokich-konwersji\/\" title=\"strony docelowe\">strony docelowe<\/a>, staje si\u0119 ona niezast\u0105piona podczas tworzenia witryn dla klient\u00f3w.<\/p>\n<h2>Zacznij korzysta\u0107 z Elementora<\/h2>\n<p>Uff!<\/p>\n<p>To by\u0142 d\u0142ugi samouczek i zawiera\u0142 mn\u00f3stwo nowych informacji, ale mam nadziej\u0119, \u017ce Ci si\u0119 podoba\u0142.<\/p>\n<p>Z Elementorem mo\u017cesz:<\/p>\n<ul>\n<li>Tw\u00f3rz strony sprzeda\u017cy<\/li>\n<li>Tw\u00f3rz pi\u0119kne szablony dla zwyk\u0142ych stron<\/li>\n<li>Tw\u00f3rz ca\u0142kowicie niestandardowe strony internetowe<\/li>\n<\/ul>\n<p>Chocia\u017c jest to skomplikowane narz\u0119dzie, programi\u015bci uczynili je intuicyjnymi i my\u015bl\u0119, \u017ce osi\u0105gn\u0119li cel \u201eprojektowania stron internetowych bez kodu&#8221; skuteczniej ni\u017c jakikolwiek inny produkt stworzony wcze\u015bniej.<\/p>\n<p>Je\u015bli chcesz p\u00f3j\u015b\u0107 dalej, sp\u00f3jrz na Elementor Pro i niekt\u00f3re dodatkowe funkcje, kt\u00f3re zawiera:<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sprawd\u017a Elementor Pro \u2192<\/a><\/p>\n<p>S\u0105 wyskakuj\u0105ce okienka, wi\u0119cej wid\u017cet\u00f3w, a nawet funkcja \u201ekonstruktora motyw\u00f3w&#8221;, kt\u00f3rej nawet tutaj nie om\u00f3wi\u0142em.<\/p>\n<p>Je\u015bli du\u017co si\u0119 nauczy\u0142e\u015b, przed wyjazdem podziel si\u0119 tym artyku\u0142em z kim\u015b innym i bardzo dzi\u0119kuj\u0119 za przeczytanie!<\/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>Dodaj do swojej witryny wid\u017cety, niestandardowe struktury stron, wst\u0119pnie zaprojektowane szablony i nie tylko dzi\u0119ki niesamowitej wtyczce do tworzenia stron Elementor.<\/p>\n","protected":false},"author":1,"featured_media":218485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[552],"tags":[847],"class_list":["post-236871","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\/236871","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=236871"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/236871\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=236871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=236871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=236871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}