{"id":232083,"date":"2021-12-15T13:32:00","date_gmt":"2021-12-15T10:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=232083"},"modified":"2022-05-16T10:15:05","modified_gmt":"2022-05-16T07:15:05","slug":"kuinka-kayttaa-elementor-page-builder-laajennusta","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-kayttaa-elementor-page-builder-laajennusta\/","title":{"rendered":"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta"},"content":{"rendered":"<p>Mit\u00e4 jos voisit hallita jokaista sivustosi suunnittelun pikseli\u00e4 kirjoittamatta koodia?<\/p>\n<p>Se on se teht\u00e4v\u00e4, jonka Elementor aloitti, ja tied\u00e4tk\u00f6 mit\u00e4?<\/p>\n<p>He tekiv\u00e4t sen!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> on eritt\u00e4in vankka <a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sivunrakennusty\u00f6kalu,<\/a> jonka avulla voit luoda mukautettuja sivuja ja jopa kokonaisia \u200b\u200bverkkosivustoja. Ja sinun ei tarvitse edes katsoa koodirivi\u00e4 saati kirjoittaa mit\u00e4\u00e4n omaa.<\/p>\n<p>T\u00e4ss\u00e4 Elementor-opetusohjelmassa opit k\u00e4ytt\u00e4m\u00e4\u00e4n sivunrakennusty\u00f6kalua t\u00e4ysin mukautettujen sivusuunnitelmien luomiseen.<\/p>\n<h2>Kuinka k\u00e4ytt\u00e4\u00e4 Elementoria<\/h2>\n<p>Jos haluat mieluummin katsoa videota, t\u00e4m\u00e4 vaiheittainen opetusohjelma kattaa kaiken:<\/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\">Tilaa kilpailuteemat Youtubessa<\/a><\/p>\n<p>Ensimm\u00e4inen askel on aloittaa asentamalla Elementor-laajennus.<\/p>\n<h2>Asenna Elementor<\/h2>\n<p>Elementor on ilmainen laajennus, ja se voidaan asentaa kuten mik\u00e4 tahansa muu sivustollesi lis\u00e4\u00e4m\u00e4si laajennus.<\/p>\n<p>Siirry Plugins &gt; Add New -valikkoon ja k\u00e4yt\u00e4 oikeassa yl\u00e4kulmassa olevaa hakupalkkia etsi\u00e4ksesi &quot;elementor&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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Napsauta Asenna nyt -painiketta ja napsauta sitten Aktivoi, kun asennus on valmis.<\/p>\n<p>Kun Elementor on asennettu, n\u00e4et kaksi uutta valikkoa lis\u00e4ttyn\u00e4 verkkosivustollesi.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Elementor-p\u00e4\u00e4valikossa on joitain yleisi\u00e4 asetuksia, mutta et rehellisesti sanottuna k\u00e4yt\u00e4 niit\u00e4 paljon. Muutoin se on p\u00e4\u00e4asiassa linkkej\u00e4 tukiresursseihin ja Elementor Pro -ominaisuuksiin.<\/p>\n<p>Mallit-valikko on eritt\u00e4in hy\u00f6dyllinen, ja tarkastelemme sit\u00e4 my\u00f6hemmin opetusohjelmassa.<\/p>\n<h2>Sivun muokkaaminen Elementorilla<\/h2>\n<p>Suurin osa Elementorilla tekem\u00e4st\u00e4si ty\u00f6st\u00e4 tehd\u00e4\u00e4n Elementor-editorissa.<\/p>\n<p>P\u00e4\u00e4set editoriin vierailemalla Viestit- tai Sivut-valikossa ja napsauttamalla sitten sivua, jota haluat muokata. Editorin sis\u00e4ll\u00e4 n\u00e4et uuden &quot;Muokkaa Elementorilla&quot; -painikkeen, joka vie sinut Elementor-editoriin.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Vaikka voit k\u00e4ytt\u00e4\u00e4 sek\u00e4 Elementor-editoria ett\u00e4 normaalia sivun sis\u00e4lt\u00f6\u00e4 yhdess\u00e4, siit\u00e4 tulee yleens\u00e4 sotkuinen ja h\u00e4mment\u00e4v\u00e4. T\u00e4st\u00e4 syyst\u00e4 suosittelen, ett\u00e4 laitat kaiken sis\u00e4lt\u00f6si Elementoriin mill\u00e4 tahansa sivulla, jolla k\u00e4yt\u00e4t sit\u00e4.<\/p>\n<p>Kun napsautat sinist\u00e4 muokkauspainiketta, sinut ohjataan editoriin.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kuten n\u00e4et, se on m\u00e4\u00e4ritetty kuten Live Customizer. Oikealla on esikatselu, ja vasemmalla n\u00e4et widgetit.<\/p>\n<p>Widgetit ovat Elementor-sivujen perusrakennuspalikoita, joten niiden k\u00e4yt\u00f6n oppiminen on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4.<\/p>\n<p>Widget-valikon sis\u00e4ll\u00e4 on muutamia eri osioita.<\/p>\n<p>Yl\u00e4osan Perusosio sis\u00e4lt\u00e4\u00e4 k\u00e4yt\u00e4nn\u00f6llisi\u00e4 elementtej\u00e4, kuten tekstieditori-, otsikko- ja kuvake-widgetit.<\/p>\n<p>Jos jatkat vieritt\u00e4mist\u00e4, n\u00e4et viel\u00e4 muutaman osion:<\/p>\n<ul>\n<li><strong>Pro:<\/strong> edistyneemm\u00e4t widgetit, kuten viestiruudukot (vain Elementor Pro)<\/li>\n<li><strong>Yleist\u00e4:<\/strong> yleisemmin k\u00e4ytetyt widgetit (ilmainen)<\/li>\n<li><strong>Sivusto:<\/strong> kokonaisten sivustojen rakentamiseen Elementorilla (vain Elementor Pro)<\/li>\n<li><strong>WooCommerce:<\/strong> WC-kaupan luomiseen Elementorilla (vain Elementor Pro)<\/li>\n<li><strong>WordPress:<\/strong> kaikki normaalit WP-widgetisi<\/li>\n<\/ul>\n<p>WordPress-osio on siisti, koska sen avulla voit k\u00e4ytt\u00e4\u00e4 kaikkia 17 WordPressin oletuswidgeti\u00e4 sek\u00e4 lis\u00e4osien lis\u00e4\u00e4mi\u00e4 widgetej\u00e4.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Voit lis\u00e4t\u00e4 widgetin sivulle vet\u00e4m\u00e4ll\u00e4 ja pudottamalla sen esikatselussa olevaan kehystettyyn ruutuun.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kun olet lis\u00e4nnyt widgetin, l\u00f6yd\u00e4t sivupalkista kaikenlaisia \u200b\u200bmukautusvaihtoehtoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.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-6171b18e40dfc.png\" alt=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Jokaisessa widgetiss\u00e4 on Sis\u00e4lt\u00f6-, Tyyli- ja Lis\u00e4asetukset-osio. T\u00e4ss\u00e4 on lyhyt katsaus joihinkin otsikon tyylivaihtoehtoihin:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Voit muokata mink\u00e4 tahansa widgetin sis\u00e4lt\u00f6\u00e4 sivupalkin Sis\u00e4lt\u00f6-v\u00e4lilehdell\u00e4, mutta voit my\u00f6s muokata sit\u00e4 suoraan esikatselussa.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Sen pit\u00e4isi antaa sinulle hyv\u00e4 k\u00e4sitys widgetien perusteista. Kuten olet n\u00e4hnyt, widgetej\u00e4 on valtava valikoima. Lis\u00e4ksi saatavilla on jopa <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lis\u00e4osia,<\/a> jotka sis\u00e4lt\u00e4v\u00e4t widgetej\u00e4, joita ei normaalisti ole saatavilla Elementorissa.<\/p>\n<p>T\u00e4h\u00e4n menness\u00e4 olet todenn\u00e4k\u00f6isesti innostunut siit\u00e4, mit\u00e4 voit tehd\u00e4 Elementorilla, mutta luota minuun, siell\u00e4 on paljon muutakin.<\/p>\n<h2>Luo mukautettuja sivuasetteluja<\/h2>\n<p>Toistaiseksi olet n\u00e4hnyt vain, kuinka widgetej\u00e4 voidaan vet\u00e4\u00e4 ja pudottaa sivulle, mik\u00e4 johtaa yksinkertaiseen, yhden sarakkeen suunnitteluun.<\/p>\n<p>Voit my\u00f6s napsauttaa pluspainiketta esikatselussa luodaksesi uuden sivurakenteen.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kun napsautat sit\u00e4, n\u00e4et 12 erilaista rakennetta, joista voit valita.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kun valitset yhden, sivuosio luodaan ja voit vet\u00e4\u00e4 ja pudottaa widgetej\u00e4 mihin tahansa sarakkeeseen. T\u00e4m\u00e4n avulla voit ryhmitell\u00e4 widgetit loogisiin osiin, ja voit jopa muokata osion tyyli\u00e4.<\/p>\n<p>Jos napsautat sivun yl\u00e4osassa olevaa kahvaa, n\u00e4et sivupalkkiin p\u00e4ivityksi\u00e4 uusilla vaihtoehdoilla.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Tyyli-v\u00e4lilehden sis\u00e4ll\u00e4 on paljon hienoja vaihtoehtoja, kuten taustavaihtoehto, joka on erityisen k\u00e4yt\u00e4nn\u00f6llinen.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 v\u00e4ri\u00e4, liukuv\u00e4ri\u00e4, kuvaa, videota tai diaesityst\u00e4 mink\u00e4 tahansa sivuosion taustana.<\/p>\n<p>Ja ik\u00e4\u00e4n kuin t\u00e4m\u00e4 ei olisi tarpeeksi, voit jopa muuttaa sivuosion yksitt\u00e4isten sarakkeiden taustoja ja tyyli\u00e4.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Mahdollisuus tyylitt\u00e4\u00e4 widgetej\u00e4, sarakkeita ja osioita erikseen tarjoaa valtavan m\u00e4\u00e4r\u00e4n hallintaa.<\/p>\n<p>On vain yksi ongelma.<\/p>\n<p>Huomaat nopeasti (jos et viel\u00e4 ole), ett\u00e4 sivun osioiden taustat n\u00e4ytt\u00e4v\u00e4t oudolta, koska ne rajoittuvat sivun keskelle. N\u00e4in voit korjata sen.<\/p>\n<h2>Asettelutilan korjaaminen<\/h2>\n<p>K\u00e4yt\u00e4n esimerkiss\u00e4ni <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valittua teemaa<\/a>, ja kuten n\u00e4et, tekem\u00e4ni <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sivuosion<\/a> tausta pys\u00e4htyy \u00e4killisesti sivun keskelle.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 Elementor-sis\u00e4lt\u00f6 vie saman tilan teemassa kuin viestin sis\u00e4lt\u00f6. Valitun teeman normaali sivu n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Tavallisille viesteille ja sivuille se n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4, mutta Elementorilla se voi tehd\u00e4 suunnittelusta hankalan. Ratkaisu on k\u00e4ytt\u00e4\u00e4 sivumallia.<\/p>\n<p>Voit muuttaa sivumallia siirtym\u00e4ll\u00e4 editoriin, avaamalla Sivun attribuutit -osion ja k\u00e4ytt\u00e4m\u00e4ll\u00e4 t\u00e4t\u00e4 avattavaa Malli-valikkoa:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Vaikka monet teemat, kuten Chosen, sis\u00e4lt\u00e4v\u00e4t omat sivumallinsa, Elementor lis\u00e4\u00e4 aina kaksi mallia sivustollesi:<\/p>\n<ul>\n<li>Elementor Canvas: t\u00e4ysi leveys ilman yl\u00e4- tai alatunnistetta<\/li>\n<li>Elementor Full Width: t\u00e4ysi leveys yl\u00e4- ja alatunnisteineen<\/li>\n<\/ul>\n<p>Voit my\u00f6s vaihtaa sivumallia Elementor-editorista napsauttamalla sivun asetukset -kuvaketta alareunassa ja k\u00e4ytt\u00e4m\u00e4ll\u00e4 sitten t\u00e4t\u00e4 Sivun asettelu -vaihtoehtoa:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kun se on poissa tielt\u00e4, sukeltakaamme takaisin upeiden sivujen tekemiseen Elementorilla.<\/p>\n<h2>Lis\u00e4\u00e4 valmiita lohkoja<\/h2>\n<p>Se, mit\u00e4 olet t\u00e4h\u00e4n menness\u00e4 n\u00e4hnyt Elementorista, on vaikuttavaa. Voit luoda mit\u00e4 tahansa, mit\u00e4 voit kuvitella k\u00e4ytt\u00e4m\u00e4ll\u00e4 ty\u00f6kaluja, joita olet n\u00e4hnyt.<\/p>\n<p>Haaste on kuitenkin pelottava. Haluatko todella luoda kokonaisen verkkosivun tyhj\u00e4st\u00e4? Jos sinulla ei ole kokemusta web-suunnittelusta, luot todenn\u00e4k\u00f6isesti amat\u00f6\u00f6rim\u00e4iselt\u00e4 n\u00e4ytt\u00e4v\u00e4n sivun.<\/p>\n<p>Kauniiden sivujen luominen on kovaa ty\u00f6t\u00e4!<\/p>\n<p>Onneksi Elementor on varautunut t\u00e4h\u00e4nkin tilanteeseen.<\/p>\n<p>Aiemmin opit, ett\u00e4 voit lis\u00e4t\u00e4 sivurakenteen napsauttamalla pluspainiketta, mutta jos napsautat kansiokuvaketta, voit lis\u00e4t\u00e4 uuden lohkon.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>N\u00e4et t\u00e4m\u00e4n ponnahdusikkunan, jossa on satoja valmiiksi suunniteltuja sivuosia:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Voit yksinkertaisesti napsauttaa mit\u00e4 tahansa n\u00e4ist\u00e4 lohkoista lis\u00e4t\u00e4ksesi ne sivullesi. T\u00e4ss\u00e4 Elementor alkaa todella loistaa.<\/p>\n<p>Sen sijaan, ett\u00e4 rakentaisit koko sivun tyhj\u00e4st\u00e4, voit yksinkertaisesti lis\u00e4t\u00e4 valmiita lohkoja, kunnes sinulla on oikea suunnittelu ja asettelu. T\u00e4m\u00e4 on tehty entist\u00e4 helpommaksi lajitteluvaihtoehdoilla.<\/p>\n<p>Luokka-pudotusvalikon avulla voit suodattaa lohkoja niiden k\u00e4ytt\u00f6tarkoituksen mukaan.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>T\u00e4lt\u00e4 yksi lohkoista n\u00e4ytt\u00e4\u00e4, kun se on lis\u00e4tty sivulleni:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kuten n\u00e4et, se koostuu widgeteist\u00e4, joten voit muokata lohkon jokaista osaa sarakerakenteesta tekstiin.<\/p>\n<p>Lohkot ovat uskomattomia ja tekev\u00e4t verkkosivujen luomisesta paljon helpompaa, mutta seuraava ominaisuus r\u00e4j\u00e4ytt\u00e4\u00e4 ne.<\/p>\n<h2>Lis\u00e4\u00e4 valmiita sivuja<\/h2>\n<p>Ponnahdusikkunassa on my\u00f6s Sivut-v\u00e4lilehti. Napsauta sit\u00e4, niin n\u00e4et t\u00e4m\u00e4n n\u00e4yt\u00f6n:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Tarkastelet satoja valmiiksi suunniteltuja sivuja, jotka on rakennettu Elementorilla. Voit lis\u00e4t\u00e4 ne heti sivullesi napsauttamalla mit\u00e4 tahansa niist\u00e4.<\/p>\n<p>Kuinka ihmeellist\u00e4 se on?<\/p>\n<p>Toki voit luoda omia mallejasi tyhj\u00e4st\u00e4, mutta rehellisesti, miksi tekisit? Nopein ja helpoin tapa on l\u00f6yt\u00e4\u00e4 olemassa oleva malli, josta pid\u00e4t, ja lis\u00e4t\u00e4 se sitten sivullesi.<\/p>\n<p>T\u00e4m\u00e4 prosessi tekee verkkosivujen rakentamisesta Elementorilla uskomattoman nopeaa, helppoa ja nautinnollista.<\/p>\n<p>Vaikka Elementorin ilmainen versio sis\u00e4lt\u00e4\u00e4 vain kourallisen malleja, voit avata kaikki yli 200 <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Prolla<\/a>.<\/p>\n<p>Themeforest julkaisi \u00e4skett\u00e4in <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Template Kits<\/a> -sivustonsa, ja sielt\u00e4 l\u00f6ytyy paljon enemm\u00e4n valmiita malleja ja lohkoja.<\/p>\n<p>Olen my\u00f6s koonnut kokoelman <a href=\"https:\/\/themewp.inform.click\/fi\/vuoden-2021-parhaat-elementor-mallisarjat\/\" title=\"parhaista Elementor Template Kit -sarjoista,\">parhaista Elementor Template Kit -sarjoista,<\/a> joista saatat pit\u00e4\u00e4.<\/p>\n<h2>K\u00e4yt\u00e4 lohkojasi ja sivujasi uudelleen<\/h2>\n<p>Nyt olet n\u00e4hnyt suurimman osan siit\u00e4, mit\u00e4 Elementor voi tehd\u00e4, mutta viel\u00e4 yksi ominaisuus on katettava.<\/p>\n<p>Voit luoda mukautettuja sivuja k\u00e4ytt\u00e4m\u00e4ll\u00e4 t\u00e4h\u00e4n menness\u00e4 oppimaasi. Jos kuitenkin haluat rakentaa koko sivuston Elementorilla tai k\u00e4ytt\u00e4\u00e4 sit\u00e4 asiakassivustoissa, tarvitset paremman ty\u00f6nkulun. Siell\u00e4 Mallit-valikko tulee sis\u00e4\u00e4n.<\/p>\n<p>Editorin alareunassa n\u00e4kyy vihre\u00e4 P\u00e4ivit\u00e4-painike, jolla voit tallentaa muutokset.<\/p>\n<p>Jos napsautat sen vieress\u00e4 olevaa nuolta, n\u00e4et vaihtoehdon tallentaa sivu uutena mallina.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Sinun tarvitsee vain antaa sille nimi ja painaa &quot;Tallenna&quot;.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Sitten takaisin WordPress-hallintapaneeliin l\u00f6yd\u00e4t mallisi t\u00e4ss\u00e4 Mallit-valikossa:<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Voit luoda ja muokata malleja t\u00e4\u00e4ll\u00e4 muokkaamatta sivuja, joille ne on lis\u00e4tty. Voit jopa k\u00e4yd\u00e4 Osiot-v\u00e4lilehdess\u00e4 ja luoda omia sivuosioita.<\/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=\"Kuinka k\u00e4ytt\u00e4\u00e4 Elementor Page Builder -laajennusta\"><\/a><\/p>\n<p>Kun ty\u00f6skentelet sivulla, voit lis\u00e4t\u00e4 mink\u00e4 tahansa valmiiksi suunnitelluista sivuistasi tai lohkoistasi ponnahdusikkunan Omat mallit -v\u00e4lilehdelt\u00e4.<\/p>\n<p>Vaikka et tarvitse t\u00e4t\u00e4 toimintoa, jos teet vain yhden tai kaksi <a href=\"https:\/\/themewp.inform.click\/fi\/8-parasta-wordpress-aloitussivuteemaa-korkeille-konversioille\/\" title=\"aloitussivua\">aloitussivua<\/a>, siit\u00e4 tulee v\u00e4ltt\u00e4m\u00e4t\u00f6n, kun rakennat sivustoja asiakkaille.<\/p>\n<h2>Aloita Elementorin k\u00e4ytt\u00f6<\/h2>\n<p>Huh huh!<\/p>\n<p>Se oli pitk\u00e4 opetusohjelma ja sis\u00e4lsi paljon uutta tietoa, mutta toivottavasti pidit siit\u00e4.<\/p>\n<p>Elementorilla voit:<\/p>\n<ul>\n<li>Tee myyntisivuja<\/li>\n<li>Luo kauniita malleja tavallisille sivuille<\/li>\n<li>Rakenna t\u00e4ysin mukautettuja verkkosivustoja<\/li>\n<\/ul>\n<p>Vaikka se on monimutkainen ty\u00f6kalu, kehitt\u00e4j\u00e4t ovat tehneet siit\u00e4 intuitiivisen ja mielest\u00e4ni he ovat saavuttaneet t\u00e4m\u00e4n &quot;verkkosuunnittelun ilman koodia&quot; tavoitteen tehokkaammin kuin mik\u00e4\u00e4n muu aiemmin valmistettu tuote.<\/p>\n<p>Jos haluat vied\u00e4 asioita pidemm\u00e4lle, tutustu Elementor Prohon ja joihinkin sen sis\u00e4lt\u00e4miin lis\u00e4ominaisuuksiin:<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Katso Elementor Pro \u2192<\/a><\/p>\n<p>Siell\u00e4 on ponnahdusikkunoita, lis\u00e4\u00e4 widgetej\u00e4 ja jopa &quot;teeman rakentaja&quot; -ominaisuus, jota en ole edes k\u00e4sitellyt t\u00e4ss\u00e4.<\/p>\n<p>Jos opit paljon, jaa t\u00e4m\u00e4 artikkeli jonkun muun kanssa ennen kuin l\u00e4hdet, ja kiitos paljon kun luit!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <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>Lis\u00e4\u00e4 widgetej\u00e4, mukautettuja sivurakenteita, valmiiksi suunniteltuja malleja ja paljon muuta sivustollesi mahtavalla Elementor-sivunrakennuslaajennuksella.<\/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":[550],"tags":[843],"class_list":["post-232083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/232083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=232083"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/232083\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=232083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=232083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=232083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}