{"id":12166,"date":"2025-12-19T14:34:49","date_gmt":"2025-12-19T14:34:49","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=12166"},"modified":"2026-01-22T09:24:15","modified_gmt":"2026-01-22T09:24:15","slug":"inspirationsbibliotek-til-websites","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/inspirationsbibliotek-til-websites\/","title":{"rendered":"Inspirationsbibliotek til websites"},"content":{"rendered":"\n<p><strong>P\u00e5 denne side kan du udforske tre inspirationsarrangementer, der viser forskellige m\u00e5der at opbygge et arrangementswebsite i Conference Manager p\u00e5.<\/strong><\/p>\n\n\n\n<p>Hvert eksempel er baseret p\u00e5 et forskelligt website-tema \u2014 <strong>Tema A<\/strong>,<strong> Tema B<\/strong> og <strong>Tema C<\/strong> \u2014 og viser, hvordan layout, struktur og visuelt udtryk kan variere, samtidig med at den samme underliggende funktionalitet i Conference Manager anvendes.<\/p>\n\n\n\n<p>Du er velkommen til at tilmelde dig inspirationsarrangementerne for at opleve hele flowet \u2013 fra at udforske websitet og programmet til at gennemf\u00f8re tilmeldingen og modtage bekr\u00e6ftelsesmailen.<\/p>\n\n\n\n<p>Eksemplerne er udviklet for at give dig inspiration til, hvordan du kan kombinere temaer, struktur og visuelle elementer, n\u00e5r du opretter dit eget arrangementswebsite \u2013 afh\u00e6ngigt af dine behov, dit indhold og dit brand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tema A<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1840\" height=\"880\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/12\/Design-uden-navn-2.gif\" alt=\"\" class=\"wp-image-12117\" style=\"width:640px;height:auto\"\/><\/figure>\n\n\n\n<style>\n  .pdf-button-a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    padding: 0 28px;\n    border-radius: 6px;\n    font-family: \"Titillium Web\", Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    background: linear-gradient(90deg, #185ABC 0%, #12202E 100%);\n    text-decoration: none !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    transition: background 0.3s ease;\n  }\n\n  .pdf-button-a:hover,\n  .pdf-button-a:visited,\n  .pdf-button-a:active,\n  .pdf-button-a:focus {\n    background: linear-gradient(90deg, #9CCC3D 0%, #7BB92D 100%);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n<\/style>\n\n<a href=\"https:\/\/www.conferencemanager.dk\/linkedinconference\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdf-button-a\">\n  Klik her for at tilg\u00e5 arrangementet\n<\/a>\n\n\n\n<p>Dette inspirationswebsite viser, hvordan et st\u00f8rre arrangement kan pr\u00e6senteres med Tema A som udgangspunkt, med underst\u00f8ttelse af b\u00e5de fysisk og online deltagelse samt valgfrie ekstra sessioner.<\/p>\n\n\n\n<p>Eksemplet har fokus p\u00e5 at pr\u00e6sentere et omfattende program med detaljerede beskrivelser af de enkelte programpunkter, s\u00e5 bes\u00f8gende kan f\u00e5 et klart overblik over arrangementets indhold inden tilmelding. Der er lagt s\u00e6rlig v\u00e6gt p\u00e5 pr\u00e6sentation af opl\u00e6gsholdere, herunder baggrundsinformation, der giver bes\u00f8gende indsigt i, hvem der bidrager til arrangementet.<\/p>\n\n\n\n<p>Opl\u00e6gsholderbilleder anvendes som interaktive elementer. Ved klik p\u00e5 et billede f\u00f8res brugeren til en side med yderligere information om den p\u00e5g\u00e6ldende opl\u00e6gsholder. Disse sider er ikke synlige i hovednavigationen, hvilket g\u00f8r det muligt at pr\u00e6sentere mere dybdeg\u00e5ende indhold uden at \u00f8ge kompleksiteten i navigationen.<\/p>\n\n\n\n<p>Websitet indeholder desuden feedback og udtalelser fra deltagere fra tidligere afholdelser, som giver indblik i tidligere erfaringer og perspektiver.<\/p>\n\n\n\n<p>I dette eksempel anvendes visuelle designvalg til at underst\u00f8tte strukturen og guide bes\u00f8gende gennem indholdet frem mod tilmelding. Disse valg er uafh\u00e6ngige af det valgte tema og kan tilpasses p\u00e5 tv\u00e6rs af forskellige temaer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tema B<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1840\" height=\"880\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/12\/Design-uden-navn-3-2.gif\" alt=\"\" class=\"wp-image-12155\" style=\"width:636px;height:auto\"\/><\/figure>\n\n\n\n<style>\n  .pdf-button-b {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    padding: 0 28px;\n    border-radius: 6px;\n    font-family: \"Titillium Web\", Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    background: linear-gradient(90deg, #185ABC 0%, #12202E 100%);\n    text-decoration: none !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    transition: background 0.3s ease;\n  }\n\n  .pdf-button-b:hover,\n  .pdf-button-b:visited,\n  .pdf-button-b:active,\n  .pdf-button-b:focus {\n    background: linear-gradient(90deg, #9CCC3D 0%, #7BB92D 100%);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n<\/style>\n\n<a href=\"https:\/\/www.conferencemanager.dk\/workshopsforall\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdf-button-b\">\n  Klik her for at tilg\u00e5 arrangementet\n<\/a>\n\n\n\n<p>I dette eksempel pr\u00e6senterer forsiden forskellige workshop-emner, som hver linker til en side p\u00e5 websitet med datoer at v\u00e6lge imellem. Knappen ud for hver dato f\u00f8rer til sin egen deltagerkategori inden for det samme arrangement i Conference Manager. <\/p>\n\n\n\n<p>Alle deltagerkategorier er oprettet som skjulte, og adgangen til hver kategori h\u00e5ndteres via eventkode-links, som f\u00f8rer direkte til tilmeldingsflowet. Disse links er indlejret p\u00e5 websitet ved hj\u00e6lp af Website Designer, s\u00e5 deltagerne kan tilmelde sig den valgte workshop uden at skulle navigere via en generel tilmeldingsside.<\/p>\n\n\n\n<p>Selve tilmeldingssiden er skjult i websitenavigationen og kan kun tilg\u00e5s via eventkode-links. Dette sikrer, at deltagerne kun ser den workshop og den dato, de har valgt, samtidig med at arrang\u00f8ren bevarer \u00e9t samlet og struktureret arrangement med flere workshopdatoer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tema C<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1840\" height=\"880\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/12\/Design-uden-navn-4.gif\" alt=\"\" class=\"wp-image-12161\" style=\"width:638px;height:auto\"\/><\/figure>\n\n\n\n<style>\n  .pdf-button-c {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    padding: 0 28px;\n    border-radius: 6px;\n    font-family: \"Titillium Web\", Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    background: linear-gradient(90deg, #185ABC 0%, #12202E 100%);\n    text-decoration: none !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    transition: background 0.3s ease;\n  }\n\n  .pdf-button-c:hover,\n  .pdf-button-c:visited,\n  .pdf-button-c:active,\n  .pdf-button-c:focus {\n    background: linear-gradient(90deg, #9CCC3D 0%, #7BB92D 100%);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n<\/style>\n\n<a href=\"https:\/\/conferencemanager.events\/professionaldevelopmentday\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdf-button-c\">\n  Klik her for at tilg\u00e5 arrangementet\n<\/a>\n\n\n\n<p>Fokus i dette eksempel er p\u00e5 layout, struktur og visuel konsistens. Padding og afstande er justeret p\u00e5 tv\u00e6rs af de forskellige elementer for at sikre ren justering og et tydeligt visuelt hierarki p\u00e5 hele websitet.<\/p>\n\n\n\n<p>Navigationsmenuen i venstre side holdes synlig for at give adgang til centrale sektioner, mens en tydelig call-to-action-knap p\u00e5 forsiden linker direkte til tilmeldingssiden. Der er ogs\u00e5 oprettet en programside, hvor programmet automatisk hentes fra arrangementsops\u00e6tningen i Conference Manager og vises p\u00e5 websitet.<\/p>\n\n\n\n<p>Det visuelle design er baseret p\u00e5 en konsekvent brug af gr\u00f8n og hvid som prim\u00e6re farver, hvilket nemt kan tilpasses til din egen visuelle identitet. Dynamiske elementer er tilf\u00f8jet ved hj\u00e6lp af animerede billeder uploadet som GIF-filer, herunder animationer i logoet og p\u00e5 forsiden.<\/p>\n\n\n\n<p>Alle grafiske elementer i dette eksempel er designet i Canva og kombineret med standardfunktionalitet i Conference Manager. Det viser, hvordan eksterne designv\u00e6rkt\u00f8jer kan anvendes sammen med Conference Manager for at styrke det visuelle udtryk p\u00e5 et arrangementswebsite \u2013 frem for udelukkende at benytte Conference Manager alene.<\/p>\n\n\n\n<p>Billeder anvendes ogs\u00e5 som interaktive elementer, hvor links er indlejret direkte i grafikken \u2013 for eksempel til LinkedIn-profiler og til download af CM Events-appen.<\/p>\n\n\n\n<p>Form\u00e5let med dette eksempel er at give inspiration til, hvordan standardfunktionalitet i Conference Manager kan kombineres med visuelle designvalg og eksterne designv\u00e6rkt\u00f8jer for at skabe et klart, sammenh\u00e6ngende og engagerende arrangementswebsite.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vil du vide mere?<\/h3>\n\n\n\n<p>Se vores introduktionsvideo og f\u00e5 et overblik over, hvordan Website-Designeren fungerer <a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/online-introduktion-til-website-designer\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/online-introduction-to-website-designer\/\">her<\/a>, eller l\u00e6s vores trin-for-trin-guide til, hvordan du tilf\u00f8jer og administrerer elementer i Website-Designeren <a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/indsaet-elementer-i-website-designeren\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/insert-elements-in-the-website-designer\/\">her<\/a>.<\/p>\n\n\n\n<div class=\"author-box\"\n     style=\"padding: 24px 0;\n            font-family: 'Titillium Web', sans-serif;\n            margin-top: 40px;\n            border: none;\">\n\n  <!-- Meta (VENSTRE) -->\n  <div style=\"font-size: 15px; color: #555; margin-bottom: 32px;\">\n    <strong>Udgivet: 19.12.2025<\/strong>\n  <\/div>\n\n  <!-- Authors (CENTRERET) -->\n  <div style=\"\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;   \/* \u2190 centrer kun personerne *\/\n    gap: 28px;\n    flex-wrap: wrap;\n  \">\n\n    <!-- Sofia -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Sofia-Square-Profile-Image-2.png\"\n           alt=\"Sofia Gunilla Bergendal\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        Sofia Gunilla Bergendal\n      <\/div>\n    <\/div>\n\n    <!-- S\u00f8ren -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Soren-Square-Profile-Image.png\"\n           alt=\"S\u00f8ren Olsen\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        S\u00f8ren Olsen\n      <\/div>\n    <\/div>\n\n    <!-- Elisabeth -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\"\n           alt=\"Elisabeth Bj\u00f8rn Andersen\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        Elisabeth Bj\u00f8rn Andersen\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>P\u00e5 denne side kan du udforske tre inspirationsarrangementer, der viser forskellige m\u00e5der at opbygge et arrangementswebsite i Conference Manager p\u00e5. Hvert eksempel er baseret p\u00e5 et forskelligt website-tema \u2014 Tema A, Tema B og Tema C \u2014 og viser, hvordan layout, struktur og visuelt udtryk kan variere, samtidig med at den samme underliggende funktionalitet i &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/inspirationsbibliotek-til-websites\/\" 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":[260],"ht-kb-tag":[5769,1008,92],"class_list":["post-12166","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-blog-da","ht_kb_tag-eksempler","ht_kb_tag-inspiration-3","ht_kb_tag-website","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/12166","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=12166"}],"version-history":[{"count":8,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/12166\/revisions"}],"predecessor-version":[{"id":12218,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/12166\/revisions\/12218"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=12166"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=12166"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=12166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}