{"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":"2026-05-19T07:33:35","modified_gmt":"2026-05-19T07:33:35","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 inspirations\u00adevenemang som visar olika s\u00e4tt att bygga upp en evenemangswebbplats i Conference Manager.<\/strong><\/p>\n\n\n\n<p>Exemplen baseras p\u00e5 <strong>webbplatstemana B<\/strong> och <strong>C<\/strong> och visar hur layout, struktur och visuellt uttryck kan variera, samtidigt som samma grundl\u00e4ggande 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 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 inspirations\u00adevenemang som visar olika s\u00e4tt att bygga upp en evenemangswebbplats i Conference Manager. Exemplen baseras p\u00e5 webbplatstemana B och C och visar hur layout, struktur och visuellt uttryck kan variera, samtidigt som samma grundl\u00e4ggande funktionalitet i Conference Manager anv\u00e4nds. Du \u00e4r v\u00e4lkommen att registrera dig p\u00e5 inspirations\u00adevenemangen f\u00f6r &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,5779],"class_list":{"0":"post-12211","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","5":"hentry","6":"ht_kb_category-blog-sv","7":"ht_kb_tag-website","9":"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":7,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/12211\/revisions"}],"predecessor-version":[{"id":13933,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/12211\/revisions\/13933"}],"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}]}}