{"id":18257,"date":"2026-07-31T09:20:36","date_gmt":"2026-07-31T09:20:36","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/wordpress-evenemangsoversikt-plugin-introduktion-och-setup\/"},"modified":"2026-08-05T11:48:19","modified_gmt":"2026-08-05T11:48:19","slug":"wordpress-evenemangsoversikt-plugin-introduktion-och-setup","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/wordpress-evenemangsoversikt-plugin-introduktion-och-setup\/","title":{"rendered":"WordPress evenemangs\u00f6versikt plugin introduktion och 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 f\u00f6r evenemangs\u00f6versikt - SV\n\n     Resursl\u00e4nkar:\n     - Engelsk introduktion till WordPress-pluginet\n     - Engelsk setup-guide till WordPress-pluginet\n     - Svensk kontaktsida f\u00f6r 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 f\u00f6r evenemangs\u00f6versikt kan du visa aktuell evenemangsdata fr\u00e5n Conference Manager direkt p\u00e5 din egen webbplats.\n  <\/p>\n  <p>\n    Bes\u00f6kare kan hitta dina evenemang p\u00e5 din egen dom\u00e4n och som en del av ditt eget visuella uttryck, medan \u00f6versikten h\u00e5lls uppdaterad automatiskt.\n  <\/p>\n<\/div>\n\n<div class=\"cm-event-plugin-resource-grid\" aria-label=\"Resurser f\u00f6r WordPress-pluginet f\u00f6r evenemangs\u00f6versikt\">\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 f\u00f6r evenemangs\u00f6versikt\n    <\/div>\n\n    <p>\n      F\u00e5 en tydlig \u00f6verblick \u00f6ver vad pluginet kan g\u00f6ra, hur det fungerar och vilka krav som g\u00e4ller.\n    <\/p>\n\n    <p class=\"cm-event-plugin-language-note\">\n      Introduktionen \u00e4r p\u00e5 engelska.\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-EN.pdf\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"cm-event-plugin-button\"\n    >\n      \u00d6ppna 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 f\u00f6r pluginet f\u00f6r evenemangs\u00f6versikt\n    <\/div>\n\n    <p>\n      F\u00f6lj installationen fr\u00e5n plugininstallation och API-anslutning till visningsinst\u00e4llningar, f\u00e4rger, layout och publicering.\n    <\/p>\n\n    <p class=\"cm-event-plugin-language-note\">\n      Setup-guiden \u00e4r p\u00e5 engelska.\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      \u00d6ppna guide\n    <\/a>\n  <\/article>\n<\/div>\n\n<div class=\"cm-event-plugin-requirements\" aria-label=\"Krav f\u00f6r pluginet\">\n  <div class=\"cm-event-plugin-requirements-copy\">\n    <div class=\"cm-event-plugin-requirements-title\">Innan du b\u00f6rjar<\/div>\n    <p>\n      Pluginet kr\u00e4ver en egenhostad WordPress-webbplats och en Conference Manager API-anv\u00e4ndare. Kontakta oss f\u00f6r att f\u00e5 veta mer om \u00e5tkomst och priser.\n    <\/p>\n  <\/div>\n\n  <a\n    href=\"https:\/\/cmacademy.events\/sv\/contact-customer-success\/\"\n    class=\"cm-event-plugin-contact-button\"\n  >\n    Kontakta oss\n  <\/a>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Med WordPress-pluginet f\u00f6r evenemangs\u00f6versikt kan du visa aktuell evenemangsdata fr\u00e5n Conference Manager direkt p\u00e5 din egen webbplats. Bes\u00f6kare kan hitta dina evenemang p\u00e5 din egen dom\u00e4n och som en del av ditt eget visuella uttryck, medan \u00f6versikten h\u00e5lls uppdaterad automatiskt. Kort introduktion WordPress-plugin f\u00f6r evenemangs\u00f6versikt F\u00e5 en tydlig \u00f6verblick \u00f6ver vad pluginet kan g\u00f6ra, hur &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/wordpress-evenemangsoversikt-plugin-introduktion-och-setup\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dWordPress evenemangs\u00f6versikt plugin introduktion och setup\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[592],"ht-kb-tag":[],"class_list":["post-18257","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-resurser","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18257","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=18257"}],"version-history":[{"count":3,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18257\/revisions"}],"predecessor-version":[{"id":18533,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18257\/revisions\/18533"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=18257"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=18257"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=18257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}