{"id":18253,"date":"2026-07-31T09:20:36","date_gmt":"2026-07-31T09:20:36","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/wordpress-arrangementsoversigt-plugin-introduktion-og-setup\/"},"modified":"2026-08-11T13:22:59","modified_gmt":"2026-08-11T13:22:59","slug":"wordpress-arrangementsoversigt-plugin-introduktion-og-setup","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/wordpress-arrangementsoversigt-plugin-introduktion-og-setup\/","title":{"rendered":"WordPress arrangementsoversigt-plugin introduktion og setup"},"content":{"rendered":"\n<!-- Optional: Load Titillium Web if it is not already loaded on your site -->\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Titillium+Web:wght@400;600;700;800&#038;display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n  \/* ------------------------------------------------------------\n     WordPress-plugin til arrangementsoversigt - DA\n\n     Ressourcelinks:\n     - Dansk introduktion til WordPress-pluginet\n     - Engelsk setupguide til WordPress-pluginet\n     - Kontaktside til Customer Success\n  ------------------------------------------------------------ *\/\n\n  .cm-event-plugin-intro,\n  .cm-event-plugin-resource-grid,\n  .cm-event-plugin-resource-grid *,\n  .cm-event-plugin-requirements,\n  .cm-event-plugin-requirements * {\n    box-sizing: border-box !important;\n    font-family: \"Titillium Web\", sans-serif !important;\n  }\n\n  .cm-event-plugin-intro {\n    max-width: 1180px !important;\n    margin: 1.15rem 0 2rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-intro p {\n    color: #24384D !important;\n    font-size: 19px !important;\n    line-height: 1.58 !important;\n    margin: 0 0 0.55rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-intro p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .cm-event-plugin-resource-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1.45rem !important;\n    max-width: 1280px !important;\n    margin: 2rem 0 1.45rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-card {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-height: 224px !important;\n    padding: 1.55rem 1.75rem !important;\n    background: #ffffff !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    box-shadow: 0 9px 24px rgba(18, 32, 46, 0.055) !important;\n    overflow: hidden !important;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n  }\n\n  .cm-event-plugin-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 7px !important;\n    border-radius: 16px 0 0 16px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-event-plugin-card.is-green::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-event-plugin-card:hover {\n    border-color: rgba(156, 204, 61, 0.48) !important;\n    box-shadow: 0 14px 30px rgba(18, 32, 46, 0.075) !important;\n  }\n\n  .cm-event-plugin-label {\n    display: block !important;\n    color: #185ABC !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.045em !important;\n    line-height: 1.15 !important;\n    margin: 0 0 0.65rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-card.is-green .cm-event-plugin-label {\n    color: #74B51C !important;\n  }\n\n  .cm-event-plugin-card-title {\n    display: block !important;\n    color: #1F364D !important;\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 0.75rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-card p {\n    color: #24384D !important;\n    font-size: 17px !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-card p.cm-event-plugin-language-note {\n    margin-top: 1rem !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n  }\n\n  .cm-event-plugin-spacer {\n    flex: 1 1 auto !important;\n    min-height: 1.25rem !important;\n  }\n\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button,\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:visited,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: fit-content !important;\n    min-height: 42px !important;\n    border-radius: 10px !important;\n    padding: 0.62rem 1rem !important;\n    box-shadow: none !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;\n  }\n\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button,\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:visited {\n    background: #ffffff !important;\n    color: #74B51C !important;\n    border: 1px solid #9CCC3D !important;\n  }\n\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:hover,\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:focus,\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:focus-visible,\n  .cm-event-plugin-resource-grid a.cm-event-plugin-button:active {\n    background: #9CCC3D !important;\n    color: #ffffff !important;\n    border-color: #9CCC3D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-event-plugin-requirements {\n    display: flex !important;\n    align-items: center !important;\n    gap: 1.2rem !important;\n    max-width: 1280px !important;\n    margin: 0 0 2rem 0 !important;\n    padding: 1.25rem 1.4rem !important;\n    background: linear-gradient(135deg, #f3f8ff 0%, #ffffff 58%, #f4fae9 100%) !important;\n    border: 1px solid #cfe0f2 !important;\n    border-radius: 16px !important;\n  }\n\n\n  .cm-event-plugin-requirements-copy {\n    flex: 1 1 auto !important;\n    min-width: 0 !important;\n  }\n\n  .cm-event-plugin-requirements-title {\n    display: block !important;\n    color: #1F364D !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 0.3rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-requirements p {\n    color: #24384D !important;\n    font-size: 16px !important;\n    line-height: 1.45 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:visited {\n    flex: 0 0 auto !important;\n    background: #185ABC !important;\n    color: #ffffff !important;\n    border: 1px solid #185ABC !important;\n  }\n\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:hover,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:focus,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:focus-visible,\n  .cm-event-plugin-requirements a.cm-event-plugin-contact-button:active {\n    background: #12202E !important;\n    color: #ffffff !important;\n    border-color: #12202E !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  @media (max-width: 768px) {\n    .cm-event-plugin-intro {\n      margin: 1rem 0 1.5rem 0 !important;\n    }\n\n    .cm-event-plugin-intro p {\n      font-size: 17px !important;\n      line-height: 1.5 !important;\n    }\n\n    .cm-event-plugin-resource-grid {\n      grid-template-columns: 1fr !important;\n      margin-top: 1.5rem !important;\n    }\n\n    .cm-event-plugin-card {\n      min-height: auto !important;\n      padding: 1.35rem 1.35rem 1.35rem 1.5rem !important;\n    }\n\n    .cm-event-plugin-card-title {\n      font-size: 22px !important;\n    }\n\n    .cm-event-plugin-card p,\n    .cm-event-plugin-requirements p {\n      font-size: 16px !important;\n    }\n\n    .cm-event-plugin-resource-grid a.cm-event-plugin-button,\n    .cm-event-plugin-requirements a.cm-event-plugin-contact-button {\n      width: 100% !important;\n    }\n\n    .cm-event-plugin-requirements {\n      align-items: flex-start !important;\n      flex-direction: column !important;\n      gap: 0.85rem !important;\n      padding: 1.25rem !important;\n    }\n  }\n<\/style>\n\n<div class=\"cm-event-plugin-intro\">\n  <p>\n    Med WordPress-pluginet til arrangementsoversigt kan du vise live arrangementsdata fra Conference Manager direkte p\u00e5 dit eget website.\n  <\/p>\n  <p>\n    Bes\u00f8gende kan finde dine arrangementer p\u00e5 dit eget dom\u00e6ne og som en del af dit eget visuelle udtryk, mens oversigten automatisk holdes opdateret.\n  <\/p>\n<\/div>\n\n<div class=\"cm-event-plugin-resource-grid\" aria-label=\"Ressourcer til WordPress-pluginet til arrangementsoversigt\">\n  <article class=\"cm-event-plugin-card\">\n    <span class=\"cm-event-plugin-label\">Kort introduktion<\/span>\n\n    <div class=\"cm-event-plugin-card-title\">\n      WordPress-plugin til arrangementsoversigt\n    <\/div>\n\n    <p>\n      F\u00e5 et klart overblik over, hvad pluginet kan, hvordan det fungerer, og hvilke krav der g\u00e6lder.\n    <\/p>\n\n    <div class=\"cm-event-plugin-spacer\"><\/div>\n\n    <a\n      href=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/08\/WP-plugin-intro-DK.pdf\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"cm-event-plugin-button\"\n    >\n      \u00c5bn PDF\n    <\/a>\n  <\/article>\n\n  <article class=\"cm-event-plugin-card is-green\">\n    <span class=\"cm-event-plugin-label\">Setup-guide<\/span>\n\n    <div class=\"cm-event-plugin-card-title\">\n      Setup-guide til plugin til arrangementsoversigt\n    <\/div>\n\n    <p>\n      F\u00f8lg ops\u00e6tningen fra installation og API-forbindelse til visningsindstillinger, farver, layout og publicering.\n    <\/p>\n\n    <p class=\"cm-event-plugin-language-note\">\n      Setup-guiden er p\u00e5 engelsk.\n    <\/p>\n\n    <div class=\"cm-event-plugin-spacer\"><\/div>\n\n    <a\n      href=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/08\/WP-plugin-setup-guide-EN.pdf\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"cm-event-plugin-button\"\n    >\n      \u00c5bn guide\n    <\/a>\n  <\/article>\n<\/div>\n\n<div class=\"cm-event-plugin-requirements\" aria-label=\"Krav til pluginet\">\n  <div class=\"cm-event-plugin-requirements-copy\">\n    <div class=\"cm-event-plugin-requirements-title\">Inden du g\u00e5r i gang<\/div>\n    <p>\n      Pluginet kr\u00e6ver et selvhostet WordPress-website og en Conference Manager API-bruger. Kontakt os for at h\u00f8re mere om adgang og priser.\n    <\/p>\n  <\/div>\n\n  <a\n    href=\"https:\/\/cmacademy.events\/da\/kontakt-customer-success\/\"\n    class=\"cm-event-plugin-contact-button\"\n  >\n    Kontakt os\n  <\/a>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Med WordPress-pluginet til arrangementsoversigt kan du vise live arrangementsdata fra Conference Manager direkte p\u00e5 dit eget website. Bes\u00f8gende kan finde dine arrangementer p\u00e5 dit eget dom\u00e6ne og som en del af dit eget visuelle udtryk, mens oversigten automatisk holdes opdateret. Kort introduktion WordPress-plugin til arrangementsoversigt F\u00e5 et klart overblik over, hvad pluginet kan, hvordan det &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/wordpress-arrangementsoversigt-plugin-introduktion-og-setup\/\" 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":[590],"ht-kb-tag":[5737,5641,5937,5938,5936],"class_list":["post-18253","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-ressourcer","ht_kb_tag-api","ht_kb_tag-arrangementsoversigt","ht_kb_tag-oversigt","ht_kb_tag-plugin","ht_kb_tag-wordpress","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/18253","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=18253"}],"version-history":[{"count":7,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/18253\/revisions"}],"predecessor-version":[{"id":18531,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/18253\/revisions\/18531"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=18253"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=18253"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=18253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}