Gebruikershandleiding CMS KNNV Versie 2.0 Bijgewerkt op: 9 april 2014

Gebruikershandleiding CMS KNNV

1

Gebruikershandleiding CMS KNNV Versie 2.0 Bijgewerkt op: 9 april 2014 Inhoud: 1. Inloggen 2. Het beheermenu 3. Het afdelingsmenu 3.1 contactformulieren: belangrijk! 4. Inhoud toevoegen 4.1 de homepage 4.2 de afdelingspagina’s 4.3 bijzonder pagina’s 5. illustraties en foto’s toevoegen 6. links maken 7. Bestanden toevoegen Ten eerste De KNNV-website krijgt een upgrade. Niet alleen het aangezicht is verfrist, ook het onderliggende content-managementsysteem(CMS) wordt een vernieuwde versie. In hoofdlijnen blijft het gebruik voor de redacteuren gelijk, maar verschilt op details. Werk in verschillende browsers - Internet Explorer (IE) heeft moeite met het werken in een Content Management Systeem (CMS), Firefox kent deze problemen niet - het is handig om twee browsers geopend te hebben, via de ene browser werk je en via de andere browser kun je zien wat het resultaat voor de bezoeker is. Hiermee bedoelen we niet twee vensters van Internet Explorer, maar bijvoorbeeld Internet Explorer en Firefox. Werk daarom via Firefox, Chrome of Safari, je kunt IE dan ernaast openen als controle pagina. In Firefox open je website/user en in IE open je de website als bezoeker. Als je wat aangepast en opgeslagen hebt, kun je bij IE (klik even op F5) controleren hoe het er uit ziet. - Een CMS is gevoelig voor codes uit bestaande programma’s zoals Word van microsoft, of teksten gekopieerd van een website. In het CMS moet de tekst geen codes bevatten, gebruik zoveel mogelijk platte tekst, een aantal opties: * schrijf direct in het CMS * of kopieer de tekst eerst in kladblod/notepad, dan in het CMS * kopieer de tekst in het CMS via de icoontjes Envelop met de W, of de Envelop ‘platte tekst’ * gebruik in het CMS de icoontjes bezem en gum om de laatste codes weg te halen Tabel met tips Typ: - Shift enter - enter Statistieken

Resultaat: Zin begint op volgende regel (zoals enter in Word) er ontstaat een witregel Zie: http://www.antos2.antenna.nl/statistik/www5.knnv.nl/VULHIER-DE-AFDELINGSNAAM-IN

Icoontjes

Icoontjes onder aan de pagina’s gebruiken bezoekers om informatie naar elkaar te kunnen sturen via de aangegeven media

Foto’s

Plaats op de website geen foto’s groter dan 100 kB, of liever zelfs nog kleiner


Gebruik een (gratis) fotobewerkingsprogramma als irfanview.com of photoscape.org F5

Pagina verversen ingevoerde en opgeslagen informatie verschijnt op de controlepagina nadat je F5 hebt ingetoetst

1. Inloggen Hoe beginnen: inloggen Om iets te kunnen toevoegen of wijzigen moet er eerst worden ingelogd: http://knnv.d7.drupalternative.nl/user / Inloggen kan met de bekende gebruikersgegevens, deze zijn overgezet naar de nieuwe website. - Na het inloggen verschijnt het beheermenu in de rechterkolom in beeld. !! Om in de eigen afdelingsomgeving te komen, klik op de afdelingsnaam bij Groups audience:

Knop ‘Bewerken’ Verwijst naar het beheergedeelte van de afdeling. Vul hier het emailadres in van de contactpersoon die de website beheert, standaard is hier het emailadres van de webmaster ingevuld. Dit adres is ook gekoppeld aan het contactformulier op de website. Als je bijvoorbeeld een nieuw wachtwoord aanvraagt, komt dit op dat email-adres binnen. Om een verandering van het emailadres te bevestigingen moet je het huidige wachtwoord van de website invoeren. Je kunt de inzendingen van het contactformulier ook naar een andere persoon uit je afdeling laten sturen: zie uitleg hoofdstuk 2.

2


Knop ‘Bestandsbrowser’ In de bestandsbrowser vind je je foto’s en andere documenten. Je kunt ook submenu’s aanmaken. Verder: My workspace: leidt naar de items waarvan de ingelogde redacteur de eigenaar is. Inhoud toevoegen: geeft een lijst van verschillende inhoudstypen waaruit kan worden gekozen. Zie hoofdstuk 4 Afdelingsbeheer: zie hoofdstuk 2 Afdelingsmenu: zie hoofdstuk 3

2. Het afdelingsbeheer De knop afdelingsbeheer is linksboven boven de banner te vinden:

Knoppen onder afdelingsbeheer: Contact form settings: - Vul bij Additional recipients het emailadres in dat je gekoppeld wilt hebben aan het formulier Contact. - Met het vinkje ‘Do net send form submissions to group administrators’ sluit je de contactpersoon van de website uit (zie hoofdstuk 1). - je kunt onderaan de pagina een automatisch antwoord invullen. Als voorbeeld: - de contactpersoon van de website is vaak de webmasters (in te vullen zie hoofdstuk 1) - de persoon gekoppeld aan het contactformulier is vaak de secretaris.

Menu’s: Hier kun je de volgorde van je mainmenu aanpassen. Zie verder hoofdstuk 3. Personen – Personen toevoegen – rollen – toegangsrechten

3


Via deze knoppen kom je bij een menu om rechten toe te kennen aan anderen zoals werkgroepen. Dit onderdeel moet nog uitgebreid getest en uitgewerkt worden. Wacht dus met het in gebruik nemen hiervan totdat helemaal is uitgewerkt. De landelijk webmaster zal hierover een bericht sturen, naar verwachting na half mei.

3. Het (Afdelings)menu Het afdelingsmenu = mainmenu = het horizontale menu Het afdelingsmenu is bereikbaar via de knop MENU linksboven de banner.

Dit menu is te bewerken via de knop ‘links weergeven’ :

Door de plustekens te verschuiven kun je de volgorde van de menu-items bepalen. De knop ‘gewicht van de rijen tonen’ liever niet gebruiken, dan zijn de plustekens niet aanwezig. Via menu bewerken kun je kiezen voor bewerken van de node. Dit raden we sterk af, omdat je dan per ongeluk op een andere afdeling kan komen.

3.1 Contactgegevens op afdelingsniveau Rechtsboven aan de website staan 2 formulieren: Lid worden en Contact. Op de nieuwe website is het mogelijk om deze formulieren te koppelen aan een afdelings-emailadres. Je kunt op 3 verschillende plekken verschillende emailadressen invoeren. Het werkt als volgt: FORMULIER 1 Lid worden: - het formulier is een landelijk formulier en kan door de landelijke webmaster worden aangepast. Wel worden de inzendingen van dit formulier naar een contactpersoon van de afdeling gestuurd. - je kunt de contactpersoon (het emailadres) aanpassen: Ga naar de homepage, kies dan ‘bewerken’: onderaan het gewenste emailadres invullen

4


5

FORMULIER 2 Contact Dit is eerder besproken in de handleiding - zie hoofdstuk 1, via de knop bewerken op de inlog-startpagina: vul hier het emailadres in van de contactpersoon van de website. Dit adres is ook gekoppeld aan het formulier Contact - zie hoofdstuk 2, via de knop afdelingsbeheer: vul hier de andere ontvangers van het contactformulier in.

4. Inhoud toevoegen. Algemeen: het is handig om 2 browsers geopend te hebben, in de ene browser bewerk je de pagina’s en via de andere browser kun je zien hoe een bezoeker de informatie op de website ziet. Hiermee bedoelen we niet 2 vensters van Internet Explorer, maar Internet Explorer en bijvoorbeeld Firefox, werk niet in IE) Inhoud toevoegen: via de knop inhoud toevoegen In dit hoofdstuk worden de belangrijkste inhoudstypen beschreven: KNNV homepagina’s: 4.1 Afdelingspagina: zie 4.2 Activiteit: zie 4.3 Nieuws: 4.3 Gallery: 4.3 Photo: 4.3 Webform: 4.3

4.1. De basispagina of homepage Gebruik hiervoor KNNV homepagina’s. Hier vind je de volgende velden: Title: Geef hier de naam van je afdeling op, deze is vervolgens te zien bovenaan de pagina van jouw homepage. Taal: Nederlands Enable menu: Design: moet nog verder uitgewerkt worden * Banner: upload hier de banner Kleur van logo en tekst banner: kies hier de kleuren van het logo en de tekst Ontdek, beleef, bescherm Headertekst: geldt alleen voor de landelijke pagina In de Body kun je je tekst typen of plakken. Let op: het is belangrijk dat de tekst die je plakt geen enkele code bevat. Gebruik dus bij plakken zoveel mogelijk “platte tekst”. Werk bijvoorbeeld via kladblok of iets van txt-files. Vervolgens kun je tekst bewerken, zoals je dat ook bv in word doet. Foto of plaatje toevoegen: zie verder bij plaatjes toevoegen (XX)


Het vervolgscherm invullen:

Groups audience: vink de naam van de afdeling aan. Menu instellingen: je kunt hier aangeven of de pagina in het menu vermeld wordt. Geef de naam op bijvoorbeeld “home”. Bovenliggend onderdeel: scroll hier en markeer de naam van je afdeling. De volgorde van de menu-items kun je bepalen via de +tekens (bereikbaar via de knop menu links boven de banner) URL-pad-instellingen: Hier zijn 2 opties: - dit vak kun je leeg laten, het wordt automatisch ingevuld. - je kunt ook een specifieke naam geven aan je pagina, zodat je bv makkelijk kunt linken. Reactie-instellingen gesloten houden.

6


7

-> Klik tenslotte op opslaan. Als je een pagina hebt die niet gelinkt is aan een menu-item, dan laat je “menu instellingen” leeg. Om deze pagina vindbaar te maken moet er wel elders een link zijn naar die pagina, zie bij 6 linken.

4.2 Afdelingspagina’s Dit zijn de meest voorkomende pagina’s

- Vul de titel en berichttekst. - Tekstopmaak: kies Full HTML. Dit geeft de meeste opmaakmogelijkheden - Je kunt als bijlage een pdf toevoegen. Houdt die pdf klein om de pagina snel te laten laden. Via de functie bladeren kun je de pdf ophalen. Vergeet niet te uploaden. Let op vervolgens op het volgende : Groups audience: vink de naam van de afdeling aan.


8

Menu-instellingen: * Geef aan waar je de pagina wilt onderbrengen. * Geef aan hoe de link heet als je de pagina wilt tonen in het menu. * Geef aan wat het bovenliggende onderdeel is. Wordt het een menu-item dan kies je als bovenliggende onderdeel de naam van de afdeling. - Wordt het een submenu, dan kies je voor het menu-item waaronder deze pagina thuis hoort. - Wordt het een pagina die wordt gelinkt aan een andere pagina, vul dan niets in. Je kunt de url van de pagina later gebruiken om de pagina te laten linken via een andere pagina. Afdelingspagina’s (en alle andere pagina’s ook) kun je naderhand op verschillende manieren weer aanpassen. 1. selecteer de pagina via “my workspace” 2. ga naar de betreffende pagina via het menu. Kies daar de knop bewerken De functie reactie-instellingen altijd op uitgeschakeld zetten. Anders krijg je log-in om te reageren te zien onder aan de pagina, die nergens naar leidt.

4.3 bijzondere pagina’s Ook hier geldt: Bij Groups audience: de naam van de afdeling moet aangevinkt zijn. Activiteit/ Agenda: - met een activiteit vul je de agenda. Bij alle afdelingen wordt het menu Agenda geactiveerd. - een activiteit komt automatisch op de homepage van de afdeling en wordt ook opgenomen in de landelijke agenda. - vul de gevraagde gegevens in, enkele gegevens zijn verplicht. - datum en tijd: vul een begin en eindtijd in. - door de keuze van een Type activiteit verschijnt automatisch het bijbehorende groene icoontje - Voorpagina plaatje: die foto verschijnt niet op een afdelingspagina, maar wel op de homepage van de landelijke KNNV pagina. Als je hier geen foto invoegt, verschijnt er landelijk een standaard foto’. - je kunt een activiteit dupliceren, zo hoef je niet dezelfde informatie meerdere keren in te vullen. Vul eerst alle gegevens in en sla op. Dan verschijnt de optie ‘dupliceren’. Let daarbij op de datum en de titel van de activiteit.


9

Nieuws Een nieuwsitem verschijnt op de homepage van een afdeling. Als het voldoende nieuwswaarde heeft, kun je er voor kiezen om het nieuwtje ook op de landelijke website te laten tonen. Nieuws kun je dus gebruiken voor nieuwswaardige mededelingen die moeten opvallen. Kies bij Inhoud toevoegen: Nieuws. Je komt op een invulpagina met enkele verplichte onderdelen. - vul de einddatum in als u wilt dat het bericht na de datum verdwijnt - afbeelding voor nieuws-slider: deze foto verschijnt op homepage. - status: kies tonen - groups audience: selecteer je afdeling - menu-instellingen: vul hier niets in: het nieuwtje verschijnt automatisch op de homepage. - URL pad instellingen: automatische alias - reactie-instellingen: gesloten laten BELANGRIJK: Nieuwtjes staan op de homepage in volgorde van gepubliceerde nieuwtjes. De nieuwste nieuwsitems staan vooraan. Soms wil je dat een nieuwsitem als eerste blijft staan omdat dit echt belangrijk is. Dit kan via -> Publicatie opties: via een vinkje bij ‘vastgeplakt bovenaan lijst’ blijft dat nieuwtje als eerste in de rij staan. Photo Voor als je een foto wilt laten zien. Je kunt hier verder geen tekst plaatsen alleen de naam van de fotograaf en de titel van de foto. De tekst moet je dus op een andere pagina zetten en eventueel een tumbnail, hier maak je dan een link naar die fotopagina. Een voordeel is dat je via die fotopagina de foto groter tonen kunt dan de plaatjes in de tekst Gallery Dit is voor als je een serie foto’s wilt laten zien. Je kunt hier eerst een inleidend tekst schrijven over de foto’s. Sla het vervolgens op. Nu zie je onderaan staan “add photo” klik dit aan en update de foto van je eigen PC.

Op de pagina komen de foto’ dan in het klein te zien en als je het aanklikt verschijnt hij in het groot. (Dat add photo is alleen zichtbaar als je ingelogd bent anders niet)

5. Illustraties en foto’s toevoegen in de tekst Ga op de plek staan waar je de illustratie of foto wilt hebben. Klik in het berichttekst menu op het icoontje “plaatje toevoegen” met het vierkantje met daarin een huisje. Je krijgt nu een popup-menu te zien met ‘bladeren op server’ Klik op het rechtermenu-tje ( de browser), je krijgt een nieuw pop-up menu.


10

-via Uploaden (links boven) kom je in een venster waarin je kunt bladeren. - Klik op bladeren: Je kunt vervolgens in jouw eigen computer de gewenste foto of illustratie opzoeken. - Klik vervolgen op Uploaden. De foto of illustratie komt in de lijst te staan. Je kunt hier eventueel kiezen voor een standaardmaat thumbnail. Als je je eigen formaat wilt hebben sla je dit dus over. Het is dan wel belangrijk dat je met name de breedte niet te groot maakt, maximaal 500 pixels in de breedte is mijn ervaring. - Selecteer vervolgens weer de gewenste foto en klik op ‘bestand toevoegen’ Je komt van weer terug bij het pop-up menu ‘eigenschappen afbeelding’ -> uitleg database ordenen toevoegen

6. werken met linken Een link maken naar een subpagina : - ga je eerst naar de subpagina waarheen je wilt linken - kopieer nu de URL van die pagina. (Het is handig om dit via een andere browser te doen.) - selecteer de tekst die je wilt linken - klik op het linkicoon: de wereldbol met de ketting. Selecteer URL - kopieer nu de URL, en klik op “ok” Een emailadres invoeren - selecteer de tekst die je wilt linken met het emailadres - kies het icoon met de wereldbol en de ketting - selecteer daar ‘email’ - typ het emailadres en klik op ‘ok’. Linken naar externe pagina’s. Dit werkt net zo als interne linken Het werken met ankers: -> Nog uitzoeken of dat kan in nieuwe CMS Op de plek waar je het anker wilt hebben plaats je het anker via het icoon anker, geef het een naam en klik op update. Als je naar dit anker wilt linken binnen de pagina maak je er een link heen door in het linkmenu te kiezen in het scrollmenu achter Anchors; het URL veld kun je leeg laten. Wil je naar een andere pagina naar een anker gaan dan kopieer de URL weer met direct daarachter “#anker naam”

7. Bestand toevoegen Onderaan de te maken pagina’s vind je “Bestand toevoegen:” Hier kun je een PDF oploaden. Klik op bladeren, selecteer het bestand op je eigen PC, klik op uploaden. Je ziet nu de naam van de PDF in dit vak staan, als je er op klikt moet het zichtbaar worden. Sla de pagina nu op en de link van de PDF staat onderaan de pagina. Als je de link in de tekst wilt hebben dan moet je de URL kopiëren en er een link van maken. Het is handig om de PDF-link naar een nieuwe pagina te maken want de PDF start buiten het menu op. -> Nog uitzoeken: ook andere bestandstypen mogelijk ??

Gebruikershandleiding CMS KNNV Versie 2.0 Bijgewerkt op: 9 april 2014

Recommend Documents