{"id":16465,"date":"2020-04-29T15:11:22","date_gmt":"2020-04-29T14:11:22","guid":{"rendered":"https:\/\/grafixstudio.se\/?p=16465"},"modified":"2026-06-08T11:57:58","modified_gmt":"2026-06-08T10:57:58","slug":"elementor-plugin","status":"publish","type":"post","link":"https:\/\/grafixstudio.se\/da\/blogg\/elementor-plugin\/","title":{"rendered":"Elementor Page Builder \u2013 alt hvad du beh\u00f8ver at vide!"},"content":{"rendered":"<h2>Inledning:<\/h2>\n<blockquote><p>Page-builders har numera blivit standard f\u00f6r WordPress och de kommer i m\u00e5nga olika varianter. Elementor \u00e4r en av de popul\u00e4raste page-builders som finns och en av mina favoriter.<\/p><\/blockquote>\n<p>Det kan vara sv\u00e5rt att b\u00f6rja anv\u00e4nda en s\u00e5 pass avancerad page-builder som Elementor och d\u00e4rf\u00f6r t\u00e4nker jag i f\u00f6ljande inl\u00e4gg g\u00e5 igenom vad Elementor \u00e4r f\u00f6r n\u00e5got och vad du ska t\u00e4nka p\u00e5 innan du b\u00f6rjar anv\u00e4nda det.<\/p>\n<h2>Vad \u00e4r Elementor?<\/h2>\n<p>Elementor \u00e4r ett plugin som \u00e4r en drag-n-drop &#8220;sidbyggare&#8221; &#8211; och ers\u00e4tter den grundl\u00e4ggande WordPress-redigeraren Gutenberg med en live frontend-redigerare.<\/p>\n<p>Med detta kan du skapa komplexa layouter visuellt och designa din webbplats live, utan att beh\u00f6va v\u00e4xla mellan redigeraren och f\u00f6rhandsvisning.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-13445\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementors.gif\" alt=\"\" width=\"640\" height=\"350\" \/><\/p>\n<ul>\n<li>Med Elementor kan du allts\u00e5 via drag-n-drop ta fram komplexa layouts p\u00e5 din hemsida utan att beh\u00f6va koda.<\/li>\n<li>Du kan skapa unika layouts p\u00e5 din hemsidas undersidor som skiljer sig markant fr\u00e5n det du f\u00e5r om du installerar WordPress och ett standardplugin\/tema.<\/li>\n<li>Du f\u00e5r ett separat gr\u00e4nssnitt och b\u00e4ttre \u00f6verblick p\u00e5 hur dina \u00e4ndringar kommer se ut innan du trycker p\u00e5 Uppdatera\/Publicera-knappen.<\/li>\n<li>Inga kodkunskaper beh\u00f6vs f\u00f6r att ta fram en visuellt tilltalande layout.<\/li>\n<li>Det fungerar med alla WordPress-teman, s\u00e5 du kan beh\u00e5lla det du gillar med ditt tema och \u00e4ven f\u00e5 alla godsaker som finns i Elementor.<\/li>\n<\/ul>\n<h2>F\u00f6rdelar med Elementor:<\/h2>\n<p>Elementor kommer med en m\u00e4ngd anv\u00e4ndbara moduler inbyggt &#8211; med m\u00f6jlighet att k\u00f6pa till sig fler. Det brukar dock oftast inte beh\u00f6vas.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-13441\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elemetorbasic.png\" alt=\"\" width=\"232\" height=\"699\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elemetorbasic.png 295w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elemetorbasic-100x300.png 100w\" sizes=\"(max-width: 232px) 100vw, 232px\" \/><\/p>\n<p><strong>Med Elementor f\u00e5r du bl.a:<\/strong><\/p>\n<ul>\n<li>Runt 90 olika moduler, exempelvis rubriker, avgr\u00e4nsare, textblock, bildmoduler, kundrecensioner osv&#8230;<\/li>\n<li>Drag-n-drop funktionen som g\u00f6r att du kan flytta p\u00e5 objekt hur du vill och placera dem var du vill.<\/li>\n<li>SEO-v\u00e4nligt hur du \u00e4n v\u00e4ljer att strukturera upp din layout.<\/li>\n<li>Ett bibliotek med f\u00f6rdefinierade layouts som du kan utg\u00e5 fr\u00e5n.<\/li>\n<li>Pro-versionen (kostar) som l\u00e5ter dig att styra ditt temas k\u00e4rnfunktionen som exempelvis sidfoten och sidhuvudet.<\/li>\n<li>WooCommerce Builder &#8211; en funktion som l\u00e5ter dig \u00e4ven kontrollera din webbshops utseende &#8211; dvs produktlistningen och layouten f\u00f6r dina enskilda produkter.<\/li>\n<\/ul>\n<blockquote><p>F\u00f6rdelen med Elementor \u00e4r som sagt den inbyggda funktionen som l\u00e5ter dig att utf\u00f6ra visuella \u00e4ndringar live &#8211; med direkt feedback p\u00e5 vad du g\u00f6r. Inget mer hoppande mellan backend och frontend =)<\/p><\/blockquote>\n<p>Men f\u00f6r att vara mer konkret &#8211; vad kan du anv\u00e4nda f\u00f6r moduler och hur ser det ut?<\/p>\n<h2>Modulerna (\u00e4ven kallat elements)<\/h2>\n<p>Alla moduler som du beh\u00f6ver hittar du under fliken Elements. Du har moduler f\u00f6r bl.a rubriker, bilder, gallerier, textblock, recensioner osv. Du kan \u00e4ven anv\u00e4nda de inbyggda widgets som f\u00f6ljer med i ditt huvudtema.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-13444\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorelements.png\" alt=\"\" width=\"184\" height=\"630\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorelements.png 284w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorelements-88x300.png 88w\" sizes=\"(max-width: 184px) 100vw, 184px\" \/><\/p>\n<p>F\u00f6rutom att l\u00e4gga till moduler f\u00e5r du \u00e4ven m\u00f6jligheten att styra modulernas utseende i form av standardf\u00e4rger, bakgrunder, margins, paddings, typsnitt osv.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13446\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/fogdarod-elementor-pro.gif\" alt=\"\" width=\"640\" height=\"358\" \/><\/p>\n<p>Om n\u00e5got skulle g\u00e5 fel &#8211; ja, d\u00e5 har du en ut\u00f6kad version av den inbyggda revisionshanteringen som finns i WordPress.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13447\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/history.png\" alt=\"\" width=\"232\" height=\"681\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/history.png 303w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/history-102x300.png 102w\" sizes=\"(max-width: 232px) 100vw, 232px\" \/><\/p>\n<p>Du kan v\u00e4ldigt enkelt \u00e5terg\u00e5 till en tidigare version av din sida &#8211; om du skulle g\u00f6ra n\u00e5got fel!<\/p>\n<p>[mailpoet_form id=&#8221;3&#8243;]<\/p>\n<h2>Kostnad<\/h2>\n<p><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor \u00e4r helt gratis<\/a> &#8211; men precis som m\u00e5nga andra WordPress-plugins s\u00e5 finns det en Pro-version som kostar. Prist beror p\u00e5 vad du k\u00e4nner att du har f\u00f6r behov. Men i all \u00e4rlighet &#8211; du kommer med stor sannolikhet inte att beh\u00f6va k\u00f6pa Pro-versionen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13448 size-large\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpro-1024x887.png\" alt=\"\" width=\"800\" height=\"693\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpro-1024x887.png 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpro-300x260.png 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpro-768x665.png 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpro.png 1183w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>Men l\u00e5t oss \u00e4nd\u00e5 titta p\u00e5 vad du kan f\u00e5 OM du beslutar dig f\u00f6r att du vill k\u00f6pa loss den:<\/strong><\/p>\n<ul>\n<li>\u00a0+50 olika moduler<\/li>\n<li>+300 olika page templates<\/li>\n<li>Theme Builder (f\u00f6r att \u00e4ndra sidfot och sidhuvud)<\/li>\n<li>WooCommerce Builder<\/li>\n<li>Visual Form Bulder (bygg ditt eget formul\u00e4r)<\/li>\n<li>Anpassad CSS f\u00f6r varje modul (om du har css-kunskaper kan detta vara bra, annars \u00f6verfl\u00f6digt)<\/li>\n<\/ul>\n<p><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">I skrivande stund \u00e4r detta kostnaderna f\u00f6r Pro-versionen av Elementor.<\/a><\/p>\n<h2><a href=\"https:\/\/wpacademy.se\/kurser\/elementorkurs-nyborjare\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15679 size-full\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/kurs-i-elementorjpg.jpg\" alt=\"Kurs i elementor\" width=\"1128\" height=\"191\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/kurs-i-elementorjpg.jpg 1128w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/kurs-i-elementorjpg-300x51.jpg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/kurs-i-elementorjpg-1024x173.jpg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/kurs-i-elementorjpg-768x130.jpg 768w\" sizes=\"(max-width: 1128px) 100vw, 1128px\" \/><\/a><\/h2>\n<h2>Hur anv\u00e4nder du det?<\/h2>\n<p>D\u00e5 tycker jag att vi tar en titt p\u00e5 hur Elementor anv\u00e4nds &#8211; rent praktiskt.<\/p>\n<p>I grund och botten s\u00e5 \u00e4r Elementor ett WordPress-plugin. Visserligen ett n\u00e5got mer avancerat plugin men precis som alla andra plugins m\u00e5ste du <a href=\"https:\/\/sv.wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noopener\">b\u00f6rja med att installera det.<\/a><\/p>\n<blockquote><p>D\u00e4r tillkommer ett f\u00e5tal inst\u00e4llningar f\u00f6r dig att konfigurera. Jag hoppar \u00f6ver det i detta inl\u00e4gg eftersom det \u00e4r s\u00e5 pass f\u00e5 saker att st\u00e4lla in att du kan utforska det p\u00e5 egen hand.<\/p><\/blockquote>\n<p>N\u00e4r du nu g\u00e5r till en sida och ska b\u00f6rja redigera kommer du m\u00f6tas av din standard GutenBerg block-editor &#8211; med m\u00f6jlighet att ist\u00e4llet b\u00f6rja &#8220;Redigera med Elementor&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13449 size-large\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/editor-1024x508.png\" alt=\"\" width=\"800\" height=\"397\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/editor-1024x508.png 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/editor-300x149.png 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/editor-768x381.png 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/editor.png 1345w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>N\u00e4r du klickar p\u00e5 knappen \u00f6ppnas Elementor gr\u00e4nssnittet upp<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13450 size-large\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpagebuilder-1024x703.png\" alt=\"\" width=\"800\" height=\"549\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpagebuilder-1024x703.png 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpagebuilder-300x206.png 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpagebuilder-768x527.png 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/elementorpagebuilder.png 1319w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Elementor gr\u00e4nssnitt<\/h3>\n<p><strong>Det du ser \u00e4r:<\/strong><\/p>\n<ol>\n<li>Huvudsektionen &#8211; din visuella representation av sidan<\/li>\n<li>Alla tillg\u00e4ngliga moduler<\/li>\n<li>Inst\u00e4llningar<\/li>\n<li>Genv\u00e4g till alla moduler<\/li>\n<li>Globala inst\u00e4llningar f\u00f6r sidan<\/li>\n<li>Revisioner &#8211; olika sparade varianter av layouts<\/li>\n<li>Responsiva l\u00e4gen (dator, surfplatta, mobil)<\/li>\n<li>F\u00f6rhandsgranska<\/li>\n<li>Publicera<\/li>\n<\/ol>\n<p><strong>R\u00e4tt s\u00e5 standard &#8211; visst?<\/strong><\/p>\n<p>F\u00f6r att du ska kunna bygga upp en layout beh\u00f6ver du, kortfattat, f\u00f6rst\u00e5 hur du ska bygga upp sidan rent strukturellt.<\/p>\n<p><strong>S\u00e5h\u00e4r ser det ut:<\/strong><\/p>\n<p>Din sida -&gt; Sektion -&gt; Kolumner &gt; Inneh\u00e5ll -&gt; Styling (Utseende)<\/p>\n<p>B\u00f6rja med att trycka p\u00e5 plus knappen och l\u00e4gg sedan till dina kolumner<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13456\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/newcolumns.gif\" alt=\"\" width=\"640\" height=\"358\" \/><\/p>\n<p><strong>Forts\u00e4tt sedan att l\u00e4gga in n\u00e5gra tillg\u00e4ngliga moduler.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13452\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/columnsthe.gif\" alt=\"\" width=\"640\" height=\"358\" \/><\/p>\n<p><strong>Jag l\u00e5ter dig experimentera h\u00e4r &#8211; vi g\u00e5r vidare!<\/strong><\/p>\n<h3>F\u00f6rdefinierade layouts<\/h3>\n<p>\u00c4r du som m\u00e5nga andra och gillar\u00a0 att utg\u00e5 fr\u00e5n f\u00e4rdiga layouts och strukturer? D\u00e5 kan du anv\u00e4nda Elementors f\u00f6rdefinierade layouts.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13457 size-large\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-1024x823.jpg\" alt=\"\" width=\"800\" height=\"643\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-1024x823.jpg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-300x241.jpg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-768x617.jpg 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-1536x1235.jpg 1536w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/templates-elementor-2048x1647.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Det finns v\u00e4ldigt m\u00e5nga av dessa layouts. +150 st i gratisvesionen och +300 i betalversionen av Elementor.<\/p>\n<p>Det g\u00e4ller inte bara f\u00f6r enskilda sidor till din webbplats &#8211; du kan \u00e4ven f\u00e5 s.k. Elementor Kits, som \u00e4r en samling av layouts med undersidor som f\u00f6ljer samma design.<\/p>\n<blockquote><p>P\u00e5 det h\u00e4r viset kan du snabbt ta fram en komplett hemsida.<\/p><\/blockquote>\n<p>Precis som med m\u00e5nga andra teman och page-builders har du alltid m\u00f6\u00f6jligheten att spara ner dina egna layouts (\u00e4ven kallat templates) f\u00f6r att senare \u00e5teranv\u00e4nda dem p\u00e5 en annan del av din hemsida.<\/p>\n<h2>\u00c4r Elementor f\u00f6r dig?<\/h2>\n<p>Jag b\u00f6rjar med att utg\u00e5 fr\u00e5n mig sj\u00e4lv. Under min tid som webbdesigner och webbutvecklare har jag varit med om stora f\u00f6r\u00e4ndringar.<\/p>\n<p>Fr\u00e5n att koda fram mina egna templates till att alltid utg\u00e5 fr\u00e5n ett tema n\u00e4r jag bygger hemsidor \u00e5t mina kunder.<\/p>\n<p><a href=\"https:\/\/grafixstudio.se\/blogg\/basta-wordpress-teman\/\" target=\"_blank\" rel=\"noopener\">Jag f\u00f6redrar \u00e4n idag att anv\u00e4nda ett avancerat tema och p\u00e5 egen hand koda fram hemsidans utseende med CSS.<\/a><\/p>\n<p>F\u00f6r mig s\u00e5 g\u00e5r det snabbare att skriva en rad kod f\u00f6r att f\u00e5 fram ett resultat \u00e4n att &#8220;klicka mig fram&#8221; och dra i knappar f\u00f6r att \u00e5stadkomma samma sak.<\/p>\n<p><strong>Men det \u00e4r bara f\u00f6r att jag har arbetat med detta s\u00e5 pass l\u00e4nge.<\/strong><\/p>\n<p>Med det sagt s\u00e5 \u00e4r jag \u00e4r r\u00e4tt imponerad av Elementor. Det \u00e4r en avancerad page-builder som jag f\u00e5tt arbeta med till <a href=\"https:\/\/grafixstudio.se\/tjanster\/hemsidor-i-wordpress\/\" target=\"_blank\" rel=\"noopener\">ett par olika kunduppdrag<\/a> och det har faktiskt g\u00e5tt \u00f6ver f\u00f6rv\u00e4ntan.<\/p>\n<blockquote><p>Elementor \u00e4r den page-builder som \u00e4r enklast att f\u00f6rst\u00e5 sig p\u00e5 och \u00e4ven den som ger dig flest funktioner och som samtidigt \u00e4r gratis.<\/p><\/blockquote>\n<p><strong>Om du inte kan CSS\/HTML<\/strong> s\u00e5 rekommenderar jag det h\u00e4r pluginet framf\u00f6r alla andra page-builders. Utan tvekan.<\/p>\n<p>Jag rekommenderar det till dig som vill designa upp en hemsida utan att faktiskt vara en designer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13458 size-full\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer.jpg\" alt=\"\" width=\"1920\" height=\"1280\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer.jpg 1920w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer-300x200.jpg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer-1024x683.jpg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer-768x512.jpg 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/designer-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>\u00c4r du mer som jag<\/strong> och gillar att koda fram ditt utseende med CSS &#8211; ja d\u00e5 kanske du ska kolla n\u00e5gon annanstans.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13459 size-full\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder.jpg\" alt=\"\" width=\"1920\" height=\"1280\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder.jpg 1920w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder-300x200.jpg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder-1024x683.jpg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder-768x512.jpg 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/04\/htmlcoder-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><em>Men&#8230;..<\/em>Jag vill trots detta p\u00e5st\u00e5 att Elementor kan vara bra f\u00f6r dig \u00e4ven om du kan CSS\/HTML Det h\u00e4r \u00e4r ett plugin som laddar snabbt och tynger inte ner din hemsida trots sin avancerade funktionalitet.<\/p>\n<p>Det kan h\u00e4nda att jag g\u00e5r \u00f6ver fr\u00e5n <a href=\"https:\/\/kriesi.at\/themes\/enfold-overview\/\" target=\"_blank\" rel=\"noopener\">mitt favorittema Enfold<\/a> (som har en egen inbyggd page-builder) till Elementor &#8211; eller \u00e5tminstone ha Elementor i \u00e5tanke f\u00f6r framtida projekt och inte l\u00e5sa mig till ett tema.<\/p>\n<h2>Sammanfattning<\/h2>\n<p>En page-builder som Elementor \u00e4r s\u00e5 pass avancerat att jag personligen kan rekommendera den till alla som vill ge sig p\u00e5 att bygga sin egen layout.<\/p>\n<p>Precis som allt annat s\u00e5 finns det en inl\u00e4rningskurva och det \u00e4r klart f\u00f6rdelaktigt om du har tidigare erfarenhet av WordPress och andra page-builders.<\/p>\n<p>Elementor kommer i en gratisversion och en betalversion (Elementor Pro) d\u00e4r den st\u00f6rsta skillnaden \u00e4r att du f\u00e5r runt 150+ moduler att arbeta med i Pro-versionen, j\u00e4mf\u00f6rt med 90+ moduler i gratisversionen.<\/p>\n<p>Du kan \u00e4ven utg\u00e5 fr\u00e5n f\u00f6rdefinierade layouts\/templates, som inneb\u00e4r att du aktiverar funktionen och f\u00e5r fram en komplett hemsida med undersidor som i sin tur har f\u00e4rdiga layout-strukturer.<\/p>\n<p>Det \u00e4r d\u00e5 upp till dig att ta bort och konfigurera layouten till ditt eget tycke. Se det som att du arbetar dig &#8220;bak\u00e5t&#8221; till din \u00f6nskade layout.<\/p>\n<p>Elementor fungerar med alla teman s\u00e5 det \u00e4r upp till dig att v\u00e4lja ett som du gillar och koppla ihop den med page-buildern.<\/p>\n<p>Det hj\u00e4lper alltid om du kan CSS\/HTML &#8211; men med detta temat kan du f\u00e5 fram en snygg och avancerad layout utan n\u00e5gra kodkunskaper!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inledning: Page-builders har numera blivit standard f\u00f6r WordPress och de kommer i m\u00e5nga olika varianter. Elementor \u00e4r en av de popul\u00e4raste page-builders som finns och en av mina favoriter. Det kan vara sv\u00e5rt att b\u00f6rja anv\u00e4nda en s\u00e5 pass avancerad page-builder som Elementor och d\u00e4rf\u00f6r t\u00e4nker jag i f\u00f6ljande inl\u00e4gg g\u00e5 igenom vad Elementor \u00e4r [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1391,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[33,29],"tags":[],"class_list":["post-16465","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts\/16465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/comments?post=16465"}],"version-history":[{"count":0,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts\/16465\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media\/1391"}],"wp:attachment":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media?parent=16465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/categories?post=16465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/tags?post=16465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}