{"id":12211,"date":"2025-12-19T14:34:49","date_gmt":"2025-12-19T14:34:49","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=12211"},"modified":"2025-12-19T14:34:50","modified_gmt":"2025-12-19T14:34:50","slug":"inspirationsbibliotek-for-webbplatser","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/inspirationsbibliotek-for-webbplatser\/","title":{"rendered":"Inspirationsbibliotek f\u00f6r webbplatser"},"content":{"rendered":"\n<p><strong>P\u00e5 den h\u00e4r sidan kan du utforska tre inspirations\u00adevenemang som visar olika s\u00e4tt att bygga upp en evenemangswebbplats i Conference Manager.<\/strong><\/p>\n\n\n\n<p>Varje exempel utg\u00e5r fr\u00e5n vart sitt webbplatstema \u2014 <strong>Tema A<\/strong>, <strong>Tema B<\/strong> och <strong>Tema C<\/strong> \u2014 och visar hur layout, struktur och visuellt uttryck kan variera, samtidigt som att samma underliggande funktionalitet i Conference Manager anv\u00e4nds.<\/p>\n\n\n\n<p>Du \u00e4r v\u00e4lkommen att registrera dig p\u00e5 inspirations\u00adevenemangen f\u00f6r att uppleva hela fl\u00f6det \u2013 fr\u00e5n att utforska webbplatsen och programmet till att genomf\u00f6ra registreringen och ta emot bekr\u00e4ftelse\u00adkommunikationen.<\/p>\n\n\n\n<p>Exemplen \u00e4r framtagna f\u00f6r att ge dig inspiration till hur du kan kombinera teman, struktur och visuella element n\u00e4r du skapar din egen evenemangswebbplats, beroende p\u00e5 dina behov, ditt inneh\u00e5ll och ditt varum\u00e4rke.<\/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  Klicka h\u00e4r f\u00f6r att g\u00e5 till evenemanget\n<\/a>\n\n\n\n<p>Denna inspirationswebbplats visar hur ett st\u00f6rre evenemang kan presenteras med Tema A som utg\u00e5ngspunkt, med st\u00f6d f\u00f6r b\u00e5de fysiskt och digitalt deltagande samt valbara till\u00e4ggs\u00adsessioner.<\/p>\n\n\n\n<p>Exemplet fokuserar p\u00e5 att presentera ett omfattande program med detaljerade beskrivningar av varje programpunkt, s\u00e5 att bes\u00f6kare kan f\u00e5 en tydlig \u00f6verblick \u00f6ver evenemangets inneh\u00e5ll innan de registrerar sig. S\u00e4rskild vikt har lagts vid presentationen av talare, inklusive bakgrundsinformation som hj\u00e4lper bes\u00f6kare att f\u00f6rst\u00e5 vilka som medverkar i evenemanget.<\/p>\n\n\n\n<p>Talarnas bilder anv\u00e4nds som interaktiva element. Genom att klicka p\u00e5 en talarbild kommer man till en dedikerad sida med ytterligare information om talaren. Dessa sidor visas inte i huvudnavigeringen, vilket g\u00f6r det m\u00f6jligt att erbjuda mer f\u00f6rdjupat inneh\u00e5ll utan att g\u00f6ra navigeringen mer komplex.<\/p>\n\n\n\n<p>Webbplatsen inneh\u00e5ller \u00e4ven feedback och omd\u00f6men fr\u00e5n deltagare i tidigare evenemang, vilket ger insikt i tidigare erfarenheter och perspektiv.<\/p>\n\n\n\n<p>I detta exempel anv\u00e4nds visuella designval f\u00f6r att st\u00f6dja strukturen och leda bes\u00f6kare genom inneh\u00e5llet fram till registreringen. Dessa val \u00e4r oberoende av valt tema och kan anpassas till andra teman.<\/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  Klicka h\u00e4r f\u00f6r att g\u00e5 till evenemanget\n<\/a>\n\n\n\n<p>I detta exemplet visas en rad workshop-\u00e4mnen p\u00e5 f\u00f6rstasidan, d\u00e4r varje \u00e4mne l\u00e4nkar till en egen sida p\u00e5 webbplatsen d\u00e4r man kan v\u00e4lja mellan flera datum. Knappen bredvid varje datum g\u00e5r till en separat deltagarkategori inom samma evenemang i Conference Manager.<\/p>\n\n\n\n<p>All deltagarkategorierna har satts upp som dolda kategorier och \u00e5tkomst till varje av dem hanteras via eventkod-l\u00e4nkar som leder direkt till registreringsfl\u00f6det. Dessa l\u00e4nkar \u00e4r inb\u00e4ddade p\u00e5 webbplatsen via Website Designer, vilket g\u00f6r det m\u00f6jligt f\u00f6r deltagare att registrera sig till vald workshop utan att beh\u00f6va g\u00e5 via en generell registreringssida.<\/p>\n\n\n\n<p>Sj\u00e4lva registreringssidan \u00e4r dold i webbplatsens navigering och kan endast n\u00e5s via eventkod-l\u00e4nkarna. Detta s\u00e4kerst\u00e4ller att deltagare endast ser den workshop och det datum de har valt, samtidigt som arrang\u00f6ren beh\u00e5ller ett samlat och strukturerat evenemang med flera workshop-datum.<\/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  Klicka h\u00e4r f\u00f6r att g\u00e5 till evenemanget\n<\/a>\n\n\n\n<p>Fokus i detta exempel ligger p\u00e5 layout, struktur och visuell konsekvens. Marginaler och mellanrum har justerats mellan olika element f\u00f6r att s\u00e4kerst\u00e4lla tydlig linjering och en klar visuell hierarki \u00f6ver hela webbplatsen.<\/p>\n\n\n\n<p>Navigeringsmenyn p\u00e5 v\u00e4nster sida h\u00e5lls synlig f\u00f6r att ge tillg\u00e5ng till viktiga sektioner, medan en tydlig call-to-action-knapp p\u00e5 startsidan l\u00e4nkar direkt till registreringssidan. En s\u00e4rskild programsida har ocks\u00e5 skapats, d\u00e4r programmet automatiskt h\u00e4mtas fr\u00e5n evenemangs\u00adinst\u00e4llningarna i Conference Manager och visas p\u00e5 webbplatsen.<\/p>\n\n\n\n<p>Den visuella designen bygger p\u00e5 en konsekvent anv\u00e4ndning av gr\u00f6nt och vitt som prim\u00e4ra f\u00e4rger, vilket enkelt kan anpassas till den egna varum\u00e4rkesidentiteten. Dynamiska element har lagts till med hj\u00e4lp av animerade bilder i GIF-format, bland annat animationer i logotypen och p\u00e5 startsidan.<\/p>\n\n\n\n<p>All grafik som anv\u00e4nds i detta exempel har skapats i Canva och kombinerats med standardfunktionalitet i Conference Manager. Detta visar hur externa designverktyg kan anv\u00e4ndas tillsammans med Conference Manager f\u00f6r att f\u00f6rst\u00e4rka det visuella uttrycket p\u00e5 en evenemangswebbplats, ist\u00e4llet f\u00f6r att enbart f\u00f6rlita sig p\u00e5 Conference Manager.<\/p>\n\n\n\n<p>Bilder anv\u00e4nds \u00e4ven som interaktiva element, d\u00e4r l\u00e4nkar \u00e4r inb\u00e4ddade direkt i det visuella inneh\u00e5llet \u2013 till exempel till LinkedIn-profiler och f\u00f6r nedladdning av CM Events-appen.<\/p>\n\n\n\n<p>Syftet med detta exempel \u00e4r att ge inspiration till hur standardfunktionalitet i Conference Manager kan kombineras med visuella designval och externa designverktyg f\u00f6r att skapa en tydlig, sammanh\u00e5llen och engagerande evenemangswebbplats.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vill du veta mer?<\/h3>\n\n\n\n<p>Se v\u00e5r introduktionsvideo <a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/videointroduktion-till-website-designer-pa-engelska\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/online-introduction-to-website-designer\/\">h\u00e4r <\/a>f\u00f6r att f\u00e5 en \u00f6versikt \u00f6ver hur Website Designer fungerar, eller l\u00e4s v\u00e5r steg-f\u00f6r-steg-guide <a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/lagg-in-element-i-website-designer\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/insert-elements-in-the-website-designer\/\">h\u00e4r<\/a> om hur du l\u00e4gger till och hanterar element i Website Designer.<\/p>\n\n\n\n<div class=\"author-box\" style=\"padding: 24px 0; font-family: 'Titillium Web', sans-serif; margin-top: 40px; border: none;\">\n\n  <!-- Meta (VENSTRE) -->\n  <div style=\"font-size: 15px; color: #555; margin-bottom: 32px;\">\n    <strong>Publicerad: 2025.12.19<\/strong>\n  <\/div>\n\n  <!-- Authors (CENTRERET) -->\n  <div style=\"  display: flex; align-items: flex-start; justify-content: center; \/* \u2190 centrer kun personerne *\/ gap: 28px; flex-wrap: wrap;  \">\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\" alt=\"Sofia Gunilla Bergendal\" style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover; 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\" alt=\"S\u00f8ren Olsen\" style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover; 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\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover; 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 den h\u00e4r sidan kan du utforska tre inspirations\u00adevenemang som visar olika s\u00e4tt att bygga upp en evenemangswebbplats i Conference Manager. Varje exempel utg\u00e5r fr\u00e5n vart sitt webbplatstema \u2014 Tema A, Tema B och Tema C \u2014 och visar hur layout, struktur och visuellt uttryck kan variera, samtidigt som att samma underliggande funktionalitet i Conference &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/inspirationsbibliotek-for-webbplatser\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dInspirationsbibliotek f\u00f6r webbplatser\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[475],"ht-kb-tag":[92],"class_list":["post-12211","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-blog-sv","ht_kb_tag-website","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/12211","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=12211"}],"version-history":[{"count":5,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/12211\/revisions"}],"predecessor-version":[{"id":12216,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/12211\/revisions\/12216"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=12211"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=12211"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=12211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}