H\u00e4r ser du olika elementtyper indelade i kategorierna Layout<\/strong>, Typografi<\/strong>, Medier<\/strong> och Komponenter<\/strong>.<\/p>\n\n\n\n\nHitta elementet du vill l\u00e4gga in \u2014 till exempel \u00d6verskrift<\/strong>, Bild<\/strong>, Knapp<\/strong> eller Kolumner<\/strong>.<\/li>\n\n\n\nH\u00e5ll ned musknappen och dra elementet in p\u00e5 sidan<\/strong>.<\/li>\n<\/ul>\n\n\n\nElement kan endast placeras inuti de streckade rektanglarna.<\/strong><\/p>\n\n\n\nN\u00e4r du h\u00e5ller elementet och f\u00f6r det \u00f6ver sidan kan du se via mark\u00f6ren om du placerar det korrekt:<\/p>\n\n\n\n\nR\u00f6d cirkel:<\/strong> du tr\u00e4ffar inte en streckad rektangel.<\/li>\n\n\n\nVit (normal) mark\u00f6r med streckad fyrkant under:<\/strong> du kan placera elementet h\u00e4r.<\/li>\n<\/ul>\n\n\n\nSl\u00e4pp musknappen n\u00e4r mark\u00f6ren \u00e4r normal \u2014 elementet visas nu p\u00e5 sidan.<\/p>\n\n\n\nRedigera elementet<\/h3>\n\n\n\n N\u00e4r elementet har placerats kan du redigera och anpassa det med verktygen i sidopanelen till h\u00f6ger.Redigera<\/strong>-ikonen (\u270f\ufe0f) p\u00e5 elementet f\u00f6r att \u00f6ppna verktygsl\u00e5dan.<\/p>\n\n\n\n\nKlicka p\u00e5 elementet du vill redigera.<\/li>\n\n\n\n Justera inst\u00e4llningarna i verktygsl\u00e5dan till h\u00f6ger.<\/li>\n\n\n\n Kom ih\u00e5g att spara regelbundet.<\/li>\n<\/ul>\n\n\n\nTillg\u00e4ngliga element<\/h3>\n\n\n\n Du kan kombinera olika typer av element f\u00f6r att bygga upp layouten p\u00e5 din webbplats.Elements<\/strong>-panelen.<\/p>\n\n\n\nLayout<\/strong><\/p>\n\n\n\n\nSektion<\/strong> \u2013 dela sidan i horisontella omr\u00e5den. Varje sektion kan ha egen bakgrundsf\u00e4rg eller bakgrundsbild.<\/li>\n\n\n\nKolumner<\/strong><\/strong> \u2013 dela inneh\u00e5llet i en sektion i flera vertikala kolumner.<\/li>\n\n\n\nUppdelning<\/strong> \u2013 l\u00e4gg till en tunn linje f\u00f6r att visuellt avgr\u00e4nsa element eller sektioner.<\/li>\n<\/ul>\n\n\n\nTypografi<\/strong><\/strong><\/p>\n\n\n\n\n\u00d6verskrift<\/strong> \u2013 l\u00e4gg till rubriker i olika storlekar (H1, H2, H3, H4).<\/li>\n\n\n\nBr\u00f6dtext<\/strong> \u2013 l\u00e4gg in l\u00e4ngre textblock eller korta beskrivningar.<\/li>\n<\/ul>\n\n\n\nMedier<\/strong><\/p>\n\n\n\n\nBild<\/strong> \u2013 l\u00e4gg till en bild fr\u00e5n ditt mediebibliotek.<\/li>\n\n\n\nVideo<\/strong> \u2013 b\u00e4dda in en video (fr\u00e5n YouTube eller Vimeo).<\/li>\n<\/ul>\n\n\n\nKomponenter<\/strong><\/strong><\/p>\n\n\n\n\nKarta<\/strong> \u2013 visa en karta baserad p\u00e5 evenemangsadressen. Du kan \u00e4ven ange en annan adress manuellt i kartinst\u00e4llningarna.<\/li>\n\n\n\nKnapp<\/strong> \u2013 l\u00e4gg till en klickbar knapp som l\u00e4nkar till en sida p\u00e5 webbplatsen eller till en extern sida.<\/li>\n\n\n\nLogga<\/strong> \u2013 l\u00e4gg in evenemangets logga. Logga-elementet kan endast placeras i headern om det inte redan finns en logga d\u00e4r.<\/li>\n<\/ul>\n\n\n\nTips:<\/strong> Om du vill flytta ett element beh\u00f6ver du ta bort det och placera det igen p\u00e5 den nya platsen.<\/p>\n\n\n\nArbeta med kolumner<\/h3>\n\n\n\n Du kan anv\u00e4nda Kolumner<\/strong> f\u00f6r att organisera inneh\u00e5ll sida vid sida \u2014 till exempel text bredvid en bild, eller flera funktioner i rad.<\/p>\n\n\n\nS\u00e5 l\u00e4gger du in kolumner:<\/p>\n\n\n\n
\nKlicka p\u00e5 Element<\/strong>-ikonen i sidomenyn<\/li>\n\n\n\nUnder Layout<\/strong>, dra in elementet Kolumner<\/strong> p\u00e5 sidan.<\/li>\n<\/ul>\n\n\n\n\nUnder Layout <\/strong>i verktygsl\u00e5dan f\u00f6r Kolumner<\/strong> v\u00e4ljer du hur m\u00e5nga kolumner du vill ha (t.ex. 2, 3 eller 4), och justerar hur mycket utrymme varje kolumn ska ta med reglaget Anpassa<\/strong>.<\/li>\n<\/ul>\n\n\n\nInuti varje streckad rektangel kan du nu dra in andra element \u2014 s\u00e5som \u00d6verskrift<\/strong>, Br\u00f6dtext<\/strong> eller Bild<\/strong>:<\/p>\n\n\n\nVarje kolumn fungerar som ett eget omr\u00e5de d\u00e4r du kan placera och formatera inneh\u00e5ll separat.<\/p>\n\n\n\n
Om du vill ta bort kolumnerna, klicka p\u00e5 dem och v\u00e4lj Ta bort element<\/strong> i verktygsl\u00e5dan.<\/p>\n\n\n\nL\u00e4gg in f\u00f6rdefinierade sektioner<\/h3>\n\n\n\n Du kan ocks\u00e5 l\u00e4gga in f\u00e4rdiga inneh\u00e5llssektioner i Website Designer.
S\u00e5 l\u00e4gger du in en f\u00f6rdefinierad sektion:<\/p>\n\n\n\n
\nH\u00e5ll muspekaren mellan tv\u00e5 sektioner p\u00e5 sidan.<\/li>\n<\/ul>\n\n\n\n\nKlicka p\u00e5 plusikonen (\u2795)<\/strong> som visas.<\/li>\n<\/ul>\n\n\n\n\nV\u00e4lj en av de tillg\u00e4ngliga konfigurationerna \u2014 till exempel Introbild och text<\/strong>, Text och video<\/strong> eller Text och knappar<\/strong>.<\/li>\n<\/ul>\n\n\n\n\nSektionen l\u00e4ggs till p\u00e5 sidan, och du kan ers\u00e4tta exempelinneh\u00e5llet med eget material.<\/li>\n<\/ul>\n\n\n\nGlobala inst\u00e4llningar<\/h3>\n\n\n\n Klicka p\u00e5 Inst\u00e4llningar<\/strong>-ikonen (\u2699\ufe0f)<\/strong> i sidomenyn till v\u00e4nster f\u00f6r att \u00f6ppna de globala inst\u00e4llningarna f\u00f6r din webbplats.<\/p>\n\n\n\nH\u00e4r kan du definiera standardstilar f\u00f6r \u00f6verskrifter, br\u00f6dtext, knappar och l\u00e4nkar.<\/p>\n\n\n\nDessa inst\u00e4llningar g\u00e4ller f\u00f6r hela webbplatsen \u2014 \u00e4ven registreringssidan.<\/strong><\/strong><\/p>\n\n\n\nExempel:<\/p>\n\n\n\n
\nUnder \u00d6verskrifter<\/strong> kan du st\u00e4lla in teckensnitt, storlek och f\u00e4rg f\u00f6r H1\u2013H4.<\/li>\n\n\n\nUnder Br\u00f6dtext <\/strong>kan du ange teckenstil och styckeavst\u00e5nd.<\/li>\n\n\n\nUnder Knappstil 1 <\/strong>och Knappstil 2 <\/strong>kan du definiera standardutseende.<\/li>\n\n\n\nUnder L\u00e4nkar<\/strong> kan du v\u00e4lja f\u00e4rg och hover-beteende.<\/li>\n<\/ul>\n\n\n\nN\u00e4r du l\u00e4gger in ett nytt element anv\u00e4nds standardstilen automatiskt \u2014 men du kan fortfarande \u00e4ndra det i efterhand i elementets verktygsl\u00e5da.<\/p>\n\n\n\n
\n
\n
\n
Elisabeth Bj\u00f8rn Andersen<\/div>\n
Publicerad: 2025.11.06<\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
I Website Designer kan du l\u00e4gga till olika typer av element f\u00f6r att bygga och anpassa din webbplats \u2014 t.ex text, bilder, videor, knappar eller kolumner. Element g\u00f6r det m\u00f6jligt att strukturera ditt inneh\u00e5ll visuellt och skapa en layout som passar dina behov. Klicka h\u00e4r f\u00f6r att l\u00e4sa mer om hur du l\u00e4gger in bilder … <\/p>\n
Forts\u00e4tt l\u00e4sa \u201dL\u00e4gg in element i Website Designer\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[437],"ht-kb-tag":[482,5778,5779],"class_list":["post-11622","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-artiklar-for-support","ht_kb_tag-designer-sv","ht_kb_tag-element","ht_kb_tag-website","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/11622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/comments?post=11622"}],"version-history":[{"count":32,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/11622\/revisions"}],"predecessor-version":[{"id":11664,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/11622\/revisions\/11664"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=11622"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=11622"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=11622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-741-1-1024x466.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-709-1024x485.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-711-1-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-715-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-713-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-716-1-1024x488.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-717.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-718-1024x501.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-725.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-726.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-732.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-733-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-721-1024x487.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-722-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-723-1024x485.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-731-1-1-1024x529.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/image-307-1024x531.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/image-308-1024x530.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-1024x486.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-778.png\")
<\/figure>\n\n\n\n![\"Elisabeth](\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\")
\n