{"id":17105,"date":"2022-09-13T16:33:35","date_gmt":"2022-09-13T15:33:35","guid":{"rendered":"https:\/\/grafixstudio.se\/?p=17105"},"modified":"2026-06-08T11:57:47","modified_gmt":"2026-06-08T10:57:47","slug":"skift-til-elementor","status":"publish","type":"post","link":"https:\/\/grafixstudio.se\/da\/blogg\/byta-till-elementor\/","title":{"rendered":"Derfor skiftede vi til Elementor Pro Page Builder"},"content":{"rendered":"<h2>Baggrund<\/h2>\n<blockquote><p>I mange \u00e5r tog vi udgangspunkt i et tema, der hedder Enfold. Det er et godt tema! Men til den type kunder, som vi arbejder med i dag, slog Enfold og dens indbyggede page builder ikke til.<\/p><\/blockquote>\n<p>Vi begyndte ogs\u00e5 at se behovet for hjemmesider, hvor kunderne kunne have mere kontrol over deres layout. Kunder vil simpelthen kunne styre mere over deres indhold og funktioner, fordi de er klar over, at det nu om stunder er fuldt muligt.<\/p>\n<p><strong>Vi tager f\u00f8rst et kig p\u00e5 Enfold<\/strong>, for derefter at g\u00e5 videre og se p\u00e5 Elementor og etablere, hvorfor vi skiftede fra Enfold til Elementor.<\/p>\n<h2>Omfavne<\/h2>\n<p>Enfold er et WordPress-tema som i mods\u00e6tning til mange andre \u2013 bruger sin egen layoutbuilder, som de kalder\u201d<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-layout-builder\/\" target=\"_blank\" rel=\"noopener\">Avia Layout Builder<\/a>\u201d<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-15737\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout.png\" alt=\"\" width=\"1665\" height=\"907\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout.png 1665w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout-300x163.png 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout-1024x558.png 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout-768x418.png 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/avialayout-1536x837.png 1536w\" sizes=\"(max-width: 1665px) 100vw, 1665px\" \/><\/p>\n<p>Dette tema er et af de f\u00e5, der <strong>stadig ikke har<\/strong> en visuel \u201cdrag n drop\u201d-editor, en s\u00e5kaldt WYSIWYG page builder.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15738\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/elementorlivebuilder.gif\" alt=\"\" width=\"850\" height=\"483\" \/><\/p>\n<p>De fleste sidebygere i dag giver dig mulighed for at se b\u00e5de en back-end- og en front-end-sidebygger eller blot en front-end-sidebygger<\/p>\n<p><strong>F.eks.<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/wpbakery.com\/\" target=\"_blank\" rel=\"noopener\">WPBakery<\/a><\/li>\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/li>\n<li><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-15745\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/bakeryvisual.jpeg\" alt=\"\" width=\"624\" height=\"351\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/bakeryvisual.jpeg 1280w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/bakeryvisual-300x169.jpeg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/bakeryvisual-1024x576.jpeg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/bakeryvisual-768x432.jpeg 768w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: center;\"><em>WPBAKERYS VISUELLE FRONT-END-REDIGERINGSV\u00c6RKT\u00d8J<\/em><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15746\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/divibuilder.jpeg\" alt=\"\" width=\"582\" height=\"417\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/divibuilder.jpeg 880w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/divibuilder-300x215.jpeg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/divibuilder-768x550.jpeg 768w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><em>DIVI VISUEL REDIGERING P\u00c5 FRONTEND<\/em><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15747\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/visualelementor.jpeg\" alt=\"\" width=\"598\" height=\"336\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/visualelementor.jpeg 1280w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/visualelementor-300x169.jpeg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/visualelementor-1024x576.jpeg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/visualelementor-768x432.jpeg 768w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<p style=\"text-align: center;\"><em>ELEMENTOR FRONT-END VISUEL REDIGERINGSV\u00c6RKT\u00d8J<\/em><\/p>\n<p><strong>Fordelen ved Enfold<\/strong> er, at hvis du foretr\u00e6kker at lave din egen styling ved hj\u00e6lp af CSS, er det meget nemt at aktivere en <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"noopener\">undertema<\/a> til Enfold og foretage alle dine visuelle \u00e6ndringer p\u00e5 den m\u00e5de.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15739\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-hild.png\" alt=\"\" width=\"852\" height=\"422\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-hild.png 852w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-hild-300x149.png 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-hild-768x380.png 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/p>\n<p><a href=\"https:\/\/kriesi.at\/themes\/enfold-overview\/\" target=\"_blank\" rel=\"noopener\">Enfold har ogs\u00e5 et bibliotek med skabeloner<\/a> som du kan downloade og importere. P\u00e5 den m\u00e5de har du et godt udgangspunkt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15740\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-layouts.jpeg\" alt=\"\" width=\"980\" height=\"500\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-layouts.jpeg 980w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-layouts-300x153.jpeg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/enfold-layouts-768x392.jpeg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p>Sidst, men ikke mindst, giver Enfold dig ogs\u00e5 mulighed for at foretage generelle indstillinger og dermed skabe et godt udgangspunkt, n\u00e5r du opbygger din hjemmeside.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15741\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2022\/09\/pre-settings-enfold.gif\" alt=\"\" width=\"615\" height=\"620\" \/><\/p>\n<p><strong>Du indstiller s\u00e5 ting som:<\/strong><\/p>\n<ul>\n<li>Skrifttype<\/li>\n<li>Farver<\/li>\n<li>St\u00f8rrelser p\u00e5 overskrifter<\/li>\n<li>Margener for forskellige elementer<\/li>\n<\/ul>\n<p>m.m.<\/p>\n<p><strong>Indtil videre g\u00e5r det godt.<\/strong><\/p>\n<p>Vi kigger p\u00e5 Elementor.<\/p>\n<h2>Elementor<\/h2>\n<p><strong>At kalde Elementor for et tema er lidt misvisende<\/strong>, da Elementor ikke er et tema, selvom de fleste omtaler det som s\u00e5dan.<\/p>\n<blockquote><p>Elementor er et plugin, der fungerer som en sidebygger, som du aktiverer til et valgfrit (passende) tema.<\/p><\/blockquote>\n<p>Ud over det har Elementor alle de egenskaber, som du forventer af et tema.<\/p>\n<p><strong>Med Elementor kan du:<\/strong><\/p>\n<ul>\n<li>Foretage generelle indstillinger for hjemmesidens layout<\/li>\n<li>Importer skabeloner og demoer med f\u00e6rdige layouts<\/li>\n<li>Tr\u00e6k og slip<\/li>\n<\/ul>\n<p>\u2026og du har en hel del andre funktioner, der g\u00f8r Elementor til en god kandidat, n\u00e5r det kommer til at styre udseendet og funktionen af din hjemmeside.<\/p>\n<p>Du vil snart forst\u00e5, hvorfor vi skiftede, hvis du ikke allerede g\u00f8r det, alts\u00e5 \ud83d\ude09<br \/>\n<a href=\"https:\/\/wpacademy.se\/kurser\/elementorkurs-nyborjare\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15681 size-full\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs.jpg\" alt=\"Elementor-kursus i WordPress\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs.jpg 1920w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs-300x169.jpg 300w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs-1024x576.jpg 1024w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs-768x432.jpg 768w, https:\/\/grafixstudio.se\/wp-content\/uploads\/2020\/11\/elementorkurs-1536x864.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h2>Vi skiftede fra Enfold til Elementor<\/h2>\n<p>Hvad fik os til at skifte fra Enfold til Elementor? Vi har trofast brugt Enfold i over 6 \u00e5r (mindst), f\u00f8r vi foretog skiftet.<\/p>\n<p>Lad os starte med at tage et kig p\u00e5:<\/p>\n<h3>Side-builderen<\/h3>\n<p>Efter min mening er dette den bedste sidebygger, der findes lige nu.<\/p>\n<p>Den er ekstremt intuitiv og giver dig mulighed for at implementere en masse moduler med forskellige funktions- og layoutmuligheder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14664\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2021\/10\/Hnet-image.gif\" alt=\"\" width=\"1200\" height=\"674\" \/><\/p>\n<p>Der er ogs\u00e5 et hav af plugins til Elementor for at f\u00e5 endnu flere moduler og generelle forbedringer til en i forvejen overlegen sidebygger. Disse kaldes \u201cadd-ons\u201d.<\/p>\n<h3>Tilf\u00f8jelser<\/h3>\n<p>Her er en liste over tilg\u00e6ngelige udvidelser (plugins) til Elementor:<\/p>\n<ul>\n<li><a href=\"https:\/\/ultimateelementor.com\/\" target=\"_blank\" rel=\"noopener\">Ultimate Addons<\/a><\/li>\n<li><a href=\"https:\/\/crocoblock.com\/\" target=\"_blank\" rel=\"noopener\">Crocoblocks<\/a><\/li>\n<li><a href=\"https:\/\/essential-addons.com\/elementor\/\" target=\"_blank\" rel=\"noopener\">Essentielle udvidelser<\/a><\/li>\n<li><a href=\"https:\/\/startertemplates.com\/?page-builder=elementor\" target=\"_blank\" rel=\"noopener\">Startskabeloner<\/a><\/li>\n<li><a href=\"https:\/\/powerpackelements.com\/\" target=\"_blank\" rel=\"noopener\">PowerPack<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Allerede her tror jeg, du begynder at se de muligheder, der er med Elementor, kontra Enfold.<\/p>\n<p>Men vi er ikke helt f\u00e6rdige endnu.<\/p>\n<p>Der er en specifik funktion i Elementor, der var s\u00f8mmet i kisten for Enfold, nemlig <strong>Theme Builder<\/strong>, som du f\u00e5r, n\u00e5r du v\u00e6lger at k\u00f8be Elementor Pro (premiumversionen af Elementor).<\/p>\n<h3>Theme Builder<\/h3>\n<p>Dette er absolut den bedste funktion i Elementor Pro. Theme Builder er din helt egen temabygger, hvor du kan skabe skabeloner til, hvordan hele dit tema skal fungere.<\/p>\n<p><strong>Du kan bygge dine egne skabeloner til bl.a.:<\/strong><\/p>\n<ul>\n<li>Menuen<\/li>\n<li>Sidefoden<\/li>\n<li>Bloglisten<\/li>\n<li>Kategorier<\/li>\n<li>Indl\u00e6gsskabelon<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Antag, at:<\/strong><\/p>\n<ol>\n<li>Du har en blog p\u00e5 dit websted og vil have, at alle indl\u00e6g ser ud og fungerer p\u00e5 en bestemt m\u00e5de.<\/li>\n<li>Du vil jo ikke v\u00e6re n\u00f8dt til at opbygge dit indl\u00e6g hver eneste gang, du skal skrive noget nyt.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><strong>L\u00f8sningen p\u00e5 det<\/strong> er at designe din egen indl\u00e6gsskabelon med Elementors Theme Builder!<\/p>\n<p><strong>S\u00e5dan fungerer det:<\/strong><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-17105-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2026\/03\/postmallar.mp4?_=1\" \/><a href=\"https:\/\/grafixstudio.se\/wp-content\/uploads\/2026\/03\/postmallar.mp4\">https:\/\/grafixstudio.se\/wp-content\/uploads\/2026\/03\/postmallar.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<ol>\n<li>Du g\u00e5r til Skabeloner &gt; Theme Builder og v\u00e6lger Enkelt indl\u00e6g<\/li>\n<li>Giv din skabelon et navn<\/li>\n<li>Du kan v\u00e6lge en f\u00e6rdig skabelon eller lave din egen. Her lukker jeg vinduet og laver i stedet min egen skabelon.<\/li>\n<li>De moduler, der vises \u00f8verst (dem, jeg tr\u00e6kker ind), er dynamiske moduler, der henter oplysninger s\u00e5som overskrift, tekstuddrag og tekstindhold. Det er alts\u00e5 dynamiske elementer, der er forbundet og aktiveres, hver gang du offentligg\u00f8r et nyt indl\u00e6g.<\/li>\n<li>Gem skabelonen og s\u00e6t betingelsen til at v\u00e6re for: Indl\u00e6g<\/li>\n<li>Du har nu oprettet en skabelon til alle de enkelte indl\u00e6g.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Efter disse trin har du en unik indl\u00e6gsskabelon til ALLE indl\u00e6g, som du opretter og publicerer. Denne princip g\u00e6lder for alle typer af skabeloner i WordPress, uanset om det er sidehovedet, sidefoden, skabeloner til specifikke kategorier, tags osv.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/blog\/wordpress-template-hierarchy\/\" target=\"_blank\" rel=\"noopener\">L\u00e6s mere om WordPress\u2019 filstruktur her<\/a> s\u00e5 forst\u00e5r du, hvad jeg taler om.<\/p>\n<p>Du kan styre alt, og det er derfor, vi skiftede til Elementor takket v\u00e6re dens Theme Builder.<\/p>\n<h2>Resum\u00e9<\/h2>\n<p>Du har meget mere kontrol over din hjemmeside med Elementor. Det er ikke sv\u00e6rt at opbygge sine egne dynamiske skabeloner i Elementor og p\u00e5 den m\u00e5de f\u00e5 sit eget tema med unikke design og funktioner.<\/p>\n<p>Det kan du ogs\u00e5 g\u00f8re med Enfold \u2013 og egentlig med hvilket som helst andet tema. Men der er ikke mange, der giver dig mulighed for at g\u00f8re det lige s\u00e5 nemt som Elementor. For med Elementor kan du g\u00f8re det uden at skulle kode. Med Enfold skal du forst\u00e5 WordPress\u2019 filstruktur og hvordan det rent dynamisk er opbygget.<\/p>\n<p>For os er det egentlig ikke noget problem, men det er s\u00e5 meget nemmere med Theme Buildern i Elementor \u2013 og derfor gik vi helt over til Elementor Pro.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bakgrund I m\u00e5nga \u00e5r utgick vi fr\u00e5n ett tema som heter Enfold. Det \u00e4r ett bra tema! Men f\u00f6r den typen av kunder som vi arbetar med idag r\u00e4ckte inte Enfold och dess inbyggda page builder till. Vi b\u00f6rjade ocks\u00e5 se behovet av hemsidor d\u00e4r kunde har mer kontroll \u00f6ver sin layout. Kunder vill helt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15736,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,33,29],"tags":[],"class_list":["post-17105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-elementor","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts\/17105","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=17105"}],"version-history":[{"count":0,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts\/17105\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media\/15736"}],"wp:attachment":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media?parent=17105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/categories?post=17105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/tags?post=17105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}