{"id":787,"date":"2025-03-20T14:37:45","date_gmt":"2025-03-20T14:37:45","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/indsaet-billede-i-website-designer\/"},"modified":"2025-11-05T13:07:03","modified_gmt":"2025-11-05T13:07:03","slug":"indsaet-billede-i-website-designer","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/indsaet-billede-i-website-designer\/","title":{"rendered":"Inds\u00e6t billede i Website Designer"},"content":{"rendered":"\n<p>Du kan tilf\u00f8je billeder b\u00e5de som baggrundsbilleder og som elementer p\u00e5 din hjemmeside. P\u00e5 denne m\u00e5de kan du g\u00f8re dit website mere visuelt appellerende og give de bes\u00f8gende et st\u00f8rre indtryk. <\/p>\n\n\n\n<p>Husk at visningen af hjemmesiden p\u00e5 mindre enheder s\u00e5som tablets og telefoner g\u00f8r, at baggrundsbilleder bliver besk\u00e5ret efter enhedens st\u00f8rrelse, hvorimod billeder som elementer bliver skaleret efter enhedens st\u00f8rrelse. Derfor egner de billeder sig bedst som baggrund, der er abstrakte eller sceniske i karakter. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Inds\u00e6t billede som baggrund<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>G\u00e5 til <strong>Website<\/strong> og <strong>Ops\u00e6tning og aktivering<\/strong>.<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>\u00c5bn Website Designer<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708-1024x463.png\" alt=\"\" class=\"wp-image-9526\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708-1024x463.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708-300x136.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708-768x347.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708-50x23.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-708.png 1445w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 ikonet <strong>Indstillinger<\/strong> i venstre sidepanel.<\/li>\n<\/ul>\n\n\n\n<p>Under <strong>Indstillinger<\/strong> og <strong>Baggrund<\/strong> kan du tilf\u00f8je enten en baggrundsfarve eller et billede.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 <strong>V\u00e6lg billede<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"455\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-141.png\" alt=\"\" class=\"wp-image-1900\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-141.png 993w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-141-300x137.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-141-768x352.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-141-50x23.png 50w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/figure>\n\n\n\n<p>Hvis du ikke allerede har uploadet dit billede til mediearkivet, skal du klikke p\u00e5 <strong>Upload filer<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 <strong>V\u00e6lg filer til upload eller tr\u00e6k filer hertil<\/strong><\/li>\n\n\n\n<li>V\u00e6lg billedet fra din stifinder<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>Upload<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142-1024x486.png\" alt=\"\" class=\"wp-image-1904\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142-1024x486.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142-300x142.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-142.png 1139w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nu er dit billede i mediearkivet og kan genbruges ved andre lejligheder.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 billedet i mediearkivet, s\u00e5 det f\u00e5r en gr\u00f8n omrids<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>Udf\u00f8r<\/strong><\/li>\n<\/ul>\n\n\n\n<p>I venstre sidepanel kan du nu tilpasse, om billedet skal udfyldes til bredden eller begr\u00e6nses i bredde. Hvis billedets st\u00f8rrelse er lille, kan du ogs\u00e5 her v\u00e6lge, hvordan det skal gentages. Husk at gemme dine fremskridt.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"516\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-143.png\" alt=\"\" class=\"wp-image-1908\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-143.png 272w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-143-158x300.png 158w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-143-26x50.png 26w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Inds\u00e6t billede som baggrund i sektion<\/h3>\n\n\n\n<p>Hvis du \u00f8nsker, kun at bruge et billede som baggrund i en enkelt sektion, har du ogs\u00e5 mulighed for dette.<br>F\u00f8lg de samme trin som ovenfor, men n\u00e5r du st\u00e5r inde i Website Designer skal du nu v\u00e6lge sektionen, du \u00f8nsker billedet i. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 den \u00f8nskede sektion<\/li>\n\n\n\n<li>I h\u00f8jre sidepanel har du nu v\u00e6rkt\u00f8jskassen <strong>Sektion<\/strong><\/li>\n\n\n\n<li>Rul menuen ud for <strong>Baggrund<\/strong><\/li>\n\n\n\n<li>Klik p\u00e5 <strong>V\u00e6lg billede<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144-1024x467.png\" alt=\"\" class=\"wp-image-1912\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144-1024x467.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144-300x137.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144-768x350.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144-50x23.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-144.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>F\u00f8lg derefter de samme trin som ovenfor, v\u00e6lg billedet fra mediebiblioteket, og tilpas billedet til sektionen. Husk at gemme dine fremskridt. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Inds\u00e6t billede som element<\/h3>\n\n\n\n<p>Du kan ogs\u00e5 inds\u00e6tte et billede som element i midtersektionen eller footeren p\u00e5 dit website. Billeder kan ogs\u00e5 indg\u00e5 i kolonner, hvis du fx \u00f8nsker en ops\u00e6tning med b\u00e5de billeder og tekst side om side. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>G\u00e5 ind i <strong>Website Designer<\/strong> og st\u00e5 p\u00e5 den side, du \u00f8nsker dit billede.<\/li>\n\n\n\n<li>Klik p\u00e5 ikonet <strong>Elementer<\/strong> i venstre sidepanel.<\/li>\n\n\n\n<li>Find <strong>Billede<\/strong> under medier.<\/li>\n\n\n\n<li>Tr\u00e6k elementet ind p\u00e5 siden.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145-1024x465.png\" alt=\"\" class=\"wp-image-1916\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145-1024x465.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145-300x136.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145-768x349.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145-50x23.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-145.png 1094w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Elementet kan kun placeres i de striblede rektangler<\/p>\n\n\n\n<p>N\u00e5r du holder i elementet med musetasten og tr\u00e6kker det ind p\u00e5 siden, kan du se p\u00e5 mark\u00f8ren, om du er ved at placere elementet korrekt. Hvis din mark\u00f8r er r\u00f8d, betyder det, at du ikke rammer en striblet rektangel. N\u00e5r du slipper elementet i en striblet rektangel, vil der fremg\u00e5 et kamera med en streg over. Det er en pladsholder, hvor vi nu skal inds\u00e6tte selve billedet.   <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik p\u00e5 elementet for <strong>Billede<\/strong>, som er et kamera-symbol.<\/li>\n\n\n\n<li>I h\u00f8jre sidepanel har du v\u00e6rkt\u00f8jskassen <strong>Billede<\/strong>.<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>V\u00e6lg billede<\/strong> under <strong>Layout<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146-1024x467.png\" alt=\"\" class=\"wp-image-1920\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146-1024x467.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146-300x137.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146-768x350.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146-50x23.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Group-146.png 1070w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hvis du ikke allerede har uploadet dit billede til mediearkivet, f\u00f8lg da vejledningen l\u00e6ngere oppe.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e6lg billedet, du \u00f8nsker, s\u00e5 det har et gr\u00f8nt omrids.<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>Udf\u00f8r<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Du kan justere bredden og h\u00f8jden p\u00e5 billedet i v\u00e6rkt\u00f8jskasse i h\u00f8jre panel samt marginerne mellem billedelementet og \u00f8vrige elementer p\u00e5 siden. Husk at gemme dine fremskridt. <\/p>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/04\/image-5.png\" alt=\"Gu\u00f0ri\u00f0 Simonsen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\">\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Gu\u00f0ri\u00f0 Simonsen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Udgivet: 01.06.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Du kan tilf\u00f8je billeder b\u00e5de som baggrundsbilleder og som elementer p\u00e5 din hjemmeside. P\u00e5 denne m\u00e5de kan du g\u00f8re dit website mere visuelt appellerende og give de bes\u00f8gende et st\u00f8rre indtryk. Husk at visningen af hjemmesiden p\u00e5 mindre enheder s\u00e5som tablets og telefoner g\u00f8r, at baggrundsbilleder bliver besk\u00e5ret efter enhedens st\u00f8rrelse, hvorimod billeder som elementer &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/indsaet-billede-i-website-designer\/\" class=\"more-link\">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":[1650,1652,245,1649,1655,1651,1658,2567,1656,1657,1653,1654,1072,313],"class_list":["post-787","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-supportartikler","ht_kb_tag-baggrundsbillede","ht_kb_tag-billedelement","ht_kb_tag-conference-manager-da","ht_kb_tag-indsaet-billede","ht_kb_tag-layout-3","ht_kb_tag-mediebibliotek-2","ht_kb_tag-responsivt-design","ht_kb_tag-responsivt-design-da","ht_kb_tag-sektion-med-baggrund","ht_kb_tag-tilpasning-af-hjemmeside","ht_kb_tag-upload-billede","ht_kb_tag-visuelt-design","ht_kb_tag-website-designer-3","ht_kb_tag-webstedsdesigner","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/787","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=787"}],"version-history":[{"count":8,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/787\/revisions"}],"predecessor-version":[{"id":9531,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/787\/revisions\/9531"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=787"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=787"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}