_Website beheer

_Website beheer www.anbo.nl/afdelingen _Opdrachtgever: ANBO _Contactpersoon: Trudy de Jong _Opdrachtnemer: Nilsson communicatiekunstenaars _Auteur: Leonieke Stolk _Projectnummer: 00090

7 juni 2013

Inhoudsopgave 3 Inleiding 4 Inloggen 5 Homepage inrichten 9 Inhoud aanmaken 10 Pagina aanmaken en bewerken 22 Navigatiemenu aanpassen 23 Voordeel & Korting plaatsen op de afdelingsite 25 Video plaatsen 26 Afdelingsblad plaatsen 27 Nieuwsberichten 28 Agendapunt 29 Fotoalbums 31 Banners 33 Lokale korting 36 Inhoud bewerken of verwijderen

34 Veelgestelde vragen

_www.anbo.nl/afdelingen Inleiding

Inleiding In Drupal (het content management systeem) is weinig verschil tussen de website die de bezoekers zien, en de beheeromgeving. Deze twee onderdelen lopen naadloos in elkaar over, afhankelijk van de rechten van de gebruiker. Zo heeft een ‘anonieme gebruiker’ minder rechten dan een ‘geregistreerde gebruiker’ en heeft een ‘beheerder’ meer rechten dan een normale ingelogde gebruiker. Deze handleiding beschrijft het gebruik van het Drupal CMS waarmee je de inhoud (“content”) van de website kunt toevoegen en bijwerken. De laatste versie van de handleiding staat altijd online onder “Mijn account“. Op de volgende pagina’s wordt uitgelegd hoe je inhoud toevoegt, wijzigt en uitbreidt.

_www.anbo.nl/afdelingen Inloggen

Inloggen Om de inhoud van de site te kunnen wijzigen is het nodig om eerst in te loggen. Om in te kunnen loggen heb je eerst een gebruikersnaam en wachtwoord nodig, deze ontvang je samen met een link van de beheerders. Via deze link kun je inloggen: www.anbo.nl/user. Het volgende inlogvenster zal verschijnen na het openen van de link:

Vul de gebruikersnaam en het wachtwoord in en druk op Inloggen. Bovenaan staat de werkbalk die zichtbaar is op iedere pagina van de website.

Het is mogelijk het e-mailadres en wachtwoord van de beheerder te wijzigen. Ga naar www.anbo.nl/user en klik op Bewerken. Vul bij “wachtwoord” en bij “wachtwoord bevestigen” het nieuwe wachtwoord in en klik op Opslaan. De wijziging is direct actief.

4

Handleiding

_www.anbo.nl/afdelingen Homepage inrichten

Homepage inrichten Door in de werkbalk te klikken op “Mijn afdeling” kom je altijd terug op de homepage van de afdeling. Alle hoofdinformatie over de afdeling voeg je toe door hier te klikken op Bewerken.

Nu zie je de bewerk-weergave van de pagina. >

5

Handleiding


Hier kunnen afdelinggegevens worden ingevuld en gewijzigd. Velden met een sterretje zijn verplicht. Dit zijn de belangrijkste onderwerpen: - Titel (de naam van de afdeling)

- Hoofdbeeld (opzoeken op computer en uploaden, voor wijzigen eerst de oude verwijderen) Deze button komt op meerdere plaatsen terug. Het systeem geeft op elke plaats aan wat de uiteindelijke afmetingen van de afbeeldingen worden. Dit zijn ook de minimale afmetingen voor het te gebruiken bestand. Hier dus 435 x 210 pixels (px). Na het uploaden is in het systeem een kleine weergaven van de afbeelding te zien. Hierin kan met het rechthoekige selectiekader een uitsnede gemaakt worden van een te grote afbeelding. Om invloed te hebben op deze uitsnede kun je ook, voor het uploaden, zelf al een uitsnede te maken met behulp van software als: Windows Picture Manager, of een website als www.fotoaanpassen.nl. Naast een enkele foto kan ook gekozen worden om slideshow van meerdere foto’s (maximaal 10) te laten zien op deze plaats. Hiervoor kunnen de foto’s uit een van de fotoalbums worden gebruikt (zie elders in deze handleiding hoe je fotoalbums kunt maken). Kies het fotoalbum dat je voor de slider wilt gebuiken, het hoofdbeeld wordt dan niet langer gebruikt op de homepagina van jouw afdeling.

6

Handleiding


Op de homepage kan een tekst worden geplaatst. Het is zaak om deze tekst kort te houden, zodat deze past in het daarvoor bestemde vlak op de homepage. - Introductietekst (een korte introductie die overeenkomt met de beschikbare ruimte op de homepage) Naast de introductietekst is op deze plek ook ruimte om de tekst ‘over ons’ in te vullen. Deze tekst komt automatisch terecht op de speciale ‘over ons’ pagina die voor elke afdeling automatisch verschijnt. Boven deze door de afdeling zelf in te vullen tekst verschijnt een standaard introductietekst die iets vertelt over ANBO in het algemeen. De afdelingstekst is door de afdeling zelf verder naar eigen inzicht in te vullen.

- Locatie (adres invullen, en eventueel door te klikken op het potlood de plaats op de kaart wijzigen) Bij locatie moeten de adresgegevens van de afdeling (kantoor of secretariaat) worden ingevoerd. Deze adresgegevens worden onder meer gebruikt voor de contactgegevens op de homepagina.

7

Handleiding


- Google analytics ID Om statistieken van je afdelingssite bij te houden is het noodzakelijk om een Google Analytics ID (ookwel Tracking-ID) te hebben. Om deze aan te maken dien je je eerst aan te melden bij Google Analytics. Je kunt je aanmelden bij Google Analytics met je eigen Google account. Heb je deze nog niet? Maak deze dan eerst aan op de volgende pagina https://accounts.google.com/signup?hl=nl. Wanneer je een Google account hebt aangemaakt kun je je aanmelden bij Google Analytics. Wanneer je dit voor het eerst doet doorloop je drie stappen. De allereerste stap is om je aan te melden voor Google Analytics en je sitegegevens in te vullen (Vul bij de accountnaam bijv. ANBO in, de website naam Afdeling , en bij de URL het webadres van de afdeling. Kies vervolgens de juiste tijdzone en klik op ’Tracking-ID ophalen’ onderaan de pagina. Nadat je akkoord bent gegaan met de voorwaarden krijg je je unieke Tracking-ID. Deze plaats je in de hoofdpagina van je afdeling. Hoe je dit doet lees je hieronder. In het veld ’Google analytics ID’ vul je je unieke Tracking-ID in.

- In het veld ‘e-mailadres’ vul je het contactadres van de afdeling in. Deze wordt gelinkt aan het contactblok op home van de afdelingspagina. En aan de contactgegevens bij het selecteren van een (andere) afdeling. Klik na het invullen van bovenstaande gegevens op Opslaan.

8

Handleiding

_www.anbo.nl/afdelingen Inhoud aanmaken

Inhoud aanmaken Vanuit de werkbalk kun je inhoud aanmaken. Er zijn verschillende soorten inhoud. Bijvoorbeeld pagina’s, nieuws en agenda-items. Alle verschillende inhoudstypen kun je plaatsen via “Toevoegen”. Werkbalk:

9

Handleiding


Pagina aanmaken en bewerken Door een pagina aan te maken kun je een menu-item toevoegen. Klik onder “Toevoegen” op Pagina. Nu zie je de volgende bewerk-weergave:

Voeg de titel van de pagina toe, in het veld onder “Titel”. Voeg onder “Menu-instellingen” de menu-titel van de pagina toe, en kies “Add here” of “Menuitem hieronder toevoegen” voor de juiste locatie in het menu. Een subpagina kun je plaatsen door een gewone pagina onder een bestaande pagina in het menu te plaatsen (Menuitem hieronder toevoegen). Plaats nooit een submenu onder het item “Home afdeling”. Beperking hoofdmenu Het aantal hoofdmenu-items is beperkt om gebruiksvriendelijkheid naar bezoekers te waarborgen. Uit onderzoek blijkt dat mensen gemakkelijk een keuze kunnen maken uit maximaal 7 à 8 onderdelen, maar dat het daarboven onoverzichtelijk wordt. In het hoofdmenu is nu ruimte voor maximaal 10 onderdelen, inclusief de automatisch aangemaakte pagina’s voor home, over ons, agenda, nieuws en fotoalbums (ook als deze (nog) niet zichtbaar zijn). Het aantal sub- en subsubmenu-items is niet beperkt, maar het is wel verstandig om hier ook de richtlijn te hanteren van maximaal 7 à 8 items per niveau. Beperking subniveaus Onder een subpagina, kan nog een sub-subpagina komen. Een pagina op een niveau dieper dan dat: kan wel worden aangemaakt, maar wordt niet getoond in het menu. Onder “Publicatie-opties” kun je de optie “Gepubliceerd” uitvinken en weer aanvinken als de pagina klaar is, zodat deze niet tijdens het bewerken zichtbaar is op de website. Je kunt nu al kiezen om de pagina op te slaan. Je kunt ook doorgaan met het opmaken van de pagina.

10

Handleiding


Vergeet niet om als de pagina klaar is na te gaan of de optie “Gepubliceerd” onder “Publicatie-opties” aan staat. Onder “Meta tags” kun je een beschrijving van de pagina toevoegen. Doe je dit niet, dan kiest een zoekmachine (bijvoorbeeld Google) zelf een gedeelte tekst van de pagina. Voor een hoge score in een zoekmachine is het niet relevant om onder “Meta tags” trefwoorden toe te voegen. Wil je dit toch doen, let dan wel op dat deze de pagina juist beschrijven om te voorkomen dat de pagina gestraft wordt.

Bestaande pagina bewerken (de tekstverwerker) Ook op iedere al eerder aangemaakte pagina is het mogelijk de inhoud te bewerken. Als je ingelogd bent en de website bekijkt, zie je onder de titel van elke pagina een menu met o.a. de opties:

Deze staat standaard op Bekijken. Als je de inhoud van de pagina wilt veranderen klik je op Bewerken. Je bent nu op de pagina waar je de inhoud kunt bewerken en ziet ook het tekstveld met daarboven verschillende knoppen voor tekstbewerking:

Hier kun je de tekst in opmaken, links plaatsen of bestanden uploaden. Onder de tekstverwerken staat, voor gevorderde webbeheerders, een link naar de HTML versie van de inhoud: “Opgemaakte tekst uitschakelen”. Als de pagina klaar is klik je op Opslaan.

11

Handleiding


Een overzicht van de knoppen: Met deze knop kun je tekst vet maken. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst cursief maken. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst onderlijnen. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst doorhalen. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst links uitlijnen. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst centreren. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst rechts uitlijnen. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je tekst uitvullen. Selecteer een stuk tekst en druk op deze knop, of druk op de knop en begin met typen. Met deze knop kun je een opsomming maken. Druk op de knop, of het pijltje om een opsomming te kiezen. Typ een enter om een nieuw opsommingsteken te beginnen. Typ twee enters om de opsomming te beëindigen. Met deze knop kun je een genummerde of geletterde opsomming maken. Druk op de knop, of het pijltje om een opsomming te kiezen. Typ een enter om een nieuw opsommingsteken te beginnen. Typ twee enters om de opsomming te beëindigen. Met deze knop kun je een link maken. Deze knop wordt geactiveerd zodra je een woord selecteert. Selecteer een woord, en druk op de knop om een link te maken. Op deze manier kun je ook een bestaande link bewerken. Met deze knop kun je een link verwijderen. Deze knop wordt geactiveerd zodra je met de cursor in een link gaat staan. Druk op de knop om de link te verwijderen. Met deze knop kun je een afbeelding inladen. Druk op deze knop als je met de cursor op de juiste plaats in de tekst staat. Met deze knop kun je een horizontale lijn invoegen. Druk op deze knop als de cursor op de juiste positie in de tekst staat. Met deze knop kun je platte tekst plakken. Druk op deze knop als de cursor op de juiste positie in de tekst staat, en de gekopieerde tekst op het klembord als platte tekst wilt plakken Met deze knop kun je een tabel invoegen. Druk op deze knop als de cursor op de juiste positie in de tekst staat. Met deze knop open je een venster met de rij-eigenschappen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan.

12

Handleiding


Met deze knop open je een venster met de cel eigenschappen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij invoegen aan de bovenkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij invoegen aan de onderkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij uit een tabel verwijderen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom invoegen aan de linkerkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom invoegen aan de rechterkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom uit een tabel verwijderen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je cellen in een tabel splitsen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je cellen in een tabel samenvoegen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Deze knop niet gebruiken. Voor het plaatsen van een video gebruik je altijd “HTML code embedden”. Zie hieronder. HTML code embedden (embed code toevoegen) Met dit keuzemenu kun je snel tekst opmaken door het een eigenschap te geven. Bijvoorbeeld een kop of een alinea.

Tekst bewerken De tekstverwerker van Drupal werkt in veel opzichten hetzelfde als een tekstverwerker op de computer (zoals Microsoft Word). Boven het tekstveld zie je een aantal knoppen waarmee je de tekst kunt stijlen, opsommingen maken, afbeeldingen en tabellen kunt invoegen, en links kunt toevoegen. Tips - Plak externe tekst bij voorkeur als ‘platte tekst’, zodat automatisch de juiste opmaak wordt toegepast. Dat doe je door eerst op de knop voor platte tekst te klikken, en daarna pas te plakken in het tekstveld. Nadat je iets plakt, keer je terug naar normaal plakken. Klik op deze knop om het plakken als platte tekst te activeren.

- Gebruik voor het maken van kopjes bij voorkeur het keuzemenu (“Alinea”, “Kop 1”, “Kop 2”, etc.). - Met de link ‘Opgemaakte tekst uitschakelen’ dat onder het bewerkveld staat kan de HTML van het stuk content worden bekeken en bewerkt.

13

Handleiding


De Filebrowser Afbeeldingen en PDF bestanden die je in de editor toevoegt aan je website komen in de “Filebrowser” in het CMS.

Welke bestanden staan hier? De Filebrowser is een omgeving met mappen en bestanden. Het lijkt een klein beetje op “Mijn documenten” op je een PC, maar de mogelijkheden in het CMS zijn beperkter en er is minder opslagruimte. Een verschil met een “Verkenner” of “Mijn documenten” op de PC: Mappen of bestanden verslepen kan niet in deze Filebrowser. Het limiet voor alle bestanden samen is 1000 MB. Dit limiet voorkomt dat de website te ‘zwaar’ wordt om in alle omstandigheden goed te werken. Daarom is het belangrijk om goed na te denken over wat je upload. Bestanden die je niet meer gebruikt op de website kun je gelijk verwijderen uit de Filebrowser in het CMS. Dus voor een beelden tekstarchief: - een e-mail account, map op je computer en/of een externe backup-schijf Voor bestanden die nu getoond worden op de website: - De Filebrowser in het CMS van de website De Filebrowser bekijken In de pagina’s hierna wordt uitgelegd hoe je een bestand als PDF of afbeelding toevoegt op de website. Hierbij wordt de “Filebrowser” benadert via de button voor het invoegen van een link of afbeelding. Via de optie Mijn account in het beheermenu kun je de het ook vinden, om los van een pagina ook afbeeldingen en/of documenten toe te voegen en te verwijderen:

14

Handleiding


Bestand uploaden Open eerst de map waarin je wilt dat het bestand terechtkomt. Klik daarna op Uploaden en dan op Bladeren. Ne opent een venster op de computer. Selecteer hierin de bestanden die je wilt uploaden naar de website.

Bij “Create thumbnails” kun je een grootte kiezen, als je een kleine afbeelding van je bestand wilt tonen in de Filebrowser. Dit hoeft niet. Als je dit overslaat zie je alleen de bestandsnaam in de Filebrowser. Klik onder “Create thumbnails” op Uploaden. Het bestand staat nu in de Filebrowser en kun je gebruiken in de editor (Zie hoofdstukken “Afbeelding en PDF”). Bestand verwijderen Selecteer een bestand in de Filebrowser door erop te klikken. Klik daarna bovenin de Filebrowser bij het rode kruis op Verwijderen. Er volgt een controlevraag, klik daar op OK. Het bestand is nu definitief verwijderd uit het CMS. Map maken Als er veel verschillende bestanden op de site staan, kunnen er mappen gemaakt worden om het overzicht te behouden. Anders dan op de computer, kun je deze mappen later niet verslepen of van naam veranderen. Voeg dus alleen een structuur toe die op de lange termijn werkt. Zo kan bijvoorbeeld een scheiding gemaakt worden tussen “Afbeeldingen” en “PDF_bestanden”.

Een map voeg je toe door op het betreffende onderdeel te klikken waaronder de map moet vallen. Klik daarna op Directory. Typ de naam van de nieuwe map, en klik op Toevoegen. 15

Handleiding


Map verwijderen Ga op de bovenliggende map staan, waaronder de te verwijderen map valt. Klik op Directory. Typ de naam van de betreffende map in het tekstveld, of kies de map via het pijltje in het tekstveld.

Klik dan op Verwijderen, rechts in het venstertje. Klik als er gevraagd wordt om een bevestiging op OK. De map, en bestanden in de map, zijn nu definitief verwijderd. Resize Je kunt in de filebrowser de grootte van een afbeelding aanpassen, door deze te selecteren en op Resize te klikken.

Vul de nieuwe afmetingen in, in aantallen pixels. Kies of er een nieuwe afbeelding moet komen of niet. En klik op op de tweede Resize knop in het kleine venstertje. Gebruik Resize bij voorkeur alleen voor kleiner maken, groter maken geeft een onscherp resultaat.

16

Handleiding


Links plaatsen Om een link in een pagina te plaatsen, naar bijvoorbeeld een e-mailadres of website, selecteer je de tekst waarop de link moet komen. Klik dan op de link knop.

Klik op deze knop om een link aan te maken.

Klik op deze knop om een link te verwijderen.

Je ziet nu het volgende scherm:

Voer de URL van de link in, in het veld achter URL. Kies bij Doel voor In nieuw venster openen. Als je klaar bent met het invullen van de gegevens klik je op Invoegen. Klik vervolgens op Opslaan. De link is nu in de pagina te zien en is aanklikbaar. Interne link Alle links die beginnen met “anbo.nl“ zijn interne links. Door deze ook als interne link toe te voegen blijft de link altijd kloppen, ook als de pagina verplaatst binnen de website. Plaats voor een interne link alleen het gedeelte achter “anbo.nl“, inclusief de schuine streep. Dus een link naar de pagina http://www.anbo.nl/belangenbehartiging, plaats je alleen dit gedeelte van de URL, in het veld achter URL: /belangenbehartiging

17

Handleiding


Afbeelding invoegen

Klik op deze knop om een afbeelding te uploaden.


Klik op het icoontje achter het veld “Bestand/URL”. Hier kun je een bestand uploaden, deze wordt opgeslagen in een map. Je kunt bij het toevoegen van afbeeldingen via deze knop zelf het aantal pixels kiezen. Breder dan 700 pixels (px) is over het algemeen niet nodig.

Dit bestand kun je vervolgens selecteren en invoegen door op de weergave van het beeld eronder, of op Insert file te klikken. Kies eventueel extra eigenschappen onder “Weergave” en vul de rest van de velden in. Klik daarna op Invoegen. Sla daarna de pagina op. De afbeelding is nu in de pagina te zien. NB: via de optie ‘mijn account’ in het beheermenu kun je de ‘file browser’ ook vinden, om los van een pagina ook afbeeldingen en/of documenten toe te voegen die je later op pagina’s kunt gebruiken. In de ‘file browser’ kun je bestanden verwijderen door ze te selecteren, en dan op Verwijderen te klikken.

18

Handleiding


PDF invoegen Je kunt linkjes aan de website toevoegen, waarmee bestanden gedownload kunnen worden. Dit bestand, bijvoorbeeld een rapport of brochure, voeg je bij voorkeur toe in de vorm van een PDF, max. 8 MB groot. (Meer informatie over het maken van een PDF: http://www.adobe.com/nl/products/acrobat.html)

Klik op deze button om een link aan te maken.

Klik op deze button om een link te verwijderen.


Klik op het icoontje achter het veld URL. Hier kun je een bestand uploaden, deze wordt opgeslagen in een map. Klik als het juiste bestand geselecteerd is op Insert file. Je kunt bepalen hoe de PDF opent: kies eventueel achter “Doel“ voor “In nieuw venster openen“. Vul de velden in en klik daarna op Invoegen. Sla daarna de pagina op. De link naar de PDF is nu op de pagina te zien. Downloads toevoegen Ook kun je onder aan de pagina door te klikken op Downloads toevoegen een PDF bestand uploaden, van max. 8 MB. De link met, de bestandsnaam van de PDF, wordt dan zichtbaar en op de website, onder de tekst van de betreffende pagina. Onder Downloads toevoegen kun je het item ook weer verwijderen.

19

Handleiding


Tabel invoegen Met een tabel kun je inhoud structureren. Omdat inhoud altijd geplakt wordt als platte tekst, kun je een tabel uit niet altijd rechtstreeks kopieren en plakken. Om de weergave te waarborgen, moet deze opnieuw worden gemaakt in het CMS. Inhoud die bijvoorbeeld in een Word bestand ook in een tabel staat, of doormiddel van tabs is gescheiden, kun je zo toevoegen op de website. Bijvoorbeeld een maandelijkse planning, of een pagina met foto’s en namen van bestuurders. Ze de cursor in de tekstverwerker op de plaats waar de tabel moet komen. Dit kan later niet meer gewijzigd worden. Klik dan voor een nieuwe tabel op deze knop:

Je ziet nu het volgende scherm met eigenschappen. Deze kunnen bij een bestaande tabel nog aangepast worden:

Kolommen en rijen Kolommen zijn de verticale onderdelen. Rijen zijn de horizontale onderdelen. In de vakjes geef je de hoeveelheid aan. Ruimte in cel, Ruimte om cel Hier geef je in pixels (bijvoorbeeld 10) de lege ruimte om de inhoud, in een cel aan. En de ruimte tussen verschillende cellen. Dit kun je ook leeglaten. Uitlijning Geef hier aan of de tabel links, rechts of gecentreerd op de pagina moet komen. Breedte en hoogte Hiermee geef je de tabel een vaste breedte en/of hoogte. Dit kun je ook leeglaten, de tabel past zich dan aan op de inhoud. Dit doe je door pixels in te vullen, of procenten. Maak de tabel nooit breder dan het tekstvlak op een pagina: 680 pixels of 100%. 20

Handleiding


Klasse Door de “Klasse“ te kiezen geef je aan hoe tekst om de tabel moet lopen. Dit is optioneel. Rand Achter “rand“ kun je het uiterlijk van de tabellijnen bepalen. “0’ is een onzichtbare lijn. Met “1” krijg je een dunne zwarte lijn. Tabelbeschrijving / Geavanceerd Met “Tabelbeschrijving“ hoef je niets te doen. Onder het tabblad “Geavanceerd“ zijn nog meer eigenschappen te bepalen. De website verzorgt zelf styling van de tabel, dus over het algemeen is het beter om geavanceerde instellingen achterwege te laten. Klik om de tabel af te ronden op Invoegen en sla de pagina op. Eigenschappen per cel of rij zijn ook nader te bepalen. Zie onder. Bestaande tabel bewerken Om een bestaande tabel te bewerken: zet de cursor in de tabel en klik weer op deze knop. Pas eigenschappen aan, klik op Bijwerken en sla weer op.

Als je met de cursor in de tabel gaat staan worden ook deze knoppen aanklikbaar. Ze geven nog meer opties, specifiek voor een kolom, rij of cel (zie ook “Een overzicht van de knoppen:“). Met deze knop open je een venster met de rij-eigenschappen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop open je een venster met de cel eigenschappen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij invoegen aan de bovenkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij invoegen aan de onderkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een rij uit een tabel verwijderen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom invoegen aan de linkerkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom invoegen aan de rechterkant van een tabel. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je een kolom uit een tabel verwijderen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je cellen in een tabel splitsen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan. Met deze knop kun je cellen in een tabel samenvoegen. Deze knop wordt geactiveerd zodra je met de cursor in een tabel gaat staan.

21

Handleiding


Navigatiemenu aanpassen De indeling van het navigatiemenu aan de linker zijde op de afdelingspagina kan worden aangepast. Via de knop "Menu aanpassen" in het beheerdermenu (zie afbeelding), kan de volgorde van de pagina's worden aangepast. Klik op de knop om door te gaan naar de beheerpagina van het menu.

Op de beheerpagina van het menu staat een overzicht van alle aanwezige pagina's welke in het linker menu worden getoond. De volgorde kan als volgt worden veranderd: 1. Ga met de cursor (pijltje) boven het wijzertje staan aan het begin van de regel (zie onderstaande afbeelding) en houd vervolgens de muisknop ingedrukt. De regel is nu actief en geel van kleur. 2. Houd de muis knop nog steeds ingedrukt en verplaats de actieve regel vervolgens naar boven of naar beneden, zodat de actieve regel een positie naar wens krijgt binnen het overzicht. 3. Laat vervolgens de muisknop los om de positie vast te zetten. 4. Is de volgorde naar wens? klik dan op de knop “opslaan”.

22

Handleiding


Voordeel & Korting plaatsen op de afdelingsite Om de Voordeel & Korting functionaliteit in te schakelen op de afdelingsite, zullen de volgende handelingen verricht moeten worden: Klik in het beheermenu op "bewerken", om de afdeling instellingen te kunnen beheren.

Op de afdeling beheerpagina staan diverse instellingen waaronder de instellingen voor Voordeel & Korting. Deze instellingen zijn onderaan de pagina te vinden.

23

Handleiding


De volgende instellingen zijn op de afbeelding aanwezig: 1. Aantal dagen voordat een notificatie wordt verstuurd met de melding dat een Voordeel & Korting advertentie afloopt. 2. Het e-mailadres waar de notificatie naartoe mag worden gestuurd. 3. Het daadwerkelijk "tonen" van Voordeel & Korting op de afdelingpagina. 4. De postcode van de afdeling en het bereik, voor de “plaatselijke” Voordeel & Korting advertenties, in kilometers uitgedrukt. In het voorbeeld wordt een straal van 35 kilometer gebruikt. Dit betekent dat alle advertenties van Voordeel & Korting, welke maximaal 35 kilometer van de postcode verwijderd zijn, getoond worden in de Voordeel & Korting lijst. Als de instellingen naar wens zijn ingevuld, klik dan op de knop "opslaan", om de instellingen te bewaren. De Voordeel & Korting pagina is nu toegevoegd aan de afdeling.

24

Handleiding


Video plaatsen Een video die op YouTube staat kun je “embedden” op een pagina. Klik hiervoor op de volgende button:

Het volgende venster wordt zichtbaar:

Voeg in het venster de embed code uit YouTube in, die je op YouTube vindt onder “Delen” en dan “Insluiten”.” Klik daarna op Invoegen en sla de pagina op.

25

Handleiding


Afdelingsblad plaatsen Een afdelingsblad is te plaatsen door deze eerst te publiceren, als bladerbaar exemplaar, op Issuu (issuu.com). Issuu werkt volgens hetzelfde principe als YouTube, maar dan voor publicaties, zoals tijdschriften. Naast het embedden van bestaande bladen van Issuu.com, kun je zelf een account aanmaken en eigen bladen uploaden, en embedden op de website. Net als een YouTube video, heeft een Issuu publicatie een embed code. Deze kan, net als bij “Video plaatsen” op een pagina getoond worden via de button voor het embedden van een code op een pagina:

Blad uploaden op issuu.com Ga naar issuu.com om een afdelingsblad te uploaden. Hiervoor moet je allereerst inloggen. Heb je nog geen account? Maak er dan eerst een aan. Klik op “Create account”, kies voor “Reader” en vul je gegevens in. Bij de accountnaam en het accountadres kun je eventueel de naam van je afdeling ingeven. Via de knop “Upload“ kun je een afdelingsblad toevoegen aan het account. Volg hiervoor de instructies. Diverse bestandsvormen zijn mogelijk, waaronder .doc en .pdf.

Embed code verkrijgen Het afdelingsblad staat nu bij “My Publications”. Om de embed code te verkrijgen klik je in het overzicht op de afbeelding van het afdelingsblad. Kies in het menu voor Share en vervolgens voor Website or blog. Dan opent het scherm ”Embed widget” waarin de gewenste eigenschappen kunnen worden aangegeven. Het formaat mag blijven zoals het is. Je kunt hier eventueel de kleur van de achtergrond veranderen naar wit. Klik met de cursor in het veld Embed code, en druk vervolgens op het toetsenbord op CTRL+C (kopiëren). Die code is aan de afdelingswebsite toe te voegen via de bovenstaande button.


Nieuwsberichten Om een nieuw nieuwsbericht aan te maken klik je op Toevoegen en dan op Nieuws. Je ziet dan het volgende:

Vul in het bovenste veld de kop van het nieuwsbericht in. Ook zie je een tekstveld met daarboven verschillende knoppen om de inhoud te bewerken, met dezelfde functies als bij het aanmaken van een normale pagina. Daaronder kun je een “Hoofdafbeelding” (langwerpig) toevoegen, die boven de detailpagina van het nieuwsbericht komt. Deze is minimaal 707 x 217 px . Ook kun je bij “Lijst afbeelding“een afbeelding (eventueel dezelfde) uploaden voor het kleinere beeld dat op “Home” en in het “Nieuwsoverzicht” te zien is bij het bericht. Deze is minimaal 220 x 155 px. Na uploaden van de beelden kun je een passende uitsnede maken.

Publicatie-opties Onder Publicatie-opties in het menu aan de rechterkant van de pagina, kun je aangeven of het bericht online zichtbaar moet zijn of niet.

Datum aanpassen Onder “Auteursinformatie” kun je de datum van het bericht aanpassen. Handig als je een bericht als nietgepubliceerd klaarzet voor een publicatie in de nabije toekomst. Of het opnieuw bovenaan wilt tonen, want zo kun je dus ook de volgorde van berichten aanpassen.

Bestaand bericht bewerken Let op dat je om een bericht te bewerken altijd eerst naar de nieuwspagina zelf moet. Het bericht wordt ook automatisch weergegeven op andere pagina’s, zoals op de home page, maar daar is bewerken van het nieuwsbericht niet mogelijk. Als het bericht klaar is klik je op Opslaan.

27

Handleiding


Agendapunt Om de agenda te vullen klik je op Toevoegen en dan op Agendapunt. Dan zie je dit:

Hier vul je de eigenschappen van het agendapunt in: - Titel - Datum - Datum t/m (als het om een evenement van meerdere dagen gaat. Anders laat je deze leeg) - Door (de uitvoerder/aanbieder van het evenement) - Locatie - Bij “Introtekst” vul je een samenvatting van het agendapunt in, die getoond wordt in het overzicht. - Bij “Berrichttekst” kun je een uitgebreidere beschrijving van het agendapunt plaatsen. - Klik als het agendapunt klaar is op Opslaan. Het bewerken of verwijderen van een agendapunt kan door naar het agendapunt toe te gaan op de website en op ‘bewerken’ te klikken (onderaan bevind zich een knop ‘verwijderen’). Ook kan met de knop ‘inhoud’ in het hoofdmenu van de beheeromgeving (de zwarte menubalk) een overzicht worden opgeroepen met alle content van de site en kan hier direct geklikt worden op ‘bewerken’ of ‘verwijderen’.

28

Handleiding


Fotoalbum Voor het tonen van fotoalbums is een speciale module gerealiseerd voor afdelingssites. Maak om te starten eerst een fotoalbum aan door via het beheermenu te gaan naar toevoegen > fotoalbum.

Kies een titel voor het album en kies vervolgens een hoofdfoto die getoond wordt om het album te herkennen. Die moet minimaal 214 x 150 px zijn. Het systeem maakt nu automatisch een pagina ‘fotoalbums’ aan die links in het menu verschijnt. Op deze pagina worden alle aangemaakte fotoalbums getoond met de gekozen hoofdafbeelding per album en de titel. Bij elk opgeslagen fotoalbum kun je onder “Select files“ meerdere foto’s tegelijk toevoegen. Om aparte foto’s aan een album toe te voegen kies je via het hoofdmenu voor toevoegen > foto. De grootte van de foto bepaal je zelf, maar kan maximaal 1024 x 768 px zijn. Kies het album waaraan je de foto wilt toevoegen, geeft foto een titel en upload de foto via ‘bestand kiezen’. Na opslaan wordt de foto zichtbaar in het gekozen album. Max. aantal foto’s : 50.

29

Handleiding


Foto’s sorteren Om de volgorde van foto’s te bepalen klik je naast “Bekijken“ en “Bewerken“ op Sorteren. Je ziet dan een lijst met maximaal 50 foto’s.

Het kruis voor elke foto kun je aankikken en vasthouden. Zo sleep je foto’s naar een andere positie. Na een klik op Volgorde opslaan is de positie definitief.

30

Handleiding


Banners Op elke pagina op de ANBO website staan vijf banners. Hiervan zijn er twee beschikbaar voor de afdelingen om die zelf in te vullen. Dit zijn de twee banners linksonder. Het toevoegen van een banner kan door in het beheermenu te klikken op ‘toevoegen’ en vervolgens op ‘banner’. Een banner heeft altijd een titel (dit is de tekst die verschijnt als de afbeelding niet kan worden geladen en om te herkennen in de beheeromgeving).

31

Handleiding


De banner zelf bestaat uit een afbeelding die kan worden geupload onder het kopje ‘afbeelding’. De afbeelding wordt automatisch geschaald tot de juiste verhouding voor een banner op de site. Het beste formaat om te uploaden is een afbeelding van 214 x 125 px. Het veld ‘link’ is bedoeld om de link op te geven waarheen de banner moet verwijzen. Dit is bij voorkeur een pagina op de website zelf, de banners zijn met name bedoeld om bepaalde zaken extra onder de aandacht te brengen. Bij ‘pad’ wordt bepaald op welke pagina of pagina’s de banner wordt getoond. Dit kan jouw hele afdelingswebsite zijn; laat dan de standaard waarde staan. Maar je kunt ook een specifieke pagina of een onderwerp met omliggende pagina’s opgeven. Vul het pad naar die pagina dan in (bijvoorbeeld /afdelingen/afdelingsnaam/nieuws als je de banner op de nieuwspagina wilt hebben). Door ‘Banner ook tonen op alle onderliggende pagina’s’ aan te vinken zorg je er voor dat de banner ook op alle subpagina’s van het gekozen onderwerp getoond wordt. Het veld ‘positie’ bepaalt welke van de beide bannerposities wordt gebruikt voor jouw banner. De banner van de landelijk website van ANBO wordt nu vervangen door jouw eigen banner voor de opgegeven pagina’s op jouw afdelingswebsite. Als je een bepaalde bannerpositie niet gebruikt verschijnt op die plek de standaard banner die voor ANBO.nl op die positie is geplaatst. Tenslotte kun je middels de datumvelden ‘tonen vanaf’ en ‘tonen t/m’ bepalen wanneer de banner wordt getoond en eventueel weer (automatisch) verdwijnt.

32

Handleiding


Lokale korting Om een nieuw kortingsitem aan te maken klik je in de werkbalk onder “Toevoegen” op Lokale korting. Je ziet nu het volgende:

Vul de naam van het kortingsitem in onder “Titel” en kies de juiste “Categorie”. Voor Voordeel & Korting zijn diverse categorieën beschikbaar. Het is voor afdelingswebmasters niet mogelijk om categorieën toe te voegen, maar dit wordt centraal geregeld, zodat dit voor bezoekers van de website helder en consequent is. Onder de berichttekst kun je een lijstafbeelding (minimaal 165 × 116 px, dit is verplicht omdat deze afbeelding in het overzicht wordt getoond) en hoofdafbeelding (minimaal 707 × 217 px) toevoegen. Deze kunnen na uploaden in CMS nog worden bijgesneden. Bezoekers kunnen op de website Voordeel & Korting zoeken door een postcode in te vullen. Als ze via een afdelingssite komen, wordt zelfs al een postcode ingevuld (namelijk de postcode van het kantoor/ secretariaat van de afdeling zoals bekend in het systeem). De bezoeker kan deze postcode uiteraard wijzigen. Op basis van de ingevulde postcode (en eventueel een gekozen categorie) wordt een lijst getoond van alle beschikbare lokale Voordeel & Korting items op volgorde van nabijheid. De afstand (hemelsbreed) wordt hierbij ook vermeld. De lijst beperkt zich niet tot enkel items van de afdeling die de bezoeker heeft gekozen, maar toont het complete overzicht gesorteerd op nabijheid.

33

Handleiding


Met de velden ‘tonen vanaf’ en ‘tonen t/m’ kan worden bepaald wanneer het kortingsitem op de website getoond moet worden. Hierbij kan ook een datum in de toekomst worden ingevuld, zodat een kortingsitem alvast kan worden ingevoerd en later getoond wordt op de website.

Bij een lokale korting is het van belang om een locatie toe te voegen, zodat websitebezoekers kunnen zoeken op kortingen in de buurt. Door de drie adresvelden in te vullen en vervolgens te klikken op de knop ‘op de kaart plaatsen’ wordt de locatie van het kortingsitem zo nauwkeurig mogelijk bepaald. Het kan voorkomen dat op basis van het adres de locatie niet helemaal correct op de kaart gezet wordt. Dit kan dan nog worden aangepast door het punt te verslepen op de kaart. Klik hiervoor eerst op het potlood-icoontje rechtsboven om vervolgens met klikken-en-slepen de punt te verplaatsen. Na het opslaan van het kortingsitem wordt de (nieuwe) locatie bewaard.

Net als bij een gewone pagina, kun je bij een kortingsitem downloads toevoegen (zoals een kortingsbon).

Na het klikken op Opslaan is het kortings item gedurende de aangegeven periode zichtbaar.

34

Handleiding


Korting bekijken De korting wordt weergegeven op de landelijke anbo.nl, bij lokale voordeel & korting. Als jouw afdelingssite nog niet gepubliceerd is zijn jouw kortingsitems ook niet zichtbaar. Uw kortingsitem (gepubliceerd of niet-gepubliceerd) kun je altijd terugvinden via de werkbalk bovenaan, onder “Inhoud“. Klik op de naam van de korting om deze te bekijken. Klik op Bewerken om te wijzigen.

35

Handleiding


Inhoud bewerken of verwijderen In de werkbalk kun je klikken op Inhoud. Je ziet dan dit:

Hier kun je altijd alle inhoud terugvinden met het bovenstaande filter. Ook niet-gepubliceerde items zijn zo altijd bereikbaar. Hier kan inhoud bewerkt worden, maar ook verwijderd. Bedenk wel dat als verschillende onderdelen aan elkaar gelinkt zijn (bijvoorbeeld subpagina’s aan pagina’s) je niet een sleutelonderdeel moet verwijderen.

36

Handleiding

_www.anbo.nl/afdelingen Veelgestelde vragen

Veelgestelde vragen Hoe voeg je een printable kortingsbon toe? De gemakkelijkste manier om een dergelijke bon toe te voegen is deze als PDF-bestand aan te bieden. De bezoeker kan deze dan zelf openen en uitprinten. Zie de uitleg voor het toevoegen van een PDF-bestand elders in deze handleiding onder ‘PDF invoegen’.

Waar is het veld “Downloads” voor? Dit veld komt bij meerdere soorten inhoud terug. Hier kun je bestanden aan toevoegen die als “Download“ onderaan de pagina verschijnen. Dit veld is niet verplicht.

Waar zijn de velden bij “Metatags” voor? Gevorderde webmasters die zich willen richten op zoekmachine-optimalisatie en over goede kennis hiervoor beschikken, kunnen hier gebruik van maken. Let op: onjuist gebruik kan leiden tot een slechtere waardering in zoekmachines. Deze velden kunnen altijd worden overgeslagen.

Hoe opent de link die ik toevoeg? Op afdelingsites is ingesteld dat, tenzij anders aangegeven, een link naar een interne pagina opent in hetzelfde venster als de link, en een link naar een externe pagina opent in een nieuw venster. Wil je bijvoorbeeld een PDF bestand toch laten openen in een nieuw venster, dan geef je dit aan bij het maken van de link, achter “Doel“.

Hoe zit het met rechten op beelden? Op afbeeldingen en foto’s is auteursrecht van toepassing. Dit betekent dat je niet zomaar elke afbeelding op je website rechtenvrij en zonder kosten mag gebruiken. Plaats dus alleen afbeeldingen en foto’s waarvan je zeker weet dat het mag, bijvoorbeeld doordat je toestemming hebt van de fotograaf of ervoor hebt betaald. Ook kun je gebruikmaken van websites waar foto’s rechtenvrij zijn te downloaden op abonnementsbasis. Voorbeelden van dergelijke websites zijn Shutterstock.com, istockphoto.com of nationalebeeldbank.nl. Een goede bron kan ook Flickr.com zijn. Op deze website staat bij elke foto vermeld welke rechten van toepassing zijn.

Hoe groot moet mijn afbeelding zijn? Als je een afbeelding toevoegt in een veld zoals “hoofafbeelding“ of “lijstafbeelding“ geeft het systeem onder het veld de minimale grootte in pixels (px) aan. Er volgt een melding als de afbeelding te klein is. Een “losse“ afbeelding via de knop in de teksterwerker is flexibel en heeft geen minimale afmetingen.

Welke browser kan ik het beste gebruiken voor het beheren van mijn website? We adviseren het gebruik van Firefox of Chrome voor het beheer. Ook Safari en Internet Explorer zijn geschikt, maar met name Internet Explorer kent vele versies en in oudere versies zijn niet alle functies van het CMS beschikbaar.

Kan ik ook mijn sneltoetsen gebruiken om te plakken? Ja. Je hoeft niet per se de rechtermuisknop te gebruiken om tekst in de tekstverwerker te plakken. Dit kan ook met de sneltoets ctrl+v (voor apple: cmd+v). Klik voor het plakken wel altijd eerst op de knop voor “plakken als platte tekst“.

37

Handleiding

_www.anbo.nl/afdelingen Veelgestelde vragen

Letters vergroten? Zo doe je dat! In de nieuwere versies van internetbrowsers als Internet Explorer, Chrome, Firefox en Safari kunt je makkelijk tekst vergroten met sneltoetsen. In Windows doe je dat met het toetsenbord: “Ctrl” vasthouden en tegelijkertijd op “+” drukken om te vergroten “Ctrl” vasthouden en tegelijkertijd op “-” drukken om te verkleinen “Ctrl” vasthouden en tegelijkertijd op “0” (nul) drukken voor de normale weergave Op een Mac doe je dat op het Mac toetsenbord: de “cmd” toets (appeltje) vastouden en tegelijkertijd op de “+” toets drukken om te vergroten de “cmd” toets (appeltje) vastouden en tegelijkertijd op de “-” toets drukken om te verkleinen de “cmd” toets (appeltje) vastouden en tegelijkertijd op de “0” (nul) drukken voor de normale weergave Door jouw browser en e-mailsoftware regelmatig te updaten naar de laatste versie, kun je gebruikmaken van de nieuwste mogelijkheden. Voldoet deze informatie niet? Raadpleeg dan de help-functie van het programma, of neem contact op met de leverancier.

Waar kan ik mijn Kortings item bekijken? De korting wordt weergegeven op de landelijke anbo.nl, bij lokale voordeel & korting. Als jouw afdelingssite nog niet gepubliceerd is zijn jouw kortingsitems ook niet zichtbaar. Uw kortingsitem (gepubliceerd of niet-gepubliceerd) kun je altijd terugvinden via de werkbal bovenaan, onder “Inhoud“. Klik op de naam van de korting om deze te bekijken. Klik op Bewerken om te wijzigen.

38

Handleiding

_Website beheer

Recommend Documents