Her kan du se forskellige elementtyper opdelt i kategorierne Layout<\/strong>, Typografi<\/strong>, Medier<\/strong> og Komponenter<\/strong>.<\/p>\n\n\n\n\nFind det element, du vil inds\u00e6tte \u2013 fx Overskrift<\/strong>, Billede<\/strong>, Knap<\/strong> eller Kolonner<\/strong>.<\/li>\n\n\n\nHold museknappen nede, og tr\u00e6k elementet ind p\u00e5 siden<\/strong>.<\/li>\n<\/ul>\n\n\n\nElementer kan kun placeres inde i de stiplede rektangler<\/strong>.<\/p>\n\n\n\nN\u00e5r du holder elementet og bev\u00e6ger det ind p\u00e5 siden, kan du se ud fra mark\u00f8ren, om du placerer elementet korrekt:<\/p>\n\n\n\n\nHvis din mark\u00f8r er en r\u00f8d cirkel<\/strong>, betyder det, at du ikke rammer et stiplet rektangel.<\/li>\n\n\n\nHvis din mark\u00f8r er hvid (normal)<\/strong>, og der vises en stiplet firkant under den, kan du placere elementet.<\/li>\n<\/ul>\n\n\n\nSlip museknappen, n\u00e5r mark\u00f8ren er normal \u2013 elementet vises nu p\u00e5 siden:<\/p>\n\n\n\nRediger elementet<\/h3>\n\n\n\n N\u00e5r elementet er placeret, kan du redigere og tilpasse det via v\u00e6rkt\u00f8jskassen i h\u00f8jre side.Redig\u00e9r<\/strong>-ikonet (\u270f\ufe0f) p\u00e5 elementet for at \u00e5bne v\u00e6rkt\u00f8jskassen.<\/p>\n\n\n\n\nKlik p\u00e5 det element, du vil redigere.<\/li>\n\n\n\n Juster indstillingerne i v\u00e6rkt\u00f8jskassen i h\u00f8jre side.<\/li>\n\n\n\n Husk at gemme dine \u00e6ndringer l\u00f8bende.<\/li>\n<\/ul>\n\n\n\nTilg\u00e6ngelige elementer<\/h3>\n\n\n\n Du kan kombinere forskellige elementtyper, n\u00e5r du opbygger dit website-layout.Element<\/strong>-panelet.<\/p>\n\n\n\nLayout<\/strong><\/p>\n\n\n\n\nSektion<\/strong> \u2013 Opdel siden i vandrette omr\u00e5der. Hver sektion kan have sin egen baggrundsfarve eller baggrundsbillede.<\/li>\n\n\n\nKolonner<\/strong> \u2013 Opdel indholdet i en sektion i flere lodrette kolonner.<\/li>\n\n\n\nAdskiller<\/strong> \u2013 Tilf\u00f8j en tynd linje for at adskille elementer eller sektioner visuelt.<\/li>\n<\/ul>\n\n\n\nTypografi<\/strong><\/p>\n\n\n\n\nOverskrift<\/strong> \u2013 Tilf\u00f8j overskrifter i forskellige st\u00f8rrelser (H1, H2, H3, H4).<\/li>\n\n\n\nBr\u00f8dtekst<\/strong> \u2013 Inds\u00e6t l\u00e6ngere tekstafsnit eller korte beskrivelser.<\/li>\n<\/ul>\n\n\n\nMedier<\/strong><\/p>\n\n\n\n\nBillede<\/strong> \u2013 Tilf\u00f8j et billede fra dit mediebibliotek.<\/li>\n\n\n\nVideo<\/strong> \u2013 Inds\u00e6t en video (link fra YouTube eller Vimeo underst\u00f8ttes).<\/li>\n<\/ul>\n\n\n\nKomponenter<\/strong><\/p>\n\n\n\n\nKort<\/strong> \u2013 Vis et kort baseret p\u00e5 den adresse, der er angivet som arrangementets lokation. Du kan ogs\u00e5 manuelt indtaste en anden adresse i kortets v\u00e6rkt\u00f8jskasse til h\u00f8jre.<\/li>\n\n\n\nKnap<\/strong> \u2013 Tilf\u00f8j en klikbar knap, der linker til en side p\u00e5 dit website eller en ekstern side.<\/li>\n\n\n\nLogo<\/strong> \u2013 Inds\u00e6t dit logo. Logoelementet kan kun placeres i headeromr\u00e5det, hvis der ikke allerede er et logo der.<\/li>\n<\/ul>\n\n\n\nTip:<\/strong> Hvis du vil flytte et element, skal du slette det og placere det igen p\u00e5 den \u00f8nskede position.<\/p>\n\n\n\nS\u00e5dan bruger du kolonner<\/h3>\n\n\n\n Du kan bruge Kolonner<\/strong> til at organisere indhold side om side \u2013 fx tekst ved siden af et billede.<\/p>\n\n\n\nS\u00e5dan tilf\u00f8jer du kolonner:<\/p>\n\n\n\n
\nKlik p\u00e5 Element<\/strong>-ikonet (\u2795) i venstre sidebj\u00e6lke.<\/li>\n\n\n\nUnder Layout<\/strong>, tr\u00e6k Kolonne<\/strong>-elementet ind p\u00e5 siden.<\/li>\n<\/ul>\n\n\n\n\nUnder Layout<\/strong> i kolonnens v\u00e6rkt\u00f8jskasse kan du v\u00e6lge antallet af kolonner (fx 2, 3 eller 4) og justere, hvor meget plads hver kolonne skal optage, ved hj\u00e6lp af Tilpas<\/strong>-slideren.<\/li>\n<\/ul>\n\n\n\nInde i hvert stiplet rektangel kan du nu tr\u00e6kke andre elementer ind \u2013 fx Overskrift<\/strong>, Tekst<\/strong> eller Billede<\/strong>.<\/p>\n\n\n\nHver kolonne fungerer som et selvst\u00e6ndigt omr\u00e5de, hvor du kan placere og formatere indhold separat.<\/p>\n\n\n\n
Hvis du vil slette kolonnerne, skal du klikke p\u00e5 dem og v\u00e6lge Slet element<\/strong> i v\u00e6rkt\u00f8jskassen.<\/p>\n\n\n\nInds\u00e6t pr\u00e6definerede sektioner<\/h3>\n\n\n\n Du kan ogs\u00e5 tilf\u00f8je f\u00e6rdige indholdssektioner i Website-Designeren.
S\u00e5dan inds\u00e6tter du en pr\u00e6defineret sektion:<\/p>\n\n\n\n
\nF\u00f8r musen hen mellem to sektioner p\u00e5 siden.<\/li>\n<\/ul>\n\n\n\n\nKlik p\u00e5 plus-ikonet (\u2795)<\/strong>, der vises.<\/li>\n<\/ul>\n\n\n\n\nV\u00e6lg en af de tilg\u00e6ngelige ops\u00e6tninger \u2013 fx Intro med billede og tekst<\/strong>, Tekst og video<\/strong> eller Tekst og knapper<\/strong>.<\/li>\n<\/ul>\n\n\n\n\nDen valgte ops\u00e6tning tilf\u00f8jes til din side. Du kan derefter erstatte eksempelindholdet med din egen tekst, billeder eller videoer.<\/li>\n<\/ul>\n\n\n\nGlobale indstillinger<\/h3>\n\n\n\n Klik p\u00e5 Indstillinger<\/strong>-ikonet (\u2699\ufe0f)<\/strong> i venstre sidebj\u00e6lke for at \u00e5bne de globale indstillinger for dit website.<\/p>\n\n\n\nHer kan du definere standardtypografien for overskrifter, br\u00f8dtekst, knapper og links.<\/p>\n\n\n\nDisse indstillinger g\u00e6lder for hele dit website \u2013 ogs\u00e5 tilmeldingssiden.<\/strong><\/p>\n\n\n\nFx:<\/p>\n\n\n\n
\nUnder Overskrifter<\/strong> kan du angive standardskrifttype, st\u00f8rrelse og farve for alle overskrifter (H1\u2013H4).<\/li>\n\n\n\nUnder Br\u00f8dtekst<\/strong> kan du definere generel skrifttype og linjeafstand.<\/li>\n\n\n\nUnder Knapstil 1<\/strong> og Knapstil 2<\/strong> kan du angive standardudseendet for dine knapper.<\/li>\n\n\n\nUnder Links<\/strong> kan du v\u00e6lge farve og hover-effekt for hyperlinks.<\/li>\n<\/ul>\n\n\n\nN\u00e5r du inds\u00e6tter et nyt element som fx en overskrift eller br\u00f8dtekst, bruger det automatisk disse standardindstillinger.
\n
\n
\n
Elisabeth Bj\u00f8rn Andersen<\/div>\n
Udgivet: 06.11.2025<\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
I Website-Designeren kan du tilf\u00f8je forskellige typer elementer for at opbygge og tilpasse dit website \u2013 fx tekst, billeder, videoer, knapper eller kolonner. Elementerne g\u00f8r det muligt at strukturere indholdet visuelt og skabe et layout, der passer til dine behov. Klik her for at l\u00e6se mere om, hvordan du inds\u00e6tter billeder i Website-Designeren \u2013 som … <\/p>\n
L\u00e6s resten<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[377],"ht-kb-tag":[318,395,140,5771],"class_list":["post-9965","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-supportartikler","ht_kb_tag-designer-da","ht_kb_tag-elementer","ht_kb_tag-elements","ht_kb_tag-website","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/9965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/comments?post=9965"}],"version-history":[{"count":23,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/9965\/revisions"}],"predecessor-version":[{"id":13060,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/9965\/revisions\/13060"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=9965"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=9965"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=9965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-740-3-1024x466.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-740-5-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-741-1-1-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-742-1024x487.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-746.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-744-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-745-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-747-1024x502.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-748.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-749.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-750.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-751.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-752-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-753.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-754-1024x487.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-755-1-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-756-1-1024x489.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-757-1-1024x489.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-758-1-1024x487.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-777.png\")
<\/figure>\n\n\n\n![\"Elisabeth](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\")
\n