Eenvoudig meerdere websites beheren dankzij een multisite

<!DOCTYPE html> <html class="js history svg flexbox flexboxlegacy wf-proximanova-n7-active wf-proximanova-i7-active wf-proximanova-n6-active wf-proximanova-n4-active wf-proximanova-i4-active wf-skippysharp-n4-active wf-active wf-caveat-n4-active wf-caveat-n7-active js-done" lang="nl"> <head> <link rel="stylesheet" type="text/css" href="/css/inert.css" id="inert-style"/> <link rel="subresource" href="/css/site.5c774f12e0d5a0b18b61.css"/><link rel="subresource" href="/js/site.0f8d91b9daf29abe7e8b.js"/><link href="/css/site.5c774f12e0d5a0b18b61.css" rel="stylesheet"> <script defer="defer" src="/js/site.0f8d91b9daf29abe7e8b.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="/assets/site/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/assets/site/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/assets/site/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/assets/site/favicon-48x48.png"><link rel="manifest" href="/assets/site/manifest.json"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#000000"><meta name="application-name"><link rel="apple-touch-icon" sizes="57x57" href="/assets/site/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/assets/site/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/assets/site/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/assets/site/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/assets/site/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/assets/site/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/assets/site/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/assets/site/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/assets/site/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/site/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="1024x1024" href="/assets/site/apple-touch-icon-1024x1024.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-640x1136.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-750x1334.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-828x1792.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1125x2436.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1242x2208.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1242x2688.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1536x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1668x2224.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1668x2388.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-2048x2732.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/site/apple-touch-startup-image-1620x2160.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-1136x640.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-1334x750.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-1792x828.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2436x1125.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2208x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2688x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2048x1536.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2224x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2388x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2732x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/site/apple-touch-startup-image-2160x1620.png"><link rel="icon" type="image/png" sizes="228x228" href="/assets/site/coast-228x228.png"><meta name="msapplication-TileColor" content="#fff"><meta name="msapplication-TileImage" content="/assets/site/mstile-144x144.png"><meta name="msapplication-config" content="/assets/site/browserconfig.xml"><link rel="yandex-tableau-widget" href="/assets/site/yandex-browser-manifest.json"> <title>Eenvoudig meerdere websites beheren dankzij een multisite | Statik.be</title> <meta name="description" content="Heeft jouw organisatie meerdere websites? Dan kan het interessant zijn om een multisite set-up te overwegen waarbij meerdere sites vanuit dezelfde backend beheerd kunnen worden. "> <meta property="og:url" content="https://www.statik.be/blog/eenvoudig-meerdere-websites-beheren-dankzij-een-multisite"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Eenvoudig meerdere websites beheren dankzij een multisite | Statik.be"/> <meta property="og:image" content="https://storage.googleapis.com/intcra_prod/files/Stockphotos/_1200x590_crop_center-center_none/Kantoordetail.jpg"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="590"/> <meta property="og:image:alt" content="Kantoordetail"/> <meta property="og:description" content="Heeft jouw organisatie meerdere websites? Dan kan het interessant zijn om een multisite set-up te overwegen waarbij meerdere sites vanuit dezelfde backend beheerd kunnen worden. "/> <meta property="og:site_name" content=""/> <meta property="og:locale" content="nl-BE"/> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="" /> <meta name="twitter:title" content="Eenvoudig meerdere websites beheren dankzij een multisite | Statik.be" /> <meta name="twitter:description" content="Als ervaren digitale experts helpen we organisaties met toegankelijke technologie. Strategie, UX, web, design, online marketing... " /> <meta name="twitter:url" content="https://www.statik.be/blog/eenvoudig-meerdere-websites-beheren-dankzij-een-multisite" /> <meta name="twitter:image" content="https://storage.googleapis.com/intcra_prod/files/Stockphotos/_1200x590_crop_center-center_none/Vlaggetjes-office.jpg" /> <link rel="canonical" href="https://www.statik.be/blog/eenvoudig-meerdere-websites-beheren-dankzij-een-multisite" /> <link rel="alternate" hreflang="nl-BE" href="https://www.statik.be/blog/eenvoudig-meerdere-websites-beheren-dankzij-een-multisite" /> <link rel="preconnect" href="//www.googletagmanager.com">  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MTHC6P'); </script>  <meta name="facebook-domain-verification" content="tjk1jp0ihzibiv6rziwkvw68kfqokp" /> <meta name="google-site-verification" content="wwEn7iKmzF13ZItVo0N7Q86m-D0VA7muighUoCaqO_o" /> <script defer data-domain="statik.be" src="https://plausible.io/js/script.js"></script> <link href="https://www.statik.be/cpresources/677006f6/css/inert.css?v=1709118158" rel="stylesheet"></head> <body class="page-blogdetail" data-components="form"> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="https://statik.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '7e296e6e-3dd6-47d8-b528-1ac83fc5e411'); </script> <div class="hidden cookie-modal fixed w-full max-h-screen p-4 overflow-y-auto z-100 sm:max-w-modal top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2" id="cookieModal" role="dialog" aria-modal="true" aria-labelledby="cookie_settings_title" tabindex="-1"> <div class="cookie-modal__content relative p-6 text-sm bg-white rounded-lg shadow-md"> <button type="button" class="cookie-modal__close-action absolute top-0 right-0 mt-6 mr-8 js-modal-close-btn notranslate"> <svg xmlns="http://www.w3.org/2000/svg" class="cookie-modal__close-icon w-5 h-5 pointer-events-none" width="48" height="48" viewBox="0 0 48 48"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"/></svg> <span class="sr-only"> Sluit cookie instellingen </span> </button> <h1 id="cookie_settings_title" class="mb-1 text-xl sm:text-2xl">Cookie-instellingen</h1> <p> Onze website bewaart vier soorten cookies. Je kan zelf op elk moment kiezen welke je aanvaardt en welke niet. Meer informatie over wat cookies zijn en welke types cookies we verzamelen kan je lezen in ons <a href="https://www.statik.be/cookie-policy" target="_blank" class="underline hover:no-underline">cookiebeleid</a>. </p> <div class="cookie-modal__actions mt-4 text-center"> <a href="#" class="btn btn--primary js-cookie-accept notranslate">Alle cookies aanvaarden</a> </div> <h2 class="mt-4 mb-1 text-lg">Je voorkeuren aanpassen</h2> <form> <div class="cookie-modal__options mb-4"> <div class="cookie-modal__checks flex items-center text-base font-bold"> <input class="js-cookie-essential mr-4" type="checkbox" name="essential" id="essential" disabled checked> <label for="essential">Essentiële cookies</label> </div> <div class="cookie-modal__description ml-8"> zijn om technische redenen noodzakelijk voor de goede werking. Zonder deze cookies zou het kunnen dat de website niet naar behoren functioneert. </div> </div> <div class="cookie-modal__options mb-4"> <div class="cookie-modal__checks flex items-center text-base font-bold"> <input class="js-cookie-essential mr-4" type="checkbox" name="functional" id="functional" disabled checked> <label for="functional">Functionele cookies</label> </div> <div class="cookie-modal__description ml-8"> zijn noodzakelijk voor bepaalde functies op de website. Zonder deze cookies kunnen sommige onderdelen onbruikbaar worden. </div> </div> <div class="cookie-modal__options mb-4"> <div class="cookie-modal__checks flex items-center text-base font-bold"> <input class="js-cookie-performance mr-4" type="checkbox" name="CookiePerformance" id="performance" value="2"> <label for="performance">Analytische cookies</label> </div> <div class="cookie-modal__description ml-8"> laten ons toe om het gebruik van de website anoniem te analyseren en de gebruikservaring te verbeteren. </div> </div> <div class="cookie-modal__options mb-4"> <div class="cookie-modal__checks flex items-center text-base font-bold"> <input class="js-cookie-marketing mr-4" type="checkbox" name="CookieMarketing" id="marketing" value="3"> <label for="marketing">Marketingcookies</label> </div> <div class="cookie-modal__description ml-8"> hebben als doel het personaliseren van de gebruikservaring en het tonen van relevante inhoud en aanbiedingen op deze en andere websites. </div> </div> <div class="cookie-modal__actions"> <button type="submit" class="btn btn--primary js-modal-close notranslate">Mijn keuze bewaren</button> </div> </form> </div> </div> <div class="hidden cookiebanner fixed w-full max-h-screen p-4 overflow-y-auto text-sm z-100 sm:max-w-md top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2" id="cookiebanner" role="dialog" aria-modal="true" aria-labelledby="cookie_banner_title" tabindex="-1"> <div class="cookiebanner__content p-6 bg-white rounded-lg shadow-md"> <h1 id="cookie_banner_title" class="text-xl leading-tight sm:text-2xl"> Deze website gebruikt cookies </h1> <div class="cookiebanner__notice mt-2"> Door op "Alle cookies aanvaarden" te klikken ga je akkoord met het opslaan van onze cookies op je computer. Zo kunnen we een betere gebruikservaring bieden, en het laat ons toe om het gebruik van de website te analyseren. Door op ‘Je voorkeuren aanpassen’ te klikken kan je kiezen welke cookies je toelaat. Enkel de essentiële en de functionele cookies zijn noodzakelijk voor de goede werking van de website en kan je niet weigeren </div> <div class="cookiebanner__actions mt-6"> <a href="#" class="cookiebanner__accept btn btn--primary js-cookie-accept notranslate">Alle cookies aanvaarden</a> <a href="#" class="cookiebanner__essentials btn btn--primary mt-1 js-cookie-essentials notranslate">Enkel essentiële cookies aanvaarden</a> <a href="#" class="cookiebanner__settings btn btn--ghost mt-1 js-cookie-settings notranslate">Je voorkeuren aanpassen</a> </div> </div> </div> <div class="hidden cookie-overlay fixed inset-0 bg-black opacity-50 z-99" id="cookiebanner-overlay"></div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTHC6P" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="fixed top-0 -translate-y-full focus-within:transition-transform focus-within:duration-300 focus-within:ease-in-out ring-primary focus-within:translate-y-0 left-6 skip-to-main focus-within:shadow-card"> <a href="#main" class="block p-4 text-white bg-primary"> Ga verder naar de inhoud <svg class="icon ml-2" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#chevron-right"></use></svg> </a> </div> <div class="overflow-hidden page-wrap dark:bg-primary dark:text-white" id="mainContentBlock"> <header class="relative z-50 pt-3 pb-5 page-header"> <div class="container"> <div class="flex items-center justify-between md:items-end"> <a href="https://www.statik.be/" class="md:mb-[14px] dark:invert"> <span class="sr-only">startpagina</span> <svg class="w-full max-w-logo h-auto" width="273" height="111" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273 111" role="img" aria-label="logo"><g transform="translate(.5 .51)"><polygon points="215.075 15.556 215.075 107.809 239.321 107.809 239.321 62.803 239.321 15.556"/><polygon points="263.915 65.691 241.461 65.691 241.461 62.803 239.321 62.803 247.934 107.809 272.478 107.809"/><path d="M270.03854 36.4164894 246.489825 36.4164894C246.489825 46.1247333 246.639182 56.2810501 241.511238 62.8527845 247.485542 64.0974311 270.03854 66.0888658 270.03854 36.4164894ZM116.847429 89.0899361C114.407921 89.0899361 114.407921 85.5053537 114.407921 82.2194865 114.407921 74.203962 114.407921 68.0803004 119.535865 63.2012855 90.1124183 63.2012855 90.1124183 85.6049254 90.1124183 91.0315849 90.1124183 97.3046041 91.5562084 109.751071 105.944324 109.751071 122.921304 109.751071 122.37366 89.488223 119.535865 81.3233409 119.535865 85.5551396 119.535865 89.0899361 116.847429 89.0899361Z"/><path d="M117.992504,33.8276243 C107.288542,33.8276243 96.2858657,39.8517142 90.1622042,45.6766605 L90.1622042,69.5240906 C97.8790135,61.5085661 106.890255,57.2269815 112.864559,57.2269815 C116.847429,57.2269815 119.585651,59.2184162 119.585651,63.2510714 L119.585651,81.3731268 L122.871518,81.3731268 L126.854388,107.809422 L143.831368,107.809422 L143.831368,63.2510714 C143.831368,53.8415426 142.985008,33.8276243 117.992504,33.8276243 Z"/><circle cx="196.997" cy="18.403" r="14.437" transform="rotate(-19.33 196.997 18.403)"/><polygon points="175.445 36.416 175.445 15.556 158.419 15.556 154.436 31.239 146.271 36.416 146.271 49.411 151.15 49.411 151.15 107.809 175.445 107.809 175.445 49.411 184.755 49.411 184.755 107.809 209.001 107.809 209.001 36.416"/><polygon points="81.499 15.556 64.522 15.556 60.54 31.239 52.375 36.416 52.375 49.411 57.254 49.411 57.254 107.809 81.499 107.809 81.499 49.411 86.926 49.411 86.926 36.416 81.499 36.416"/><path d="M0.547644531,76.2949684 C9.60867223,87.646146 32.0123121,90.4839403 32.0123121,86.0529982 C32.0123121,80.7259105 0,84.3104929 0,56.9282664 C0,41.9925064 9.2103853,33.8276243 25.1418626,33.8276243 C37.638115,33.8276243 54.1670227,35.9684166 51.4288001,66.4373668 L28.5273015,66.4373668 C29.9710916,57.5256967 27.9298711,54.7874741 25.7890788,54.7874741 C23.9470018,54.7874741 22.353854,56.0819066 22.353854,59.666489 C22.353854,65.1429343 25.4903636,67.8313711 30.5187361,69.1258036 C40.5754812,71.5653111 52.0760163,73.3078164 52.0760163,89.6375806 C52.0760163,102.432548 46.599571,110 28.0792287,110 C17.3254815,110 6.82066371,107.261777 0.497858665,102.233405 L0.497858665,76.2949684 L0.547644531,76.2949684 Z"/></g></svg> </a> <div class="flex-col items-end hidden md:flex"> <div class="flex items-center"> <nav class="" aria-label="Service"> <ul class="flex flex-wrap items-center space-x-8"> <li class="nav__item"> <a href="https://www.statik.be/blog" class="relative lg:text-base text-sm font-light hover:underline "> Blog </a> </li> <li class="nav__item"> <a href="https://www.statik.be/schoon-schip" class="relative lg:text-base text-sm font-light hover:underline "> Podcast </a> </li> <li class="nav__item"> <a href="https://www.statik.be/events" class="relative lg:text-base text-sm font-light hover:underline "> Events & opleidingen </a> </li> <li class="nav__item"> <a href="https://www.statik.be/werken-bij-ons" class="relative lg:text-base text-sm font-light hover:underline "> Jobs   <span class="absolute top-0 right-0 flex items-center justify-center w-4 h-4 text-xs font-normal translate-x-1/2 -translate-y-1/2 rounded-full bg-site-yellow text-primary">4</span> </a> </li> </ul> </nav> </div> <div class="mt-6"> <nav class="" aria-label="Main"> <ul class="flex flex-wrap items-center space-x-6 lg:space-x-12"> <li class=""> <a href="https://www.statik.be/wat-doen-we" class="lg:text-xl text-lg font-semibold text-primary dark:text-white menu-item ">Wat doen we</a> </li> <li class=""> <a href="https://www.statik.be/projecten" class="lg:text-xl text-lg font-semibold text-primary dark:text-white menu-item ">Ons werk</a> </li> <li class=""> <a href="https://www.statik.be/over-statik" class="lg:text-xl text-lg font-semibold text-primary dark:text-white menu-item ">Ons verhaal</a> </li> <li class=""> <a href="https://www.statik.be/contact" class="lg:text-xl text-lg font-semibold text-primary dark:text-white menu-item ">Contact</a> </li> </ul> </nav> </div> </div> <button type="button" class="text-3xl js-flyout-toggle md:hidden ie-hidden print:hidden"> <span class="sr-only">Menu</span> <svg class="icon " aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#menu"></use></svg> </button> </div> </div> </header> <main class="page-main" id="main"> <div class="section section--default"> <div class="container"> <div class="flex flex-wrap -mx-4"> <div class="w-full px-4 order-2 md:order-1 md:w-3/4"> <div class="flex flex-wrap mb-10 text-base md:-mt-6 text-primary dark:text-white breadcrumb" itemscope="" itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center breadcrumb__scope"> <a href="https://www.statik.be/" itemprop="item" class="flex underline hover:no-underline"> <span itemprop="name">Home</span> </a> <svg class="icon mx-1 text-site-blue flex-shrink-0" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#chevron-right"></use></svg> <meta itemprop="position" content="1"> </span> <span itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center breadcrumb__scope"> <a href="https://www.statik.be/blog" itemprop="item" class="flex underline hover:no-underline"> <span itemprop="name">Blog</span> </a> <svg class="icon mx-1 text-site-blue flex-shrink-0" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#chevron-right"></use></svg> <meta itemprop="position" content="2"> </span> <span itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="flex items-center breadcrumb__scope"> <a href="https://www.statik.be/blog/eenvoudig-meerdere-websites-beheren-dankzij-een-multisite" itemprop="item" class="flex underline hover:no-underline no-underline"> <span itemprop="name">Eenvoudig meerdere websites beheren dankzij een multisite</span> </a> <meta itemprop="position" content="3"> </span> </div> <h1 class="">Eenvoudig meerdere websites beheren dankzij een multisite</h1> <div class="text-2xl redactor"> <p>Het is vaak nodig om een tweede (of derde) website met een aparte domeinnaam in het leven te roepen. Met een multisite bundel je de verschillende deelsites in één en dezelfde backend en dat heeft heel wat voordelen voor de content manager. </p> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative "> <div class="flex -mx-4 flex-wrap "> <div class="px-4 w-full mt-10 md:mt-0 relative z-10 md:w-3/4 lg:w-2/3 "> <h2 id="hoe-beheer-je-meerdere-websites">Hoe beheer je meerdere websites?</h2> <div class="redactor"> <p>Als webmaster, marketeer of communicatiemedewerker heb je vaak meerdere petjes op. Eén daarvan is het beheren van de website(s) van je organisatie. Een eenvoudig en efficiënt content management systeem is dan geen overbodige luxe. Bij Statik zijn we al jaren trouwe fan van <a href="http://www.craftcms.com" target="_blank" rel="noreferrer noopener">Craft CMS</a> en ook van de content managers bij onze klanten horen we enkel positieve signalen. </p> <p><strong>Maar wat als je nu dagelijks meerdere websites moet beheren? </strong>Zoals bijvoorbeeld:</p> <ul><li>een website gericht op je B2B klanten en een platform gericht op B2C</li><li> een corporate website en een of meerdere campagnesites</li><li>een website en een webshop</li><li>websites van twee verschillende merken </li><li>... </li></ul> <p>Het gaat er hierbij om dat de <strong>websites een verschillende domeinnaam (</strong>of subdomein) hebben en <strong>soms zelfs een afwijkend design</strong>. Even een concreet voorbeeld. Het Stuk in Leuven heeft een hun eigen website (<a href="https://www.stuk.be/nl" target="_blank" rel="noreferrer noopener">stuk.be</a>), maar ook een website voor hun <a href="https://www.artefact-festival.be/nl" target="_blank" rel="noreferrer noopener">Artefact-festival</a> enerzijds en hun <a href="https://www.playgroundfestival.be/nl" target="_blank" rel="noreferrer noopener">Playground-festival</a> anderzijds. Met elk hun eigen branding, aanbod en positionering. </p> <p>Klinkt ingewikkeld? Niet als je kan profiteren van de voordelen van een multisite aanpak. </p> </div> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative "> <div class="flex -mx-4 flex-wrap "> <div class="px-4 w-full mt-10 md:mt-0 relative z-10 md:w-3/4 lg:w-2/3 "> <h2 id="wat-is-een-multisite">Wat is een multisite?</h2> <div class="redactor"> <p>Met een multisite opzet binnen Craft CMS kunnen we <strong>binnen één website meerdere subsites aanmaken zodat de content manager deze in een en dezelfde backend kan beheren</strong>. De verschillende subsites kunnen dezelfde stijle en structuur hebben zoals bijvoorbeeld het geval is bij meertalige websites. Maar dat hoeft helemaal niet. <br /></p> </div> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="grid grid-cols-1 gap-8 md:grid-cols-2"> <div class=""> <img src="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Zelfmoord1813-homepage.png" data-srcset="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Zelfmoord1813-homepage.png 440w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_660x622_crop_center-center_82_line/Zelfmoord1813-homepage.png 660w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_820x772_crop_center-center_82_line/Zelfmoord1813-homepage.png 820w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_980x923_crop_center-center_82_line/Zelfmoord1813-homepage.png 980w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_1200x1131_crop_center-center_82_line/Zelfmoord1813-homepage.png 1200w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 628px, (min-width: 820px) and (max-width: 979px) 378px, (min-width: 980px) and (max-width: 1199px) 458px, (min-width: 1200px) 568px" alt="" class="w-full lazyload"/> <div class="flex items-center mt-1 text-sm font-light"> <svg class="icon flex-shrink-0 mr-2 opacity-50" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#camera"></use></svg> Zelfmoord1813 heeft een andere structuur en verschillend design dan bv. Kom uit je kop </div> </div> <div class=""> <img src="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Kom-uit-je-kop-homepage.png" data-srcset="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Kom-uit-je-kop-homepage.png 440w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_660x622_crop_center-center_82_line/Kom-uit-je-kop-homepage.png 660w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_820x772_crop_center-center_82_line/Kom-uit-je-kop-homepage.png 820w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_980x923_crop_center-center_82_line/Kom-uit-je-kop-homepage.png 980w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_1200x1131_crop_center-center_82_line/Kom-uit-je-kop-homepage.png 1200w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 628px, (min-width: 820px) and (max-width: 979px) 378px, (min-width: 980px) and (max-width: 1199px) 458px, (min-width: 1200px) 568px" alt="" class="w-full lazyload"/> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative "> <div class="flex -mx-4 flex-wrap "> <div class="px-4 w-full mt-10 md:mt-0 relative z-10 md:w-3/4 lg:w-2/3 "> <div class="redactor"> <p>Sommige multisites hebben dezelfde structuur, maar elk een eigen branding. Zoals bv. bij het Jouw Stad Leest project. Er zijn functioneel geen verschillen te ontdekken tussen <a href="http://www.leuvenleest.be/" target="_blank" rel="noreferrer noopener">Leuven</a>, <a href="http://www.antwerpenleest.be/" target="_blank" rel="noreferrer noopener">Antwerpen</a> of <a href="http://www.bruggeleest.be/" target="_blank" rel="noreferrer noopener">Brugge Leest</a>, maar visueel zien ze er anders uit. Een ander voorbeeld is <a href="https://www.zelfmoord1813.be/" target="_blank" rel="noreferrer noopener">Zelfmoord1813</a>. De twee andere websites uit de multisite set-up, <a href="https://www.werkgroepverder.be/" target="_blank" rel="noreferrer noopener">Werkgroep Verder</a> en <a href="https://www.komuitjekop.be/" target="_blank" rel="noreferrer noopener">Kom uit je kop</a>, hebben naast een ander design, ook een andere websitestructuur. Er is dus eigenlijk geen enkele gelijkenis tussen de websites voor de bezoeker.</p> </div> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative z-10"> <div class="redactor md:w-1/2"> <h2>Deze organisaties profiteren vandaag al van een multisite set-up</h2> </div> <div class="flex flex-wrap justify-around mt-16 sm:gap-20"> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/logo.-Gezond-Leven.svg" alt="Gezond Leven" title="Gezond Leven"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/logo-big.svg" alt="SIF" title="SIF"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/Stuk.svg" alt="Stuk" title="Stuk"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/logo-zelfmoord-1813.png" alt="Zelfmoord" title="Zelfmoord"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/cultuurconnect-logi.svg" alt="Cultuurconnect" title="Cultuurconnect"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/Belisol-logo-VL-lang-POS-CMYK.jpg" alt="Belisol" title="Belisol"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/PROJECTLOGO-SHAREPAIR_ol_2023-07-13-092639_qrpo.png" alt="Sharepair" title="Sharepair"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/Logo-OVB.png" alt="OVB" title="OVB"/> </div> <div class="max-w-[50%] p-6 sm:p-0 sm:max-w-[160px] max-h-[100px] group flex just-center items-center"> <img class="block w-full h-auto max-h-[100px] grayscale group-hover:grayscale-0" src="https://storage.googleapis.com/intcra_prod/files/Logos/Klanten/logo-similes.svg" alt="Similes" title="Similes"/> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative "> <div class="flex -mx-4 flex-wrap "> <div class="px-4 w-full mt-10 md:mt-0 relative z-10 md:w-3/4 lg:w-2/3 "> <h2 id="wat-zijn-de-voordelen-van-een-multisite">Wat zijn de voordelen van een multisite?</h2> <div class="redactor"> <ul><li>Een multisite <strong>groeit mee met je organisatie.</strong> Zo kan je veel sneller een extra deelsite toevoegen dan wanneer je vanaf nul zou moeten beginnen.</li><li>Als webmaster of content manager werk je steeds in <strong>hetzelfde CMS-systeem waarmee je vertrouwd bent</strong>.</li><li>Je werkt slechts met <strong>één login</strong> en hebt meteen toegang tot al je websites op één plek.</li><li><strong>Hosting en licentiekosten worden gedeeld</strong> over de verschillende sites. Je betaalt deze kosten maar één keer, ongeacht het aantal sites dat je toevoegt.</li><li>Ook het <strong>basisonderhoud</strong> valt <strong>goedkoper</strong> uit bij een multisite dan wanneer je telkens een aparte website laat opzetten.</li></ul> <p>Natuurlijk is het binnen een multisite ook mogelijk om <strong>een systeem van rechten en rollen</strong> uit te werken. Zo kan je collega's enkel toegang geven tot één bepaalde website of zelfs enkel tot bepaalde onderdelen van die website. </p> </div> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="grid grid-cols-1 gap-8 md:grid-cols-2"> <div class=""> <img src="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Stuk-homepage.png" data-srcset="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Stuk-homepage.png 440w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_660x622_crop_center-center_82_line/Stuk-homepage.png 660w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_820x772_crop_center-center_82_line/Stuk-homepage.png 820w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_980x923_crop_center-center_82_line/Stuk-homepage.png 980w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_1200x1131_crop_center-center_82_line/Stuk-homepage.png 1200w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 628px, (min-width: 820px) and (max-width: 979px) 378px, (min-width: 980px) and (max-width: 1199px) 458px, (min-width: 1200px) 568px" alt="" class="w-full lazyload"/> <div class="flex items-center mt-1 text-sm font-light"> <svg class="icon flex-shrink-0 mr-2 opacity-50" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#camera"></use></svg> Kunstencentrum Stuk beheert de eigen site en die van hun festivals via een multisite set-up. </div> </div> <div class=""> <img src="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Leuvenfixt.be.png" data-srcset="https://storage.googleapis.com/intcra_prod/files/Screenshots/_440x414_crop_center-center_82_line/Leuvenfixt.be.png 440w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_660x622_crop_center-center_82_line/Leuvenfixt.be.png 660w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_820x772_crop_center-center_82_line/Leuvenfixt.be.png 820w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_980x923_crop_center-center_82_line/Leuvenfixt.be.png 980w, https://storage.googleapis.com/intcra_prod/files/Screenshots/_1200x1131_crop_center-center_82_line/Leuvenfixt.be.png 1200w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 628px, (min-width: 820px) and (max-width: 979px) 378px, (min-width: 980px) and (max-width: 1199px) 458px, (min-width: 1200px) 568px" alt="" class="w-full lazyload"/> <div class="flex items-center mt-1 text-sm font-light"> <svg class="icon flex-shrink-0 mr-2 opacity-50" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#camera"></use></svg> Ook Leuvenfixt, Heelapeldoornrepareert, Roeselarerepareert en Repairstudio kunnen door dezelfde content managers aangepast worden. </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="relative "> <div class="flex -mx-4 flex-wrap "> <div class="px-4 w-full mt-10 md:mt-0 relative z-10 md:w-3/4 lg:w-2/3 "> <h2 id="multifunctioneel-zon-multisite">Multifunctioneel, zo'n multisite</h2> <div class="redactor"> <p>Er zijn talloze uitwerkingen mogelijk van een multisite aanpak. Bij Statik bekijken we telkens op maat van jouw project of organisatie welke structuur het meest geschikt lijkt. Er zijn namelijk zeker ook cases te bedenken waarbij een gescheiden aanpak alsnog de way to go blijkt. Als hangt af van de (online) doelstellingen van je organisatie en de interne organisatie op vlak van content management. Ontdek hieronder nog een aantal cases met een multisite set-up.</p> </div> </div> </div> </div> </div> </div> </div> <div class="section section--light"> <div class="container"> <div class="section__content"> <div class="relative"> <div class="relative z-10 grid gap-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3"> <div class="flex w-full"> <div class="relative flex flex-col w-full min-h-full overflow-hidden transition duration-300 ease-in-out cursor-pointer card group bg-white dark:bg-primary"> <div class=""> <picture class=""> <img src="data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27800%27%20height=%27800%27%20style=%27background:%23CCC%27%20/%3E" data-srcset="https://storage.googleapis.com/intcra_prod/files/Projecten/_800x800_crop_center-center_82_line/Background-Leuven-Leest.jpg 800w, https://storage.googleapis.com/intcra_prod/files/Projecten/_650x650_crop_center-center_82_line/Background-Leuven-Leest.jpg 650w, https://storage.googleapis.com/intcra_prod/files/Projecten/_500x500_crop_center-center_82_line/Background-Leuven-Leest.jpg 500w, https://storage.googleapis.com/intcra_prod/files/Projecten/_1000x1000_crop_center-center_61_line/Background-Leuven-Leest.jpg 1000w, https://storage.googleapis.com/intcra_prod/files/Projecten/_380x380_crop_center-center_82_line/Background-Leuven-Leest.jpg 380w, https://storage.googleapis.com/intcra_prod/files/Projecten/_760x760_crop_center-center_61_line/Background-Leuven-Leest.jpg 760w" srcset="https://storage.googleapis.com/intcra_prod/files/Projecten/_800x800_crop_center-center_82_line/Background-Leuven-Leest.jpg 800w, https://storage.googleapis.com/intcra_prod/files/Projecten/_650x650_crop_center-center_82_line/Background-Leuven-Leest.jpg 650w, https://storage.googleapis.com/intcra_prod/files/Projecten/_500x500_crop_center-center_82_line/Background-Leuven-Leest.jpg 500w, https://storage.googleapis.com/intcra_prod/files/Projecten/_1000x1000_crop_center-center_61_line/Background-Leuven-Leest.jpg 1000w, https://storage.googleapis.com/intcra_prod/files/Projecten/_380x380_crop_center-center_82_line/Background-Leuven-Leest.jpg 380w, https://storage.googleapis.com/intcra_prod/files/Projecten/_760x760_crop_center-center_61_line/Background-Leuven-Leest.jpg 760w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 304px, (min-width: 820px) and (max-width: 979px) 250px, (min-width: 980px) and (max-width: 1199px) 303px, (min-width: 1200px) 376px" width="800" height="800" alt="" class="w-full lazyload" /> </picture> </div> <div class="flex flex-col flex-auto w-full p-4 md:p-6 xl:p-8 "> <span class="-mt-4 pb-4 text-base">Jouw Stad Leest</span> <h3 class="mb-1"> <a class="link--extended hover:underline" href="https://www.statik.be/projecten/jouw-stad-leest">Jouw Stad Leest deelt leesplezier met stadsgenoten</a> </h3> <div class="mt-auto"> <div class="mt-4 link link--ext">Meer lezen</div> </div> </div> </div> </div> <div class="flex w-full"> <div class="relative flex flex-col w-full min-h-full overflow-hidden transition duration-300 ease-in-out cursor-pointer card group bg-white dark:bg-primary"> <div class=""> <picture class=""> <img src="data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27800%27%20height=%27800%27%20style=%27background:%23CCC%27%20/%3E" data-srcset="https://storage.googleapis.com/intcra_prod/files/_800x800_crop_center-center_82_line/RepairCafe4.jpg 800w, https://storage.googleapis.com/intcra_prod/files/_650x650_crop_center-center_82_line/RepairCafe4.jpg 650w, https://storage.googleapis.com/intcra_prod/files/_500x500_crop_center-center_82_line/RepairCafe4.jpg 500w, https://storage.googleapis.com/intcra_prod/files/_1000x1000_crop_center-center_61_line/RepairCafe4.jpg 1000w, https://storage.googleapis.com/intcra_prod/files/_380x380_crop_center-center_82_line/RepairCafe4.jpg 380w, https://storage.googleapis.com/intcra_prod/files/_760x760_crop_center-center_61_line/RepairCafe4.jpg 760w" srcset="https://storage.googleapis.com/intcra_prod/files/_800x800_crop_center-center_82_line/RepairCafe4.jpg 800w, https://storage.googleapis.com/intcra_prod/files/_650x650_crop_center-center_82_line/RepairCafe4.jpg 650w, https://storage.googleapis.com/intcra_prod/files/_500x500_crop_center-center_82_line/RepairCafe4.jpg 500w, https://storage.googleapis.com/intcra_prod/files/_1000x1000_crop_center-center_61_line/RepairCafe4.jpg 1000w, https://storage.googleapis.com/intcra_prod/files/_380x380_crop_center-center_82_line/RepairCafe4.jpg 380w, https://storage.googleapis.com/intcra_prod/files/_760x760_crop_center-center_61_line/RepairCafe4.jpg 760w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 304px, (min-width: 820px) and (max-width: 979px) 250px, (min-width: 980px) and (max-width: 1199px) 303px, (min-width: 1200px) 376px" width="800" height="800" alt="" class="w-full lazyload" /> </picture> </div> <div class="flex flex-col flex-auto w-full p-4 md:p-6 xl:p-8 "> <h3 class="mb-1"> <a class="link--extended hover:underline" href="https://www.statik.be/blog/digitale-tools-voor-repair">2 jaar Sharepair: maak kennis met Repair Maps, Repair Connects en het Open Urban Repair Network</a> </h3> <div class="mt-auto"> <div class="mt-4 link link--ext">Meer lezen</div> </div> </div> </div> </div> </div> <div class="absolute right-0 hidden translate-x-1/2 md:block -bottom-20 shape" data-s-parallax="true" data-s-parallax-background="false" data-s-parallax-orientation="down" data-s-parallax-scale="1.3" data-s-parallax-breackpoint="820" data-s-parallax-overflow="false"> <img src="/img/site/overview-ornament-br.svg" alt="" class="h-auto md:w-[300px] lg:w-[500px] xl:w-full"/> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="section__content"> <div class="py-12 px-8 bg-primary text-white"> <div class="mx-auto text-center md:w-2/3"> <div class="redactor cta redactor--contrast"> <h2>Zou jouw organisatie wel eens kunnen profiteren van een multisite? </h2> <p>Wij denken graag mee na over een goede aanpak. </p> </div> <div class="mt-10"> <a class="btn btn--ghost-inverse btn--ext" href="https://www.statik.be/offerte-aanvragen">Contact opnemen</a> </div> </div> </div> </div> </div> </div> <div class="section section--default"> <div class="container"> <div class="flex flex-wrap "> <div class="relative w-full md:w-1/2 lg:w-2/3" data-s-parallax="true" data-s-parallax-background="false" data-s-parallax-delay="0" data-s-parallax-orientation="up" data-s-parallax-scale="1.3" data-s-parallax-breakpoint="820" data-s-parallax-overflow="false"> <div class="w-full h-full"> <div class="relative flex justify-center w-full h-full overflow-hidden md:pr-24 md:justify-end js-pull-out" data-query='[{"breakpoint":0,"direction":"both"},{"breakpoint":820,"direction":"left"}]' data-no-content="true"> <div class="w-full mx-auto xs:w-3/4 sm:w-2/3 md:max-h-full md:mx-0"> <svg class="w-full h-full " xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1067" height="844" viewBox="0 0 1067 844"> <defs> <polygon id="ornament1a-207" points="615.468 392.509 222.959 615.468 0 222.959 392.509 0"/> </defs> <path class="fill-site-green" d="M228.532751,58.9825018 C11.7563648,182.118892 -64.1540988,457.673663 58.9822917,674.450049 L844.000298,228.532113 C720.863908,11.7557274 445.309137,-64.1538888 228.532751,58.9825018"/> <g transform="translate(451.492 228.532)"> <mask id="ornament1b-207" fill="#fff"> <use xlink:href="#ornament1a-207"/> </mask> <use xlink:href="#ornament1a-207" class="fill-site-light-blue"/> <image xlink:href="https://storage.googleapis.com/intcra_prod/files/Personen/_800x800_crop_center-center_82_line/Jan-1-1.jpg" alt="Een man, kaal, een hemd met mao kraag, glimlachend en buiten in de zon." width="616" height="616" x="0" y="0" mask="url(#ornament1b-207)"/> </g> </svg> </div> </div> </div> </div> <div class="w-full mt-10 md:mt-0 md:w-1/2 md:py-24 flex flex-col justify-center lg:w-1/3"> <div class="mb-1 text-sm font-normal tracking-widest uppercase">Informatiearchitect en technisch analist</div> <h2 id="wie-is-jan">Wie is Jan?</h2> <div class="redactor"> Als Craft CMS fan van het eerste uur denkt hij voortdurend na hoe we onze websites en toepassingen nog beter kunnen afstemmen op de noden van de bezoekers. </div> </div> </div> </div> </div> <div class="section section--light"> <div class="container"> <h2 class="mb-10">Volgende blogpost</h2> <div class="relative flex flex-wrap bg-white dark:bg-primary group"> <div class="w-full md:w-1/2 lg:w-1/3"> <img src="https://storage.googleapis.com/intcra_prod/files/_800x800_crop_center-center_82_line/129458/digital-storytelling.jpg" data-srcset="https://storage.googleapis.com/intcra_prod/files/_800x800_crop_center-center_82_line/129458/digital-storytelling.jpg 800w, https://storage.googleapis.com/intcra_prod/files/_650x650_crop_center-center_82_line/129458/digital-storytelling.jpg 650w, https://storage.googleapis.com/intcra_prod/files/_500x500_crop_center-center_82_line/129458/digital-storytelling.jpg 500w, https://storage.googleapis.com/intcra_prod/files/_1000x1000_crop_center-center_61_line/129458/digital-storytelling.jpg 1000w, https://storage.googleapis.com/intcra_prod/files/_380x380_crop_center-center_82_line/129458/digital-storytelling.jpg 380w, https://storage.googleapis.com/intcra_prod/files/_760x760_crop_center-center_61_line/129458/digital-storytelling.jpg 760w" sizes="(max-width: 479px) 95vw, (min-width: 480px) and (max-width: 659px) 448px, (min-width: 660px) and (max-width: 819px) 628px, (min-width: 820px) and (max-width: 979px) 378px, (min-width: 980px) and (max-width: 1199px) 390px" alt="" class="w-full lg:h-full lg:object-cover lazyload" /> </div> <div class="w-full p-6 xs:p-12 md:w-1/2 lg:w-2/3"> <h3 class=""><a class="hover:underline link--extended" href="https://www.statik.be/blog/podcast-special-starten-met-digital-storytelling">Podcast special: Starten met digital storytelling</a></h3> <div class="text-base"> 11 februari 2022 </div> <div class="mt-6 redactor"> <p>Benieuwd om te horen hoe je kan starten met digital storytelling? In deze korte podcast aflevering geven we jou 5 tips. Daarbij richten we ons bewust op de kunst-, cultuur- en erfgoedsector. Listen & learn!</p> </div> <div class="mt-10 link link--ext">Meer lezen</div> </div> </div> </div> </div> </main> <footer class="relative z-10 page-footer"> <div class="text-white section bg-primary dark:bg-black"> <div class="container"> <div class="flex flex-wrap -mx-4"> <div class="w-full px-4 md:w-1/2 lg:w-4/12"> <a href="https://www.statik.be/" class="" title="Statik"> <svg class="w-full max-w-logo-home h-auto" width="186" height="76" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 76" role="img" aria-label="logo"><g fill="#FFF" transform="translate(.969 .784)"><polygon points="146.026 10.562 146.026 73.198 162.488 73.198 162.488 42.64 162.488 10.562"/><polygon points="179.186 44.601 163.941 44.601 163.941 42.64 162.488 42.64 168.335 73.198 185 73.198"/><path d="M183.343687 24.7251131 167.355198 24.7251131C167.355198 31.316562 167.456605 38.2122317 163.974968 42.6741356 168.031244 43.5191931 183.343687 44.8712852 183.343687 24.7251131ZM79.3340033 60.4879488C77.6776905 60.4879488 77.6776905 58.0541831 77.6776905 55.8232311 77.6776905 50.3810605 77.6776905 46.2233773 81.1593276 42.9107517 61.182167 42.9107517 61.182167 58.1217877 61.182167 61.8062386 61.182167 66.0653287 62.1624338 74.5159043 71.9312991 74.5159043 83.4578842 74.5159043 83.0860588 60.7583673 81.1593276 55.2147897 81.1593276 58.0879854 81.1593276 60.4879488 79.3340033 60.4879488Z"/><path d="M80.1114562,22.9673934 C72.8439613,22.9673934 65.3736525,27.057472 61.2159693,31.0123413 L61.2159693,47.2036441 C66.4553261,41.7614734 72.5735428,38.8544754 76.6298191,38.8544754 C79.3340033,38.8544754 81.1931299,40.2065675 81.1931299,42.944554 L81.1931299,55.248592 L83.4240819,55.248592 L86.128266,73.1976145 L97.6548511,73.1976145 L97.6548511,42.944554 C97.6548511,36.5559189 97.0802119,22.9673934 80.1114562,22.9673934 Z"/><circle cx="133.752" cy="12.494" r="9.802" transform="rotate(-19.33 133.752 12.494)"/><polygon points="119.119 24.725 119.119 10.562 107.559 10.562 104.855 21.21 99.311 24.725 99.311 33.548 102.624 33.548 102.624 73.198 119.119 73.198 119.119 33.548 125.44 33.548 125.44 73.198 141.902 73.198 141.902 24.725"/><polygon points="55.334 10.562 43.808 10.562 41.104 21.21 35.56 24.725 35.56 33.548 38.873 33.548 38.873 73.198 55.334 73.198 55.334 33.548 59.019 33.548 59.019 24.725 55.334 24.725"/><path d="M0.371825324,51.8007572 C6.52384433,59.5076821 21.7348803,61.4344133 21.7348803,58.4260084 C21.7348803,54.8091621 0,57.2429278 0,38.6516616 C0,28.5109709 6.25342591,22.9673934 17.0701626,22.9673934 C25.5545405,22.9673934 36.7769048,24.4208924 34.9177782,45.1079013 L19.3687192,45.1079013 C20.3489859,39.0572892 18.9630915,37.1981626 17.5095925,37.1981626 C16.2589074,37.1981626 15.1772337,38.0770225 15.1772337,40.5107882 C15.1772337,44.2290415 17.3067787,46.0543658 20.7208113,46.9332257 C27.5488763,48.5895385 35.3572081,49.772619 35.3572081,60.8597742 C35.3572081,69.5469658 31.6389549,74.6849158 19.0644984,74.6849158 C11.7632012,74.6849158 4.6309154,72.8257891 0.338023022,69.4117566 L0.338023022,51.8007572 L0.371825324,51.8007572 Z"/></g></svg> </a> <div class="mt-10"> Statik <address class="not-italic"> Vital Decosterstraat 67A/0301 <br /> 3000 Leuven </address> </div> <div class="mt-10"> <div> <a class="flex items-center text-white underline hover:no-underline" target="_blank" rel="noopener" href="mailto:info@statik.be"> <svg class="icon text-white mr-2 text-xl" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#envelope"></use></svg> info@statik.be </a> </div> <div class="mt-2"> <a class="flex items-center text-white underline hover:no-underline" target="_blank" rel="noopener" href="tel:+3216671901"> <svg class="icon text-white mr-2 text-xl" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#phone"></use></svg> +32 16 67 19 01 </a> </div> </div> <div class="mt-12" id="carbonBadge"> <div id="wcb" class="carbonbadge"></div> <script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script> </div> </div> <div class="w-full px-4 mt-12 md:w-1/2 lg:w-3/12 md:mt-0"> <nav class="-mx-4" aria-label="Footer"> <ul class="w-full px-4 space-y-3 xs:w-auto"> <li class=""> <a href="https://www.statik.be/wat-doen-we" class="text-xl font-semibold hover:underline">Wat doen we</a> </li> <li class=""> <a href="https://www.statik.be/projecten" class="text-xl font-semibold hover:underline">Ons werk</a> </li> <li class=""> <a href="https://www.statik.be/over-statik" class="text-xl font-semibold hover:underline">Ons verhaal</a> </li> <li class=""> <a href="https://www.statik.be/contact" class="text-xl font-semibold hover:underline">Contact</a> </li> <li class=""> <a href="https://www.statik.be/duurzaamheidsverslag" class="text-xl font-semibold hover:underline">Ons duurzaamheidsverslag</a> </li> </ul> <ul class="w-full px-4 mt-4 space-y-2 xs:w-auto"> <li class=""> <a href="https://www.statik.be/blog" class="text-base">Blog</a> </li> <li class=""> <a href="https://www.statik.be/schoon-schip" class="text-base">Podcast</a> </li> <li class=""> <a href="https://www.statik.be/werken-bij-ons" class="text-base">Jobs</a> </li> <li class=""> <a href="https://www.statik.be/events" class="text-base">Events & opleidingen</a> </li> <li class=""> <a href="https://www.statik.be/onze-partners" class="text-base">Onze partners</a> </li> </ul> </nav> </div> <div class="w-full px-4 mt-12 md:w-1/2 lg:w-5/12 lg:mt-0"> <div class=""> <h3 class="">Wil je op de hoogte blijven?</h3> <p class="pb-4"> Schrijf je in voor onze nieuwsbrief en ontvang regelmatig updates. </p> <a href="https://www.statik.be/nieuwsbrief" class="btn btn--primary-inverse btn--ext">Inschrijven</a> <script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script></div> <div class="flex items-baseline mt-10"> of volg ons op <ul class="flex items-baseline ml-2 space-x-3 text-2xl"> <li class=""> <a href="https://www.facebook.com/statik.webdesign" aria-label="Bekijk onze Facebook pagina" target="_blank" rel="noopener" class="hover:text-site-yellow"> <svg class="icon " aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#facebook"></use></svg> <span class="sr-only">Facebook</span> </a> </li> <li class=""> <a href="https://www.instagram.com/statik.be/" aria-label="Bekijk onze Instagram pagina" target="_blank" rel="noopener" class="hover:text-site-yellow"> <svg class="icon " aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#instagram"></use></svg> <span class="sr-only">Instagram</span> </a> </li> <li class=""> <a href="https://www.linkedin.com/company/1301542/admin/" aria-label="Bekijk onze LinkedIn pagina" target="_blank" rel="noopener" class="hover:text-site-yellow"> <svg class="icon " aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#linkedin"></use></svg> <span class="sr-only">LinkedIn</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="section footer__bcorp"> <div class="container"> <div class="flex flex-wrap gap-12"> <a href="http://www.thekindkids.be/" class="" target="_blank"> <img src="/img/site/tkk-label-statik-nl.svg" alt="The Kind Kids" width="150" class="-rotate-12" /> </a> <a href="/blog/statik-mag-zich-een-b-corp-noemen" class="inline-block dark:invert"> <img src="/img/site/bcorp-logo.png" alt="Certified B Corporation" width="310"/> </a> </div> </div> </div> <div class="pt-0 section"> <div class="container"> <div class="flex flex-wrap justify-between"> <div class=""> <span>© 2025 Statik.be - Met <span class="sr-only"> liefde </span> <svg class="icon text-site-orange" aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#heart"></use></svg> gebouwd, door onszelf natuurlijk </span> </div> <div class="pt-4 xs:pt-0 print:hidden"> <nav class=""> <ul class="flex-wrap space-y-1 xs:space-y-0 xs:space-x-4 xs:flex"> <li> <a href="https://www.statik.be/toegankelijkheidsverklaring" class="underline hover:no-underline text-site-blue">Toegankelijkheidsverklaring</a> </li> <li> <a href="https://www.statik.be/privacy" class="underline hover:no-underline text-site-blue">Privacy</a> </li> <li> <a href="https://www.statik.be/cookie-policy" class="underline hover:no-underline text-site-blue">Cookiebeleid</a> </li> <li> <button type="button" class="underline js-cookie-settings hover:no-underline text-site-blue">Cookieinstellingen</button> </li> </ul> </nav> </div> </div> </div> </div> </footer> <div class="invisible flyout ie-hidden" id="flyout"> <div class="container"> <div class="absolute top-0 right-0 mt-4 mr-4"> <button type="button" class="text-2xl cursor-pointer js-flyout-close" tabindex="0"> <svg class="icon " aria-hidden="true"><use xlink:href="https://www.statik.be/icon/site/sprite.e57c6714ca2d681895b7.svg#clear"></use></svg> <span class="sr-only">Sluiten</span> </button> </div> <div class="px-6 mt-12"> <div class=""> <ul class="space-y-3"> <li class="nav__item"> <a href="https://www.statik.be/wat-doen-we" class="text-xl font-semibold ">Wat doen we</a> </li> <li class="nav__item"> <a href="https://www.statik.be/projecten" class="text-xl font-semibold ">Ons werk</a> </li> <li class="nav__item"> <a href="https://www.statik.be/over-statik" class="text-xl font-semibold ">Ons verhaal</a> </li> <li class="nav__item"> <a href="https://www.statik.be/contact" class="text-xl font-semibold ">Contact</a> </li> </ul> </div> <div class="mt-4"> <ul class="space-y-3"> <li class=""> <a href="https://www.statik.be/blog" class="relative text-lg font-light">Blog </a> </li> <li class=""> <a href="https://www.statik.be/schoon-schip" class="relative text-lg font-light">Podcast </a> </li> <li class=""> <a href="https://www.statik.be/events" class="relative text-lg font-light">Events & opleidingen </a> </li> <li class=""> <a href="https://www.statik.be/werken-bij-ons" class="relative text-lg font-light">Jobs <span class="absolute flex items-center justify-center w-4 h-4 text-xs font-normal translate-x-1/2 -translate-y-1/2 rounded-full top-2 -right-2 bg-site-yellow text-primary">4</span> </a> </li> </ul> </div> </div> </div> </div> <div class="flyout__overlay js-flyout-close"></div> </div> <script type="text/javascript"> window.app = window.app || {}; app.variables = { assetsPath: "/" }; </script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({'event': 'statik_page_tag', 'tag': 'Diensten' }); window.dataLayer.push({'event': 'statik_page_tag', 'tag': 'Websites en CMS' }); window.dataLayer.push({'event': 'statik_page_tag', 'tag': 'Blog' }); window.dataLayer.push({'event': 'statik_page_tag', 'tag': 'Technologie' }); </script> <script src="https://www.statik.be/cpresources/677006f6/js/cookie.js?v=1709118158"></script></body> </html>

CINXE.COM

Eenvoudig meerdere websites beheren dankzij een multisite | Statik.be