{"id":16576,"date":"2021-11-02T18:02:07","date_gmt":"2021-11-02T17:02:07","guid":{"rendered":"https:\/\/grafixstudio.se\/?p=16576"},"modified":"2026-06-08T11:57:50","modified_gmt":"2026-06-08T10:57:50","slug":"avanceret-elementor-sidebygger","status":"publish","type":"post","link":"https:\/\/grafixstudio.se\/da\/blogg\/avancerade-elementor-page-builder\/","title":{"rendered":"Avancerede ting, du kan g\u00f8re med Elementor Page Builder"},"content":{"rendered":"

Indledning:<\/h2>\n

Elementor Page Builder forts\u00e6tter med at stige i popularitet, og jeg ser flere, der \u00f8nsker at l\u00e6re, hvordan man bedst arbejder med v\u00e6rkt\u00f8jet<\/p><\/blockquote>\n

I dette indl\u00e6g vil jeg derfor vise dig, hvilke muligheder du har for faktisk at opbygge en avanceret hjemmeside med Elementor Page Builder.
\nDette er ikke et teknisk indl\u00e6g<\/strong> men jeg vil i stedet vise dig, hvad du kan g\u00f8re, og hvad du har brug for, for at komme i gang med at skabe dit helt eget unikke design, med alle de funktioner som et almindeligt tema kan have!<\/p>\n

Test af \u00f8delagt link<\/a><\/p>\n

Lad os g\u00e5 i gang.<\/strong><\/p>\n

Kort om Elementor Page Builder<\/h2>\n

Du kender sikkert allerede Elementor Page Builder, men lad os tage en lille hurtig gennemgang som opvarmning til resten af indholdet.<\/p>\n

Elementor Page Builder er pr\u00e6cis hvad det lyder som \u2013 en pagebuilder! Det er en WYSIWYG tr\u00e6k-og-slip-gr\u00e6nseflade, hvor du visuelt kan strukturere din hjemmesides design og layout \u2013 side for side.<\/p>\n

\"\"<\/p>\n

Med denne page-builder f\u00e5r du ogs\u00e5 en r\u00e6kke moduler til at oprette dit indhold, f.eks. tekstbokse, overskrifter, lister m.m.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Elementor findes ogs\u00e5 i to versioner, en der er gratis, og en der koster penge.<\/p>\n

Elementor Gratis<\/h3>\n

Gratisversionen af Elementor giver dig det mest n\u00f8dvendige \u2013 du f\u00e5r en page builder, som du kan aktivere p\u00e5 et vilk\u00e5rlig tema (selvom der er anbefalede temaer til netop Elementor), og du kan, som tidligere n\u00e6vnt, opbygge design- og layoutstrukturer.<\/p>\n

\"\"<\/p>\n

Elementor Pro<\/h3>\n

Premiumversionen af Elementor giver dig mange flere muligheder.<\/p>\n

Med Elementor Pro kan du mere eller mindre opbygge dine egne skabeloner og i sidste ende have et helt eget tema. Udover dette f\u00e5r du naturligvis ogs\u00e5 flere moduler, s\u00e5 du lander p\u00e5 i alt 90 forskellige moduler at bruge.<\/p>\n

\"\"<\/p>\n

Du f\u00e5r ogs\u00e5 dynamiske elementer og kan derfor opbygge dine egne skabeloner til indl\u00e6g, arkivsider m.m., som ellers genereres af WordPress. Disse f\u00e5r du fuld kontrol over med den s\u00e5kaldte Theme Builder, som vi nu vil kigge p\u00e5.<\/p>\n

P\u00e5mindelse:<\/strong> Du skal bruge Elementor Pro for at bruge Theme Builder.<\/p>\n

\"Kursus<\/a><\/p>\n

Temabygger<\/h2>\n

Kort og godt:<\/strong> Med Elementors Theme Builder kan du skr\u00e6ddersy din hjemmeside fra top til t\u00e5. Du kan bestemme, hvordan dynamiske skabeloner s\u00e5som blogindl\u00e6g, arkivsider og kategorisider skal se ud og fungere.<\/p>\n

\"\"<\/p>\n

Alle disse skabeloner genereres af WordPress som standard, men med Elementors Theme Builder kan du selv oprette dem.<\/p>\n

At de er dynamiske, indeb\u00e6rer bl.a., at overskrifter, udvalgte billeder, placering af tekstindhold m.m. genereres automatisk af WordPress.<\/p>\n

Du styrer over f\u00f8lgende skabeloner:<\/strong><\/p>\n

    \n
  1. Overskrift<\/strong> = Sidehoved, hvor du bl.a. har menu og logotype.<\/li>\n
  2. Bundtekst<\/strong> = Sidfoten, hvor du normalt har en lille \u201cOm-tekst\u201d, genveje m.m.<\/li>\n
  3. Single<\/strong> = Generisk skabelon til alle sider og indl\u00e6g (fra bloggen)<\/li>\n
  4. Enkeltindl\u00e6g<\/strong> = Unik skabelon til alle indl\u00e6g<\/li>\n
  5. Enkeltst\u00e5ende side<\/strong> = Unik skabelon til alle sider<\/li>\n
  6. Arkiv<\/strong> = Skabelon, der viser blogfeed, kategorier, datoarkiv m.m.<\/li>\n
  7. S\u00f8geresultat<\/strong> = Skabelon til s\u00f8geresultater, n\u00e5r du bruger WordPress' indbyggede s\u00f8gefunktion.<\/li>\n
  8. Fejl 404<\/strong> = Resultat ved forkert webadresse p\u00e5 dit websted<\/li>\n<\/ol>\n

    Alle dine indl\u00e6g bruger den samme skabelon, og det g\u00f8r arkivsiderne ogs\u00e5. Du ser f.eks. flere indl\u00e6g p\u00e5 din blog, men alle genereres fra den samme skabelon.<\/p>\n

    \"\"<\/p>\n

    Billede 1:<\/strong> Bem\u00e6rk, at overskriften er indstillet til at v\u00e6re \u201cPost Title\u201d. Det betyder, at overskriftsteksten ikke er skrevet i Elementor. Den hentes i stedet fra WordPress, som du kan se p\u00e5 det n\u00e6ste billede.<\/p>\n

    \"\"<\/p>\n

    Billede 2:<\/strong> Bem\u00e6rk overskriften, der er markeret med gr\u00f8nt. Det er her, overskriften er skrevet. De indl\u00e6g, du ser nedenfor denne, vil opf\u00f8re sig p\u00e5 samme m\u00e5de, da de bruger den samme indl\u00e6gsskabelon.<\/p>\n

    Tag kontrol over dine skabeloner<\/h3>\n

    H\u00e6nger du p\u00e5? Godt!<\/strong><\/p>\n

    Men for en sikkerheds skyld resumerer vi:<\/p>\n

    \"\"<\/p>\n

    Sidehoved\/sidefod:<\/strong><\/p>\n

    Design dine sidehovede og sidef\u00f8dder pr\u00e6cis som du vil. Kreativt og funktionelt<\/p>\n

    Enkelt side\/indl\u00e6g:<\/strong><\/p>\n

    Opret skabeloner til b\u00e5de sider og indl\u00e6g. Dette g\u00f8r, at du slipper for at \u201cbygge\u201d dit tilt\u00e6nkte layout op hver gang, du skal oprette nyt indhold.<\/p>\n

    Arkiv<\/strong>:<\/p>\n

    Beslut hvordan hovedsiderne til dine indl\u00e6g (bloggen) eller kategorisider skal fungere. Dette g\u00e6lder b\u00e5de for din blogs kategorisider og din webshops.<\/p>\n

    S\u00f8geresultater:<\/strong><\/p>\n

    Du kan ogs\u00e5 oprette en unik s\u00f8geside og desuden designe selve resultatsiden \u2013 noget der ellers er kompliceret at g\u00f8re med WordPress.<\/p>\n

    404-side:<\/strong><\/p>\n

    Det sker for os alle, der er interne \u00f8delagte links p\u00e5 vores site. Design din egen 404-fejlside og giv dine bes\u00f8gende en bedre oplevelse!<\/p>\n

    + WooCommerce:<\/strong><\/p>\n

    Skr\u00e6ddersy din webshops skabelonsider som f.eks. produktsider, kurv og kasse!<\/p>\n

    Tilpas f\u00e6rdige skabeloner<\/h3>\n

    Hvis du ikke har tid eller overskud til selv at opbygge dine skabeloner, kan du altid bruge Elementors f\u00e6rdiglavede skabeloner til alle dele af din hjemmeside.<\/p>\n

    \"\"<\/p>\n

    Fordelen ved dette er, at du kan v\u00e6lge noget, der ligner din vision, og derefter foretage justeringer, s\u00e5 det ser ud og fungerer, som du \u00f8nsker.<\/p>\n

    Opret unikke visningsbetingelser<\/h3>\n

    Du kan meget nemt bestemme betingelser for, hvordan visse dele af din hjemmeside skal vises. Du kan f.eks. bestemme, at dine skabeloner kun skal vises p\u00e5 indl\u00e6gssiderne:<\/p>\n

    \"\"<\/p>\n

    Eller ogs\u00e5 kan du tilf\u00f8je flere visningsbetingelser:<\/p>\n

    \"\"<\/p>\n

    Resum\u00e9:<\/h2>\n

    Dette blev et kort og pr\u00e6cist indl\u00e6g, som lovet! Jeg har bevidst valgt at holde det kort og ikke g\u00e5 i dybden med, hvordan disse mekanismer fungerer \u2013 for det er ikke vigtigt.<\/p>\n

    Det vigtige er, at du ser hvilke muligheder du har med Elementor og dens imponerende Theme Builder.<\/p><\/blockquote>\n

    Du kan oprette dine egne skabeloner for, hvordan indl\u00e6g, sider, kategorisider osv. skal vises og fungere.<\/p>\n

    N\u00e5r du g\u00f8r dette, kan man faktisk sige, at du bygger dit eget tema \u2013 for det er jo netop det, temaer i bund og grund er: en samling af sideskabeloner med en defineret layoutstruktur og forskellige betingelser for, hvordan de skal se ud og fungere.<\/p>\n

    Dette er selvf\u00f8lgelig en meget grov sammenfatning, og de underliggende mekanismer er langt mere avancerede.<\/p>\n

    Men det beh\u00f8ver du ikke at vide. Du beh\u00f8ver blot at vide, at det er muligt \u2013 s\u00e5 klarer Elementor resten!<\/p>","protected":false},"excerpt":{"rendered":"

    Inledning: Elementor Page Builder forts\u00e4tter att \u00f6ka i popularitet och jag ser fler som vill l\u00e4ra sig hur man b\u00e4st arbetar med verktyget I det h\u00e4r inl\u00e4gget vill jag d\u00e4rf\u00f6r visa dig vilka m\u00f6jligheter du har till att faktiskt bygga upp en avancerad hemsida med Elementor Page Builder. Det h\u00e4r \u00e4r inget tekniskt inl\u00e4gg utan […]<\/p>\n","protected":false},"author":1,"featured_media":14652,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[33,29],"tags":[],"class_list":["post-16576","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\/16576","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=16576"}],"version-history":[{"count":0,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/posts\/16576\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media\/14652"}],"wp:attachment":[{"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/media?parent=16576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/categories?post=16576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grafixstudio.se\/da\/wp-json\/wp\/v2\/tags?post=16576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}