Handleiding Windmill CMS - Connectholland 2010 1

Handleiding Windmill CMS - Connectholland 2010 1

Index Windmill CMS pag. 5 Inloggen Windmill CMS pag. 5 Opbouw website & terminologie pag. 6 Artikel algemeen pag. 6 Contentblok algemeen pag. 7 Menubalk pag. 8 Menu Venster pag. 8 Menu Invoegen pag. 8 Groene & Blauwe plus pag. 8 Content editor/pagina editor pag. 9 Algemeen Content editor openen pag. 10 Content editor openen via Groene en Blauwe plus (bewerken) pag. 10 Content editor Artikel openen (Groene plus) pag. 10 Content editor Contentblok openen (Blauwe plus) pag. 11 pag. 11 Content editor openen via Menubalk (nieuw Artikel of Contentblok invoegen) Contentblok pag. 12 Contentblok invoegen pag. 13 Contentblok invoegen via de Menubalk pag. 13 Contentblok invoegen via de Content editor pag. 14 Soort Contentblok kiezen pag. 15 Tekst pag. 15 Afbeelding pag. 15 Tekst met afbeelding pag. 16 Handleiding Windmill CMS - Connectholland 2010 2

Overige (Video, Foto Album etc) pag. 16 Contentblok tekst pag. 17 Contentblok Index pag. 18 Contentblok Links pag. 19 Contentblok Afbeelding pag. 20 Afbeelding toevoegen via Bladeren pag. 21 Afbeelding toevoegen via Downloaden pag. 21 Afbeelding toevoegen via de Mediamanager pag. 21 Contentblok Banner pag. 22 Banner met afbeelding pag. 23 Banner met tekst pag. 23 Banner met afbeelding en tekst pag. 24 Banner met een pop-up (Bannerimage/Productpopup) pag. 24 Contentblok Afbeelding & tekst pag. 25 Apart PDF of ander bestand toevoegen pag. 26 Link naar website of email toevoegen pag. 28 Film toevoegen pag. 29 Contentblok YouTube pag. 29 Contentblok Video pag. 30 Contentblok Foto Album pag. 31 Contentblok Social Media pag. 33 Contentblok bewerken pag. 35 Artikel pag. 36 Algemeen Artikel invoegen pag. 36 Artikel invoegen via Menubalk pag. 36 Handleiding Windmill CMS - Connectholland 2010 3

Artikel invoegen via Database editor pag. 37 Artikel bewerken pag. 38 Database record pag. 39 Artikelnaam (Paginanaam) pag. 40 Web ABC (Oog ABC etc) pag. 40 Publiceer datum & verval datum Artikel pag. 40 Soort Artikel pag. 41 Artikel publiceren (Online plaatsen)/niet in Web ABC pag. 41 Mediamanager pag. 42 Algemeen Tabblad Overzicht pag. 43 Tabbladen Media pag. 44 Media uploaden pag. 45 Stap 1: Soort Media kiezen pag. 45 Stap 2: Uploaden pag. 46 Stap 3: Van label voorzien pag. 47 Media bewerken pag. 48 Bestand toevoegen via Content editor pag. 48 Database editor pag. 49 Algemeen Tabblad Database editor pag. 50 Bewerken Database editor pag. 51 Handleiding Windmill CMS - Connectholland 2010 4

Windmill CMS Windmil CMS is het programma om uw website te beheren. Na inloggen verschijnt er een Menubalk en Groene en Blauwe plussen op het scherm. Deze functies helpen u om de website te beheren. Om de handleiding duidelijker te maken, vindt u hieronder een overzicht van de termen die worden gebruikt in deze handleiding en Windmill CMS en hoe de website is opgebouwd. Opbouw website & terminologie Menubalk Handleiding Windmill CMS - Connectholland 2010 5

Opbouw website & terminologie De websites ontwikkeld door Connectholland zijn opgebouwd uit Artikelen (groen) en Contentblokken (blauw) die te zien zijn op de verschillende pagina s van de website. Artikel algemeen Een Artikel is net als bij een krant een stuk met informatie over 1 onderwerp. Een Artikel kan op de home pagina staan als een inleiding tot het volledige Artikel op een andere pagina of een pagina zijn in de website waar je naar toe gaat door middel van het menu of een link. De opbouw van een Artikel bestaat uit contentblokken. De Contentblokken bevatten tekst, afbeeldingen of video die de inhoud van het Artikel bepalen. Artikel Afbeelding 1: Home pagina met Artikels en Contentblokken (links) en Artikel met Contentblokken (rechts) Handleiding Windmill CMS - Connectholland 2010 6

Contentblok algemeen De informatie die op de site zichtbaar is noemen we content. Dit kan tekst zijn of afbeeldingen, banners, filmpjes etc. Om deze content op de website weer te geven hebben we een kader nodig waar deze in geplaatst wordt, dit kader wordt een Contentblok genoemd. Een Contentblok bevat een vooraf ingestelde opmaak die bij de site hoort, zoals lettertype, -grootte en -kleur en de afmetingen en locatie van het Contentblok op de pagina. Het kan zijn dat op een site verschillen zijn in de opmaak van de Contentblokken, bijvoorbeeld links een brede kolom en rechts een smallere kolom, en ook de opmaak van het lettertype kan verschillen in deze kolommen. Hier wordt dan gebruik gemaakt van verschillende Contentblokken (Contentblok verzameling); Contentblok 1, Contentblok 2, etc. Niet op elke pagina in de site zijn alle Contentblokken toe te voegen. Meestal behoort een Contentblok tot een Artikel, dit hoeft echter niet zo te zijn. Contentblok Afbeelding 2: Contentblok verzameling Handleiding Windmill CMS - Connectholland 2010 7

Menubalk Via de Menubalk kan de informatie op de website worden toegevoegd en bewerkt. Onder Pagina kan er worden uitgelogd en een voorbeeld worden geprint. Onder Beeld kan een voorbeeld worden gegenereerd in verschillende grootte. Dit zijn simpele toepassingen. Om de content van de website te beheren zijn de opties Menu Venster enmenu Invoegenhet belangrijkst. Menu Venster Onder venster kan de Mediamanager en Database editor geopend worden. In de Mediamanager wordt de meeste media, zoals afbeeldingen en pdf-bestanden, beheerd. In de Database editor wordt alle informatie die wordt aangemaakt beheerd, zowel online als offline. Menu Invoegen Onder invoegen kan er een Contentblok of een Artikel worden toegevoegd. In de opbouw site en terminologie wordt een uitleg gegeven over de begrippen Artikel en Contentblok. Opbouw website & terminologie Groene & Blauwe plus Met de groene plus kan een Artikel geopend worden om te bewerken in de Content editor/ Pagina editor. Met de blauwe plus kan een Contentblok bewerkt worden in de Content editor/pagina editor. Content editor Artikel openen (Groene plus) Afbeelding 3: Groene (Artikel) en Blauwe (Contentblok) plus Content editor Contentblok openen (Blauwe plus) Handleiding Windmill CMS - Connectholland 2010 8

Content editor/pagina editor De informatie die op de website wordt getoond kan met de Content editor worden beheerd. Elk Artikel met bijbehorende Contentblokken of Pagina met Contentblokken heeft een Content editor. Het kan zijn dat op 1 pagina er verschillende Content editors openen, omdat de vooraf bepaalde opmaak van Contentblokken verschillen. In de Content editor kan een nieuw Contentblok worden toegevoegd of een bestaand Contentblok worden aangepast. Afbeeleding 4: Content editor Een Content editor heeft verschillende tabbladen. De Content editor van een Artikel met bijbehorende Contentblokken is anders dan een Content editor met alleen Contentblokken. Van een Content editor van een Artikel is het eerste tabblad database, dit tabblad heeft een Content editor van alleen Contentblokken niet. In het tabblad database zijn de gegevens van het Artikel te zien die ingevoerd zijn bij het aanmaken van het Artikel (zie Artikel invoegen); database record. Daarnaast staan de tabbladen van de verschillende Contentblokken die bij dit Artikel horen. Als laatste tabblad kan er een Nieuw blok worden toegevoegd. Door hierop te klikken opent er een nieuw Contentblok. In de Content editor is dit een nieuw tabblad en op de website zal dit een nieuw kader met content zijn. Content editor openen Contentblok Artikel Database record Handleiding Windmill CMS - Connectholland 2010 9

Content editor openen Om in de Content editor te komen zijn er verschillende manieren; Content editor openen via Groene en Blauwe plus (bewerken) De meest gebruikelijke manier is via de groene en blauwe plus. De groene plus staat voor een artikel en de blauwe plus voor een Contentblok. Afbeelding 5: Groene en Blauwe plus Content editor Artikel openen (Groene plus) Met de groene plus kan de Content editor van een Artikel worden geopend worden om het Artikel te bewerken. Klik met de linker muis knop op de groene plus, dan verschijnt er een menu. Kies hier bewerken om in de Content editor van dit artikel te komen. Hier kunnen de Contentblokken die bij dit Artikel horen bewerkt worden. Door op verwijderen te klikken zal het Artikel definitief verwijderd worden. Afbeelding 6: Groene plus (Artikel) Contentblok invoegen Contentblok bewerken Artikel bewerken Content editor/pagina editor Handleiding Windmill CMS - Connectholland 2010 10

Content editor Contentblok openen (Blauwe plus) Met de blauwe plus kan een Contentblok bewerkt worden in de Content editor. Klik met de linker muisknop op de blauwe plus, dan verschijnt er een menu. Kies bewerken om in de Content editor te komen. Hij opent de Content editor van het artikel waarin dit Contentblok zit of als het Contentblok niet aan een artikel gekoppeld is de Content editor van deze Contentblok verzameling. Afbeelding 7: Blauwe plus (Contentblok) Met dit menu is er een mogelijkheid om eenvoudige bewerkingen uit te voeren op het Contentblok. De volgorde van de Contentblokken kan veranderd worden met omhoog verplaatsen en omlaag verplaatsen en de optie om het Contentblok online te zien kan aan of uit (Offline) gezet worden. Het Contentblok kan direct definitief verwijderd worden met de optie verwijderen. Contentblok bewerken Contentblok invoegen Artikel bewerken Content editor/pagina editor Content editor openen via Menubalk (nieuw Artikel of Contentblok invoegen) Een manier om in de Content editor te komen is door een Contentblok in te voegen via de Menubalk. Dit gaat via Invoegen/Contentblok1, 2, 3 etc. Via deze weg opent de Content editor meteen met een nieuw Contentblok in de Content editor van het bijbehorende Artikel of Contentblok verzameling. Via Invoegen/Artikel opent Windmill een nieuwe Content editor en kan het huidige Artikel (dan zichtbaar op de website) en bijbehorende Contentblokken niet worden bewerkt. Contentblok invoegen Artikel invoegen Handleiding Windmill CMS - Connectholland 2010 11

Contentblok De informatie in een Contentblok kan bewerkt worden of een geheel nieuw Contentblok kan toegevoegd worden. Het soort informatie bepaalt het soort Contentblok. Bepaal van te voren wat voor soort informatie er toegevoegd moet worden om het soort Contentblok te bepalen. Als het Contentblok online gezien mag worden moet het Toon online aangevinkt worden bij Publicatie Informatie. LET OP!! Vergeet niet de content op te slaan rechts onderin voor afsluiten. Links onder komt een groen vinkje als hij is opgeslagen. WIndmill CMS geeft geen waarschuwing als men afsluit zonder op te slaan. Mogelijke categorieën Contentblokken zijn: Tekst Tekst met afbeelding Afbeelding Overige (Video, Foto Album etc) Handleiding Windmill CMS - Connectholland 2010 12

Contentblok invoegen Een Contentblok invoegen kan via de Content editor of rechtstreeks via de Menubalk. De snelste manier om een Contentblok in te voegen, is via de Menubalk. Contentblok invoegen via de Menubalk LET OP!! Kies het juiste Contentblok als er verschillende Contentblok verzamelingen aanwezig zijn op de Pagina. Door met de cursor op Contentblok 1 te gaan staan verschijnt er een blauwe lijn om de Contentblok verzameling die met deze optie worden toegevoegd, hetzelfde gebeurt bij Contentblok 2. Door op Contentblok 1 of Contentblok 2 te klikken opent de bijbehorende Content editor; Contentblok 1 en Contentblok 2 hebben verschillende Content editors. De Content editor opent meteen op een nieuw Contentblok. Afbeelding 8: Contentblok verzameling 2 (links) en Contentblok verzameling 3 (rechts) Content editor/pagina editor Contentblok Handleiding Windmill CMS - Connectholland 2010 13

Contentblok invoegen via de Content editor Na het openen van de Content editor is er een mogelijkheid om een nieuw Contentblok toe te voegen door middel van het tabblad Nieuw blok. Door hier op te klikken opent automatisch een nieuw tabblad met een nieuw Contentblok. Afbeelding 9: Nieuw Contentblok toevoegen Content editor/pagina editor Contentblok Handleiding Windmill CMS - Connectholland 2010 14

Soort Contentblok kiezen Klik op Layout wijzigen om het soort Contentblok te kiezen. Het soort Contentblok dat gekozen kan worden is afhankelijk van de vooraf bepaalde layout van de website. Afbeelding 10: Layout Contentblok wijzigen Tekst Een stuk tekst, opsomming of verwijzingen naar links, bestanden etc kunnen het beste in een tekstblok worden geplaatst. Er zijn verschillende soorten Contentblokken tekst. Contentblok tekst Contentblok Index Contentblok Links Afbeelding Er kunnen twee soorten afbeeldingen toegevoegd worden; een gewone afbeelding of een banner. Het verschil tussen een afbeelding en een banner is dat een banner altijd over de hele breedte van het Contentblok gaat en er een link-button bij of op geplaatst kan worden. Contentblok Afbeelding Contentblok Banner Handleiding Windmill CMS - Connectholland 2010 15

Tekst met afbeelding De tekst kan met een afbeelding worden gecombineerd. Hier is een apart Contentblok voor. Contentblok Afbeelding & tekst Banner met afbeelding en tekst Overige (Video, Foto Album etc) Er kunnen verschillende soorten Media worden ingevoegd, zoals een Video van YouTube of een video uploaden, een Foto album en Social Media. Film toevoegen Contentblok Foto Album Contentblok Social Media Handleiding Windmill CMS - Connectholland 2010 16

Contentblok tekst Afhankelijk van de layout van de website kunnen er tekst Contentblokken met 1, 2 of 3 kolommen worden ingevoegd. In het tekstvak van de Content editor zal deze tekst gewoon in 1 kolom komen te staan, maar op de website zal het de layout van het gekozen Contentblok aannemen. Boven aan het tekst Contentblok komt een titel te staan dat ingevuld wordt onder Subkop. Er komt geen titel boven het tekst Contentblok te staan als hier niks is ingevuld. Een tekstblok bevat uitsluitend tekst. De tekst kan in beperkte mate bewerkt worden. Het lettertype, kleur en grootte zijn vooraf bepaald en kunnen niet worden aangepast. De tekst kan wel vetgedrukt, cursief of onderstreept worden en er kunnen opsommingen worden gemaakt. Er kunnen koppen worden aangegeven zodat er in een Contentblok subtitels/koppen kunnen worden geplaatst. Dit kan onder Opmaak. Klik hier voor een uitgebreide omschrijving van de legenda. LET OP!! Teksten die direct gekopieerd worden vanuit Word zijn niet geschikt voor het gebruik op Internet. Als er een tekst vanuit Word gekopieerd moet worden, maak dan gebruik van de kopieer uit word knop om problemen te voorkomen. Legenda opmaak Apart PDF of ander bestand toevoegen Link naar website of email toevoegen Handleiding Windmill CMS - Connectholland 2010 17

Contentblok Index Een Index Contentblok maakt automatisch een inhoudsopgave van de Contentblokken die daaronder staan. Contentblokken onder de Index Contentblok die geen titel hebben worden niet opgenomen in de Index. (Titels staan onder Subkop) Onder Subkop kan een titel van het index Contentblok worden ingevuld, bijvoorbeeld Index of Inhoud. De Label op naar index link is een eventuele link naar de Index, die onderaan de andere Contentblokken komt te staan. Afbeelding 11: Index Contentblok invullen Afbeelding 12: Voorbeeld Index Contentblok Handleiding Windmill CMS - Connectholland 2010 18

Contentblok Links De Contentblok Links is er (speciaal) om meerdere links netjes bij elkaar te zetten. Het kan om een link gaan naar een pagina binnen de eigen website of een link naar een andere website. Onder de Subkop kan een titel worden toegevoegd aan het Contentblok, als hier niks staat komt er geen titel. Onder Tekst komt de tekst te staan die je ziet op de website en gekoppeld wordt aan de link. Onder Link staat de link (URL) naar de pagina of website. Afbeelding 13: Link Contentblok invullen Met het (rode) kruisje wordt de link verwijderd en met het (groene) plusje kan een link worden toegevoegd. Afbeelding 14: Voorbeeld Link Contentblok TIP!! Is de URL een link naar een pagina binnen de eigen website, dan hoeft alleen het gedeeelte achter het standaard webadres gebruikt te worden. Bijvoorbeeld bij www.website.nl/ contentblokken/banners.html hoeft alleen /contentblokken/banners.html ingevuld te worden. Handleiding Windmill CMS - Connectholland 2010 19

Contentblok Afbeelding Afhankelijk van de layout van de website kan er een afbeelding ingevoegd worden in 1, 2 of 3 kolommen. Boven de afbeelding kan een titel komen te staan, dit wordt ingevuld bij Subkop. Als hier niks wordt ingevuld komt er geen titel boven de afbeelding te staan. Afbeelding toevoegen Afbeelding 15: Afbeelding Contentblok invullen De afbeelding kan op 3 manieren worden toegevoegd: Afbeelding toevoegen via Bladeren Afbeelding toevoegen via Downloaden Afbeelding toevoegen via de Mediamanager De omschrijving bij afbeelding wordt niet laten zien op de pagina maar wordt gebruikt voor de zoekmachines en browsers voor blinden. Label bij afbeelding geeft een beschrijving die aan de afbeeldingen worden toegevoegd. Dit komt onder de afbeelding te staan. Handleiding Windmill CMS - Connectholland 2010 20

Afbeelding toevoegen via Bladeren Hier kan een bestand dat opgeslagen is op de computer worden toevoegd. Na het toevoegen komt er links, onder afbeelding een voorbeeld te staan. De afbeelding wordt automatisch opgeslagen in de Media manager in het mapje uploads. Afbeelding toevoegen via Downloaden Hier kan een bestand dat gevonden is op het internet rechtstreeks worden importeerd. Plak de URL van de internetbrowser achter Optie 2 en klik op Downloaden. Links, onder afbeeldingen komt een voorbeeld te staan. De afbeelding wordt automatisch opgeslagen in de Media manager in het mapje downloads. Afbeelding toevoegen via de Mediamanager Een bestand dat is toegevoegd aan de Media manager (zie Mediamanager) kan worden geselecteerd. Klik op de Media manager knop om naar de Media manager te gaan. Selecteer de afbeelding die ingevoegd moet worden en druk rechtsonder op de knop invoegen. Links, onder Afbeelding komt een voorbeeld te staan. LET OP!! Afbeeldingen die niet via de Media manager worden geïmporteerd komen in 1 map te staan (uploads en downloads) en worden niet gestructureerd. De voordelen van afbeeldingen toevoegen via de Mediamanager is het creëren en behouden van structuur en de mogelijkheid om meerdere afbeeldingen tegelijk toe te kunnen voegen. Afbeelding 16: Voorbeeld 1 afbeelding en 2 afbeeldingen Handleiding Windmill CMS - Connectholland 2010 21

Contentblok Banner In plaats van een afbeelding kan er ook een Banner worden geplaatst. Het verschil tussen de Banner en een afbeelding is de mogelijkheid om bij de Banner een link-button onder of op de Banner toe te voegen en de toepassing van een Banner. Een Banner kan gebruikt worden voor een reclame uiting, visueel of tekstueel. Er zijn vier soorten Banners; Banner met afbeelding Banner met afbeelding en tekst Banner met tekst Banner met een pop-up (Bannerimage/Productpopup) De Banner kan een titel krijgen die wordt ingevuld bij Subkop en een bijschrift dat ingevuld wordt bij Label. Wordt hier niks ingevuld, dan zal er geen respectievelijk geen titel en/of geen bijschrift bij komen te staan. Afbeelding 17: Banner Contentblok invullen Handleiding Windmill CMS - Connectholland 2010 22

Bij de Banner is er een mogelijkheid om een link-button toe te voegen, dit wordt gedaan onder Link (de URL). Het kan om link gaan naar een pagina binnen de eigen website of een link naar een andere website. Onder Doelvenster kan worden gekozen of de pagina onder link-button wordt geopend in het huidige venster of een nieuw venster. Afbeelding 18: Voorbeeld Banner met afbeelding en tekst TIP!! Is de URL een link naar een pagina binnen de eigen site, dan hoeft alleen het gedeeelte achter de standaard webadres gebruikt te worden. Bijvoorbeeld bij www.website.nl/ contentblokken/banners.html hoeft alleen /contentblokken/banners.html ingevuld te worden. Banner met afbeelding Een afbeelding toevoegen werkt hetzelfde als bij het toevoegen van een afbeelding bij een Contentblok afbeelding. Een Banner met afbeelding is vooral bedoeld als een visuele reclame boodschap. De afbeelding is verdeeld over de hele breedte van het Contentblok. Afbeelding toevoegen Banner met tekst Een tekst toevoegen aan een Banner werkt hetzelfde als bij Contentblok tekst. In een banner is er geen keuze om de tekst in kolommen op te delen. De tekst zal over de gehele breedte van het Contentblok komen te staan. De Banner met tekst is vooral bedoeld voor leuzen of kreten om reclame te maken. Bijvoorbeeld: Koop nu direct! Contentblok tekst Handleiding Windmill CMS - Connectholland 2010 23

Banner met afbeelding en tekst De afbeelding zal over de hele breedte van het contentblok verdeeld worden en de tekst komt hieronder te staan in 1 kolom. Afbeelding toevoegen Contentblok tekst Banner met een pop-up (Bannerimage/Productpopup) Hier is er de mogelijkheid om een tweede afbeelding te laten zien als de (muis)cursor over de afbeelding gaat (Bannerimage) of een andere afbeelding als pop-up te laten zien (Productpopup). De eerste afbeelding en de tweede afbeelding (roll-over of pop-up afbeelding) worden ook toegevoegd zoals bij afbeelding toevoegen. Afbeelding toevoegen Afbeelding 19: Banner popup Contentblok invullen Handleiding Windmill CMS - Connectholland 2010 24

Contentblok Afbeelding & tekst Er kan een afbeelding met daarnaast tekst worden toegevoegd. Hier kan worden gekozen voor, de helft afbeelding en de andere helft tekst, of 1/3 afbeelding en 2/3 tekst. De afbeelding kan links of rechts van de tekst komen te staan. Het toevoegen van de afbeelding en schrijven van de tekst staat beschreven bij Contentblok afbeelding en Contentblok tekst. Als het tekstgedeelte groter is dan het plaatje gaat de tekst er automatisch onderdoor lopen. Contentblok tekst Afbeelding toevoegen Afbeelding 20: Voorbeeld Afbeelding met tekst Handleiding Windmill CMS - Connectholland 2010 25

Apart PDF of ander bestand toevoegen Afbeelding 21: Bestand of link toevoegen Afbeelding 22: Bestand toevoegen pop-up In een tekst kan een link naar een pdf of een ander bestand worden toegevoegd. Dit gaat door het stuk tekst te selecteren waar op geklikt kan worden en hier een link aan te koppelen via de link knop in het opmaak venster. Als er op deze knop geklikt wordt, opent zich een scherm om een link van een website of een bestand toe te voegen. Klik op het logo naast het URL kader en de Media manager opent. Hier kan een bestand worden geselecteerd om toe te voegen. Klik op het bestand dat toegevoegd moet worden, hier zal een licht grijs vlak achter komen. Klik vervolgens rechtsonder op invoegen en dan komt het scherm link invoegen/bewerken weer terug. Klik ook hier op invoegen en de link is geïmporteerd. Bij de titel kan een tekst worden ingevuld die zichtbaar wordt als de muis over de link gaat op de website. Als hier niks wordt ingevuld, komt er ook niks te staan. Contentblok tekst Afbeelding 23: Bestand toevoegen Mediamanager Afbeelding 24: Link invoegen Handleiding Windmill CMS - Connectholland 2010 26

Afbeelding 25: Voorbeeld Bestand toevoegen Handleiding Windmill CMS - Connectholland 2010 27

Link naar website of email toevoegen In een tekst kan een link geplakt worden naar een website, pagina binnen de eigen site of een e-mailadres. Dit gaat door het stuk tekst te selecteren dat waar op geklikt kan worden en hier een link aan te koppelen via de link knop in het opmaak venster. Afbeelding 26: Link invoegen pop-up Als er op deze knop geklikt wordt, opent zich een scherm om een link naar een website of een bestand toe te voegen. Plak de URL in het kader naast de URL. Klik op invoegen en de link is geïmporteerd. Bij de titel kan een tekst worden ingevuld die zichtbaar wordt als de muis over de link gaat op de website. Als hier niks wordt ingevuld, komt er ook niks te staan. LET OP!! Als een link moet doorverwijzen naar een email adres dan moet er mailto: voor de URL geplaatst worden. (bijvoorbeeld mailto:support@connectholland.nl) TIP!! Is de URL een link naar een pagina binnen de eigen site, dan hoeft alleen het gedeeelte achter de standaard webadres gebruikt te worden. Bijvoorbeeld bij www.website.nl/ contentblokken/banners.html hoeft alleen /contentblokken/banners.html ingevuld te worden. Contentblok tekst Handleiding Windmill CMS - Connectholland 2010 28

Film toevoegen Er zijn twee manieren om een Video toe te voegen; via Contentblok YouTube of via Contentblok Video. Bij Youtube wordt er een link gemaakt naar de video op Youtube en wordt deze niet opgeslagen in de Media manager. Bij de Video wordt het bestand wel opgeslagen in de Media manager Contentblok YouTube Om een YouTube-film toe te voegen, is de URL (webadres) van het filmpje nodig. Onder Subkop kan een titel worden gegeven aan het filmpje en onder Youtube URL wordt het webadres getypt of gekopieerd. Als er geen titel wordt gegeven, komt er niks boven het filmpje te staan. Afbeelding 27: YouTube Contentblok invullen LET OP!! Als het Youtube filmpje onderdeel van een kanaal is, dan moet de orginele URL gepakt worden. Deze kan gevonden worden onder Share/Delen. Afbeelding 28: YouTube delen Handleiding Windmill CMS - Connectholland 2010 29

Afbeelding 29: Voorbeeld YouTube Contentblok Video TOT OP HEDEN NOG NIET GELUKT!! Handleiding Windmill CMS - Connectholland 2010 30

Contentblok Foto Album Een foto album is een verzameling afbeeldingen die in het klein worden weergegeven op de pagina en na aan klikken groter worden en door middel van een slide show bekeken kan worden. Afbeelding 30: Foto Album Contentblok invullen Onder Subkop kan een titel worden gegeven aan het Foto Album dat boven de verzameling kleine afbeeldingen komt te staan. Bij Photodir kan een map met afbeeldingen geselecteerd worden. Klik op Selecteer uit de Mediamanager en de Mediamanager zal openen. In de Mediamanager staan mappen en afbeeldingen. In de Mediamanager wordt een map geselecteerd met meerdere afbeeldingen erin, deze krijgt een lichtgrijs balkje. Klik nu op invoegen en het foto album wordt gegenereerd. In het Foto Album Content editor komt nu een link te staan naar het mapje met de afbeeldingen. Afbeelding 31: Foto Album Mediamanager LET OP!! Zorg dat alle afbeeldingen die in hetzelfde foto album moeten komen in 1 map staan in de Mediamanager. De afbeeldingen kunnen alleen per mapje toegevoegd worden en niet 1 voor 1. Handleiding Windmill CMS - Connectholland 2010 31

Afbeelding 32: Voorbeeld Foto Album Handleiding Windmill CMS - Connectholland 2010 32

Contentblok Social Media De website of een pagina van een website kan gemakkelijk worden gedeeld via de Social Media ; twitter, hyves, facebook, linked-in en nu.nl. Hiervoor is een speciaal Contentblok dat toegevoegd kan worden. In de Content editor kan onder de Subkop een titel worden geplaatst die voor de logo s komen te staan, bijvoorbeeld: deel dit artikel of stel je vrienden op de hoogte. Wordt deze weggelaten, dan komt er niks voor te staan. Onder Titel om te verzenden kan een titel worden geplaatst die boven de URL komt te staan in de Social Media (facebook, linked-in etc) evenals een tekst die meegezonden kan worden. Afbeelding 33: Social Media Contentblok invullen Handleiding Windmill CMS - Connectholland 2010 33

Afbeelding 34: Voorbeeld Social Media Handleiding Windmill CMS - Connectholland 2010 34

Contentblok bewerken Open de Content editor van het te bewerken Contentblok door op de Blauwe plus te gaan staan en klik op bewerken. Simpele bewerkingen, zoals volgorde van Contentblokken, verwijderen en online of offline plaatsen van het Contentblok kan met het pop-up keuze menu onder de Blauwe plus. In de Content editor kunnen alle Contentblokken worden bekeken en bewerkt. Dit gaat door middel van het aanpassen van tekst, afbeeldingen etc en werkt hetzelfde als bij Contentblokken invoegen. Een andere manieren om in de Content editor te komen is via Contentblok invoegen of de Groene plus (Artikel bewerken). Content editor Contentblok openen (Blauwe plus) Content editor Artikel openen (Groene plus) Contentblok invoegen Handleiding Windmill CMS - Connectholland 2010 35

Artikel De informatie over een Artikel kan bewerkt worden of er kan een nieuw Artikel worden toegevoegd. De inhoud van Artikel bestaat uit Contentblokken en dit wordt laten zien op de website. Deze informatie kan bewerkt worden via bijbehorende tabbladen in de Content editor. Artikel invoegen Contentblok invoegen Contentblok bewerken Artikel invoegen Een Artikel kan op twee manieren worden toegevoegd; via de Menubalk of via de Database editor. Artikel invoegen via Menubalk Een Artikel kan worden toegevoegd via de Menubalk door op Invoegen/Artikel te klikken. Er opent een nieuwe Content editor behorend bij het nieuwe Artikel op het tabblad Database. Hier kunnen de gegevens over het Artikel worden ingevoerd en nieuwe Contentblokken worden toegevoegd die de inhoud van het Artikel bepalen. Afbeelding 35: Menubalk invoegen Artikel Database record (tabblad Database) Contentblok Handleiding Windmill CMS - Connectholland 2010 36

Artikel invoegen via Database editor Afbeelding 36: Database editor Een Artikel kan toegevoegd worden vanuit de Database editor door rechtsboven in de Database editor op Artikel toevoegen te klikken. Er opent dan een nieuwe Content editor behorend bij het nieuwe Artikel op het tabblad Database. Hier kunnen de gegevens over het Artikel ingevoerd worden en nieuwe Contentblokken worden toegevoegd die de inhoud van het Artikel bepalen. Tabblad Database editor Contentblok Handleiding Windmill CMS - Connectholland 2010 37

Artikel bewerken Een Artikel kan bewerkt worden in de bijbehorende Content editor. Open door middel van de groene plus de Content editor van het Artikel of via de Database editor. De informatie over het Artikel kan veranderd worden door middel van het tabblad Database (database record) in de Content editor. De inhoud van het Artikel kan veranderd worden door middel van de inhoud van de Contentblokken, de andere tabbladen in de Content editor. Content editor Artikel openen (Groene plus) Database record Contentblok Database editor Handleiding Windmill CMS - Connectholland 2010 38

Database record Het eerste tabblad in de Content editor van een Artikel is het tabblad Database. Op dit tabblad worden de gegevens van het Artikel vastgelegd; database record. Deze gegevens zijn ook terug te vinden in de Database editor. Bij het toevoegen van een Artikel wordt deze gegevens ingevoerd en later kan dit bewerkt worden via Artikel bewerken (groene plus). Het Artikel wordt Online gezet zodra ja is aangevinkt onder Online. Als dit op nee staat is het Artikel niet Online te zien. Het Artikel is wel te vinden in de Database editor via zoeken of staat in de WebABC. Het Artikel is alleen te zien in het WebABC in Windmill CMS (ingelogd). Afbeelding 37: Database record in de Content editor Handleiding Windmill CMS - Connectholland 2010 39

Artikelnaam (Paginanaam) Het Artikel krijgt een naam dat onder Artikelnaam (paginanaam) wordt ingevuld. Deze naam wordt gebruikt in het webadres dat in de browser komt te staan of om te koppelen aan een link om naar dit Artikel te verwijzen (URL). Elke pagina binnen de website moet een unieke naam hebben en helemaal aan elkaar geschreven zijn. Voorbeeld: artikelnaam_uitleg. Web ABC (Oog ABC etc) Elke website ontwikkeld door Connectholland heeft een Web ABC. Het WebABC is de bibliotheek van alle Artikelen en onderwerpen behandeld op de website of door het bedrijf. Onder WebABC kan een titel worden ingevoerd die zichtbaar wordt in het Web ABC bibliotheek en waarop gezocht kan worden. De Web ABC titel wordt later gebruikt om het Artikel te publiceren (op de site te tonen). Als er geen Web ABC titel wordt gegeven, dan kan het Artikel kwijt zijn. Het is dan niet online te vinden en ook niet onder de Web ABC bibliotheek. Om in het Artikel te komen moet het opgezocht worden in de Database editor waar het bewerkt kan worden. Een Artikel kan ook meerdere titels krijgen, zodat het Artikel onder de Web ABC op meerdere manier gevonden kan worden. Bijvoorbeeld; het Artikel Web ABC zou Web ABC kunnen heten, maar ook Bibliotheek of Artikelen index. Deze titels komen allemaal in het kader onder Web ABC te staan gescheiden door een puntkomma (Web ABC; Bibliotheek; Artikelen Index). Artikel zoeken (Database editor) Publiceer datum & verval datum Artikel Als een Artikel onderdeel is van een actie of pas vanaf een bepaalde datum zichtbaar mag zijn kan er een datum aan gekoppeld worden vanaf wanneer het Artikel online te zien is; publiceer datum. Bij een actie die afloopt kan er ook een einddatum worden opgegeven en wordt het Artikel vanaf die datum offline gezet; verval datum. Wordt er niks ingevuld bij deze data, dan zal het Artikel onmiddellijk online gezet worden en blijven staan tot het handmatig verwijderd of offline wordt gezet. Periode waarschuwingsfunctie Publicatie informatie Handleiding Windmill CMS - Connectholland 2010 40

Soort Artikel Een Artikel kan verschillende soorten informatie communiceren en dit vereist een andere opbouw van het Artikel. Deze verschillende soorten Artikelen is afhankelijk van de website en wordt aangeleverd door Connectholland. Voorbeelden van verschillende soorten Artikelen zijn; Normaal, Nieuws, Portfolio etc. Afhankelijk van een soort Artikel kan er meer informatie worden gevraagd. Zie het gedeelte onder de blauwe lijn. Artikel publiceren (Online plaatsen)/niet in Web ABC Als een Artikel een titel heeft gekregen en bij Online ja aangevinkt is staat het Artikel in principe Online maar nog niet gekoppeld aan de website. Dit betekent dat het Artikel niet gevonden kan worden op de website. Het is de bedoeling dat een Artikel gekoppeld wordt aan andere informatie op de site. Dit kan heel makkelijk door een link aan te maken of een link toe te voegen aan een afbeelding, stuk tekst of banner-link-button waar het Artikel aan gelinkt moet worden. Contentblok Links Contentblok Banner Link naar website of email toevoegen Handleiding Windmill CMS - Connectholland 2010 41

Mediamanager In de Mediamanager worden de bestanden, behorend bij de website, beheerd. Dit kunnen zijn afbeeldingen, pdf-, word-, excel bestanden, powerpoint, video s en flash bestanden. De bestanden kunnen via de Mediamanager worden geüpload. Afbeeldingen en video kunnen ook in de Mediamanager terecht komen doordat ze rechtstreeks via de Content editor worden gedownload of geüpload. Ze komen dan standaard in het mapje upload of download terecht, afhankelijk van de manier van toevoegen van de afbeelding of video. Afbeelding toevoegen (via Content editor) Film toevoegen (via Content editor) Apart PDF of ander bestand toevoegen In de Mediamanager zijn verschillende tabbladen te zien. Het begin scherm (eerste tabblad) geeft een overzicht en hier kan de Media worden geüpload. In de tabbladen Afbeeldingen, Bestanden, Video en Flash worden de bijbehorende bestanden beheerd. Handleiding Windmill CMS - Connectholland 2010 42

Tabblad Overzicht Hier wordt een overzicht gegeven van de soort bestanden die momenteel in de Mediamanager aanwezig zijn. Er zijn vier soorten media gedefinieerd; Afbeeldingen, Bestanden, Video en Flash. Deze worden aangegeven met 4 iconen en hebben elk een eigen tabblad om de media te beheren en/of te bewerken. Onder de Iconen staat hoeveel bestanden en mappen zich in de categorie bevinden. Afbeelding 38: Mediamanager overzicht Het verschil van de media zit in de soort media; Afbeeldingen (bijvoorbeeld jpg/png/etc), Bestanden (bijvoorbeeld pdf/word/excel/etc), Video (bijvoorbeeld avi/mov/etc) of Flash bestanden (swf). Handleiding Windmill CMS - Connectholland 2010 43

Tabbladen Media De Media beheren kan door dubbel te klikken op de Iconen of door op het bijbehorende tabblad te klikken. In beide gevallen opent het tabblad van het soort Media. Hier staan alle mappen en bestanden, de grootte van de bestanden, de datum van het aanmaken van het bestand en de bewerkingsknoppen. Afbeelding 39: Mediamanager tabbladen Door dubbel te klikken op Naam, Grootte of Laatste aanpassing kan de volgorde veranderd worden. Bij het zoeken naar de laatst toegevoegde media kan dit handig zijn. De mappen worden geopend door hier dubbel op te klikken en kan de media in die map bewerkt worden. De bestanden kunnen in een lijst worden weergegeven of voorbeeld weergave (afbeeldingen). Via de Media toevoegen knop kan er Media worden toegevoegd in alle vier de categorieën. Er kan niet tegelijkertijd verschillende soorten Media worden geüpload. De media, die via de Content editor wordt toegevoegd, wordt automatisch in het mapje uploads en downloads geplaatst afhankelijk van de manier van toevoegen van de media. Er kan ook een nieuwe map worden aangemaakt met de knop rechtsboven. Deze nieuwe map kan gebruikt worden om nieuwe of bestaande afbeeldingen in te plaatsen. Media bewerken Media uploaden Handleiding Windmill CMS - Connectholland 2010 44

Media uploaden De Media uploaden kan via de knop Media uploaden vanuit het tabblad Overzicht van de Mediamanager. Door hierop te klikken opent het media upload scherm. Het uploaden van media gebeurt in drie stappen. Stap 1: Soort Media kiezen Het soort bestand wordt geselecteerd. Ga hierbij uit van het soort bestand en extensie dat geüpload moet worden en kies de bijbehorende categorie. Er kunnen meerdere bestanden tegelijk worden geüpload, mits ze tot dezelfde categorie behoren. Klik daarna op doorgaan rechtsonder. Afbeelding 40: Media uploaden stap 1 Afbeeldingen (jpg/png/gif), Bestanden (pdf/word/excel/etc), Video (flv, avi/mov/etc), Flash (swf) LET OP!! Bij het invoegen van afbeeldingen vanuit de Mediamanager in de Content editor kan er alleen gekozen worden uit de bestanden in het mapje afbeeldingen, hetzelfde geldt voor video s. Het is dus belangrijk dat de juiste categorie wordt gekozen bij het uploaden van de Media in de Mediamanager. Handleiding Windmill CMS - Connectholland 2010 45

Stap 2: Uploaden Hier wordt het te uploaden bestand geselecteerd. Ga via de knop Bestand zoeken naar de betreffende map op de computer. Er kunnen meerdere bestanden tegelijk geselecteerd worden met behulp van shift, ctrl of door een kader trekken om de te selecteren bestanden. Na het klikken op openen verschijnt er een lijstje met de gekozen bestanden in beeld en de grootte van de bestanden. In deze stap kunnen bestanden weer verwijderd worden of nog meer bestanden worden toegevoegd via Bestanden toevoegen links onder. Afbeelding 41: Media uploaden stap 2 Als alle bestanden in de lijst staan, is het belangrijk om op Upload starten te klikken. Als de bestanden zijn geüpload komt er een groen vinkje achter te staan. Klik hierna op doorgaan. Afbeelding 42: Media geupload Handleiding Windmill CMS - Connectholland 2010 46

Stap 3: Van label voorzien Afbeelding 42: Media uploaden stap 3 Bij de derde stap worden de gegevens van de Media aangemaakt. Onder Plaats in kan het Media bestand in een map worden geplaatst of kan er een nieuwe map worden aangemaakt. Per Media bestand kan er een titel worden toegekend, hier komt automatisch de naam van het bestand te staan. De Tags kunnen in 1 keer aan alle bestanden worden toegevoegd (rechtsboven) of per bestand, gebruik tussen de verschillende woorden(tags) komma s. De Description is niet zichtbaar online, maar wordt gebruikt om als men zoekt naar afbeeldingen of als tekst als de afbeeldingen niet geladen worden tijdens het bekijken van de website. Als alles naar wens is ingevuld, klik dan op Opslaan rechtsonder in. Handleiding Windmill CMS - Connectholland 2010 47

Media bewerken Als het Media bestand in de Mediamanager staat kan het op de website worden geplaatst via de Content editor of in beperkte mate bewerkt worden in de Mediamanager. Bestand toevoegen via Content editor Het bestand kan alsnog verplaatst worden naar een map door middel van slepen. Dit kan alleen naar een map in hetzelfde scherm. Van elk Media bestand kan een voorbeeld worden opgevraagd (vergrootglas) of de naam worden aangepast (potloodje). Met het kruisje kan het Media bestand verwijderd worden. Bestand toevoegen via Content editor Er zijn verschillende manieren om de bestanden online plaatsen op de website via de Content editor. De manier waarop verschilt per soort bestand. Afbeelding toevoegen Film toevoegen Apart PDF of ander bestand toevoegen Handleiding Windmill CMS - Connectholland 2010 48

Database editor In de Database editor staat alle informatie in de vorm van Artikelen en Contentblokken die op de website aanwezig is, zowel online als offline. Op een website kunnen verschillende soorten Artikelen voorkomen, die allen weer een ander tabblad krijgen in de Database editor. Voor elk tabblad geldt dezelfde indeling. Afbeelding 43: Database editor Handleiding Windmill CMS - Connectholland 2010 49

Tabblad Database editor Een tabblad bestaat uit een tabel waar alle Artikelen in staan. De tabel heeft meerdere kolommen die verschillen per website. Elke tabel bevat in ieder geval een kolom met de titel van het Artikel en de bewerking knoppen. Het kan zijn dat de Artikelen die aanwezig zijn op de website niet op 1 pagina in de tabel kunnen staan. Er zijn dan meerdere pagina s waar door heen gebladerd kan worden of rechtstreeks naar een bepaalde pagina gegaan kan worden (rechts boven de tabel). Via de zoekfunctie kunnen Artikelen snel worden gezocht. Er kan gezocht worden op dezelfde kenmerken die in tabel staan en weer overeenkomen met een aantal eigenschappen die ingevuld zijn in het database record. In de Database editor kan ook een nieuw Artikel worden toegevoegd. Artikel invoegen via Menubalk Handleiding Windmill CMS - Connectholland 2010 50

Bewerken Database editor Vanuit de Database editor kunnen de details van een Artikel worden bekeken. Dit kan via het vergrootglas. Bij de details staan de gegevens van het database record over het Artikel die ingevuld zijn bij het aanmaken van het Artikel. Via het potlood kan het Artikel bewerkt worden in de bijbehorende Content editor. De Content editor opent dan op het tabblad met het database record. Met het kruisje wordt het Artikel verwijderd van de website en de Database editor. LET OP!! Als het Artikel verwijderd is uit de Database editor, dan is deze niet meer terug te halen. Handleiding Windmill CMS - Connectholland 2010 51