SWIS Handleiding Webbeheer
1
Inhoudsopgave I.
Inloggen in Webbeheer en je wachtwoord resetten ........................................................................................................................ 4
Inlogscherm ................................................................................................................................................................................................................... 4 Je wachtwoord vergeten? ........................................................................................................................................................................................ 5 II.
Modules: nieuwe content plaatsen of bestaande content wijzigen ......................................................................................... 6
Modules .......................................................................................................................................................................................................................... 6 De algemene werking van modules .................................................................................................................................................................... 7 III.
De basics van de editor ................................................................................................................................................................................. 7
Teksten invoegen en bewerken ............................................................................................................................................................................ 7 Invoegen van hyperlink ............................................................................................................................................................................................ 8 Invoegen van diverse bestanden.......................................................................................................................................................................... 9 Afbeelding invoegen ................................................................................................................................................................................................. 9 Video embedden ...................................................................................................................................................................................................... 10 IV.
De structuur: pagina’s toevoegen en beheren ................................................................................................................................. 11
Introductie ................................................................................................................................................................................................................. 11 Structuurboom .......................................................................................................................................................................................................... 13 Volgorde menu-items aanpassen ..................................................................................................................................................................... 13 Algemene instellingen in de structuur ............................................................................................................................................................ 14 Een bestaande pagina wijzigen .......................................................................................................................................................................... 15 Instellingen aanpassen met gereedschapsicoontje ................................................................................................................................... 16 Modules verwijderen van je pagina met het rode kruisje....................................................................................................................... 16 Modules toevoegen via het dropdown menu ............................................................................................................................................. 16 Volgorde wijzigen door de modules te verslepen ..................................................................................................................................... 17 Een nieuwe pagina toevoegen ........................................................................................................................................................................... 18 V.
Gebruikers beheren................................................................................................................................................................................... 20
Een gebruiker blokkeren ....................................................................................................................................................................................... 20 Een nieuwe gebruiker aanmaken ...................................................................................................................................................................... 21
2
De gebruikersgegevens toezenden.................................................................................................................................................................. 21 VI.
De site beheren voor dummies .............................................................................................................................................................. 22
Bewerk deze pagina ................................................................................................................................................................................................ 22 VII.
3
Contact ........................................................................................................................................................................................................ 23
I.
Inloggen in Webbeheer en je wachtwoord resetten
De website is voorzien van een SWIS Webbeheer 4, een eenvoudig Content Management Systeem (CMS) waarmee je de volledige site beheert. Inloggen doe je door de url: www.naamvanjewebsite.nl/webbeheer in te tikken in je browser.
Inlogscherm
Voorbeeld: inlogscherm Webbeheer
Als je succesvol bent ingelogd, kom je in een overzichtsscherm (dashboard) met de modules die voor jou beschikbaar zijn gemaakt.
4
Voorbeeld: startscherm na het inloggen
Je wachtwoord vergeten?
Voorbeeld: inlogscherm Webbeheer/wachtwoord vergeten Ben je je wachtwoord vergeten, vraag deze op door te klikken op de rode link “Stel hier een nieuw wachtwoord in”. Hierna kom je in het scherm waar je je emailadres kunt invullen om het nieuwe wachtwoord in te stellen.
5
II.
Modules: nieuwe content plaatsen of bestaande content wijzigen
Webbeheer is opgebouwd met modules. Onder content vind je allerlei modules. Modules hebben twee functies:
Enerzijds beheer je content vanuit de modules. Bijvoorbeeld: je voegt een nieuwsbericht toe.
Anderzijds vormen de modules de bouwstenen van de website waarmee je bepaald welke modules er op een pagina staan en waar. Bijvoorbeeld: op een nieuwspagina staat in de structuur een nieuwsmodule en een reactiemodule. Je bent vrij om deze te verschuiven. (hierover meer in hoofdstuk IV Structuur: pagina’s toevoegen en beheren)
Modules Nieuwe content toevoegen aan de site doe je vanuit een contentmodule. Na het openen van de module, kom je in de overview. In de overview zie je een overzicht van alle items binnen de module.
Voorbeeld: content modules van www.swis.nl
Voorbeeld: overview medewerkers module
6
De algemene werking van modules
Met het groene plusje voeg je een nieuw item toe
Met het rode kruisje delete je een item
Met het potloodje wijzig je een item
Met de pijltjes kun je volgorde van items veranderen.
De meeste modules spreken voor zich.
III.
De basics van de editor
Op veel plaatsen in de website kun je een tekstblok plaatsen. Hierin kun je naast tekst ook bestanden invoeren. Met behulp van de editor, kun je deze content beheren.
Teksten invoegen en bewerken
Het lettertype en de headingstijl zijn voorgedefineerd en kunnen niet door de gebruiker zelf worden aangepast. Er zijn vier voorgedefinieerde teksstijlen. - standaard - heading 1 - heading 2 - heading 3 Zorg dat je (doormiddel van kopjes) gebruik maakt van verschillende koppen (1,2,3). Je kunt op een later moment altijd de headingstijl van een stukje tekst veranderen. Selecteer dan de tekst die je wilt veranderen en klik de nieuwe tekststijl aan.
7
Invoegen van hyperlink
Voor het invoegen van een link, volg je de volgende stappen. 1.
selecteer de tekst die je wilt linken met je cursor
2.
Klik in het tabblad invoegen op link
3.
Voeg de site waarnaar je wilt linken toe. (De basisregel; Link je naar een pagina binnen je site, open je in hetzelfde venster. Link je daarentegen naar een pagina binnen een andere site, kies dan bij doel “Link in een nieuw venster openen”
8
4.
De titel is geen verplicht veld
5.
Klik op Bijwerken
Invoegen van diverse bestanden
Deze optie voor het invoegen van bestanden zit onder het tweede tabblad van de editor. Het invoegen van de meeste bestanden spreken voor zich, en behoeven geen uitleg. De twee meest gebruikte opties zullen we uitlichten.
Afbeelding invoegen
Kies voor afbeelding
Kies voor Invoegen vanuit bestandsbeheer als je het bestand al eerder hebt geupload of voor Een nieuw bestand uploaden wanneer je dat nog niet hebt gedaan
Als je de afbeelding hebt ingevoegd, kun je deze nog bewerken. Dit bewerken is optioneel
Wat je aan een afbeelding kunt bewerken:
9
o
Kleur
o
Breedte, hoogte
o
uitsnijden
o
draaien
o
alt-tekst geven
Voorbeeld: invoegen afbeelding
Video embedden Het embedden van filmpjes die op Vimeo of YouTube staan is iets gecompliceerder. Het invoegen doe je in twee stappen. Stap 1: kopieer de code YouTube
ga op YouTube naar het filmpje dat je wilt embedden
klik onder het filmpje op ‘delen’
klik vervolgens op ‘insluiten’
kopieer de code in het tekstvak
Vimeo Bij een Vimeo-filmpje werkt het bijna hetzelfde:
ga op Vimeo naar het filmpje dat je wilt embedden
klik naast het filmpje op ‘share’
kopieer de code in het tekstvak onder ‘embed’
Voorbeeld code:
10
Stap 2: Plak de code in de editor
IV.
ga in het tekstblok naar Invoegen
klik op Embed
plak de code in het pop-up scherm
De structuur: pagina’s toevoegen en beheren Introductie
De structuur en de achterliggende pagina’s van de website maak je aan in de Structuur module. In de structuur zie je de pagina Een aantal pagina’s zien eruit als mapjes. Dit betekent dat er ‘achter’ deze pagina’s nog meer pagina’s staan.
11
Dubbelklik op een mapje of op een pagina, dan open je de betreffende pagina.
12
Klik eenmaal op een mapje, dan zie je welke pagina’s hieronder vallen.
Structuurboom Hieronder zie je de structuurboom van swis.nl. Er zijn twee hoofdmappen. 1.
Hoofdnavigatie, hierin zitten alle pagina’s die terugkomen in de navigatie (tenzij je aangeeft dat je dat niet wilt).
2.
Speciale pagina’s, deze pagina’s komen niet terug in de navigatie op je site en komen niet terug in de zoekresultaten als je een zoekmachine op je site hebt.
3.
In sommige gevallen is er nog een extra map. Footernavigatie.
Volgorde menu-items aanpassen Wil je de volgorde van je menuknoppen wijzigen? Dit kan heel eenvoudig in Webbeheer. Je doet het als volgt:
ga naar de tab ‘Structuur’
selecteer de pagina die je wilt verplaatsen
versleep de pagina naar de juiste locatie
Let op: bij het verslepen van de pagina zijn er drie mogelijkheden: 1.
Je plaatst de pagina tussen andere pagina’s.
2.
Je laat de pagina los óp een andere pagina. Dit wordt nu een mapje waar de versleepte pagina in komt te staan. Je hebt nu een sub pagina gemaakt van je versleepte pagina.
3.
Je laat de pagina los op een mapje. Nu wordt de versleepte pagina automatisch onderaan in dit mapje geplaatst.
13
Algemene instellingen in de structuur
Voorbeeld: de structuur van de pagina “Wij” 1.
Titel Deze titel wordt gebruikt in de url en in de navigatie. In bovenstaand voorbeeld is de url www.proefdiervrij.nl/wij, deze titel komt ook terug in het menu.
2.
Paginatitel Dit is een SEO-veld die relevant is wanneer je doet aan zoekmachineoptimalisatie (beter vindbaar worden op Google). Idealiter vul je hier maximaal 50 tekens in (inclusief spaties).
3.
Bewerk Metagegevens Klik je hier op opent zich een nieuw veld. Dit zijn ook SEO velden die gevuld kunnen worden met relevante keywords.
4.
Unieke url Iedere pagina heeft een unieke url, het groene vinkje geeft aan dat de url uniek is. Let op bij het aanpassen van de titel, de url verandert automatisch mee.
5.
Status Wanneer een pagina wordt aangemaakt, staat deze standaard op online. Je kunt deze offline zetten of ervoor kiezen op de pagina niet te tonen in het menu door het vinkje aan te zetten.
6.
14
Layout
Je kiest voor een layout bij het aanmaken van een nieuwe pagina. Deze kun je niet achteraf wijzigen. 7.
Opslaan Heb je iets gewijzigd op de pagina, klik dan altijd op Opslaan voor je naar een andere pagina binnen Webbeheer gaat.
Een bestaande pagina wijzigen Stel je wilt de homepage wijzigen, klik dan twee keer op ‘Home’ in de structuurmodule. Op deze pagina’s tref je ‘zones’ aan en ‘modules’. De zwarte kolommen (zie onderstaande afbeelding) zijn de zones. In de zones kunnen weer modules geplaats worden. Op de homepage vind je bijvoorbeeld de volgende modules: •
Carrousel
•
Tekstblok
•
Agenda
•
Nieuws
Je kunt een pagina wijzigen door modules toe te voegen, modules te verwijderen of de instellingen van modules aan te passen middels het gereedschapsicoontje.
zones
15
Instellingen aanpassen met gereedschapsicoontje Je kunt instellingen van een module wijzigen door op het gereedschap icoontje te klikken. Let op: als je iets in de inhoud van een module zelf wilt wijzigen, doe je dit in de contentmodule zelf.
Modules verwijderen van je pagina met het rode kruisje Als je een module wilt verwijderen klik op het rode kruisje en sla de wijzigingen op. De knop ‘Opslaan’ vind je rechtsonder op de pagina. Let op: wanneer je een tekstblok verwijdert, kun je de inhoud daarvan niet meer terughalen. Dit geldt niet voor de modules die je vult vanuit de contentmodules zoals bijvoorbeeld nieuwsberichten, blogberichten, medewerkers items etc.
Modules toevoegen via het dropdown menu Open het dropdownmenu in de zone waar je een module wilt toevoegen. Selecteer de module en klik op “voeg toe”.
16
Volgorde wijzigen door de modules te verslepen De volgorde van de modules kun je wijzigen door ze te slepen met je muis. Niet iedere module is mogelijk in elke zone. Webbeheer geeft zelf aan of je de module wel of niet kan verplaatsen. In onderstaand voorbeeld zie je daar een voorbeeld van. Vergeet achteraf niet op te slaan door onderaan de pagina op ‘opslaan’ te klikken!
17
Een nieuwe pagina toevoegen In Webbeheer kun je nieuwe pagina’s aanmaken. Dit doe je als volgt. 1.
Ga naar de structuurmodule in Webbeheer en klik daarin op het groene plusje of sleep het witte icoontje ‘Nieuwe Pagina’ naar het mapje speciale pagina’s, dan kom je in het onderstaande scherm.
2.
Vul de titel van je pagina in. Het liefst is dat één woord. Wat je hier invult komt namelijk in je url te staan. In dit voorbeeld wordt dat dus www.naamwebsite.nl/handleidingtest. In de volgende stap krijg je twee opties.
18
Kies voor ‘starten met een zelfde pagina als’ als je een pagina wilt die qua opbouw van modules lijkt op een bestaande pagina op je site. Dan hoef je alleen de teksten en afbeeldingen te veranderen en kan je de pagina online te zetten
Kies voor ‘start met een lege pagina’ als je de pagina zelf wilt opmaken. Bij deze optie doorloop je de volgende stappen:
1.
Kies een lay-out en sla je keuze op.
2.
Nadat je een lege pagina hebt aangemaakt, voeg in de zones (de zwarte balken) de modules van je keuze toe.
3.
Vul de modules met content: de teksten, afbeeldingen, agenda-items, actieknoppen of wat je dan ook bedacht hebt
4.
19
Klik op Opslaan
V.
Gebruikers beheren
Als website-eigenaar of beheerder van het CMS ben je verantwoordelijk voor de gebruikersadministratie. Je maakt nieuwe gebruikers aan en geeft hen de juiste rechten. Ook verwijder je de accounts van gebruikers die niet langer werkzaam zijn voor de website. Het beheren van gebruikers is gelukkig niet moeilijk. In dit hoofdstuk leggen we uit wat je hierover moet weten.
Een gebruiker blokkeren Soms wil je dat een gebruiker niet langer toegang heeft tot Webbeheer. Je kunt de toegang van de gebruiker blokkeren. Dit doe je in de module ‘Gebruikers’, onder ‘Administratie’. Dubbelklik op de gebruiker en vink ‘Geblokkeerd’ aan.
Voorbeeld: Gebruikersmodule swis.nl
Voorbeeld: gebruiker blokkeren
20
Een nieuwe gebruiker aanmaken Wil je een nieuwe collega toegang geven tot Webbeheer? Maak dan een nieuwe gebruiker aan. Ga naar de module Gebruikers, klik op het groene plusje om een nieuwe gebruiker toe te voegen en vul de gevraagde velden in. Dit kun je op twee manieren doen: 1.
De nieuwe gebruiker koppelen aan een bestaande groep. Kies je voor deze optie, dan krijgt de nieuwe gebruiker dezelfde rechten als leden van deze groep. Wil je de gebruikersrechten toch aanpassen? Dat kan in de ‘Gebruikersrechten’.
2.
Een nieuwe groep aanmaken voor deze gebruiker. Klik op de groene knop "toevoegen" rechts onder de gebruikersgroep. Deze optie is handig als je verwacht binnenkort meer gebruikers in dezelfde groep (met dezelfde rechten) te willen plaatsen. Per module kun je de gebruikersrechten van de groep bepalen: lezen, wijzigen, toevoegen of verwijderen. Op een later tijdstip kun je de gekozen rechten altijd weer wijzigen.
De gebruikersgegevens toezenden Je kunt de aangemaakte gebruikersnaam naar die nieuwe gebruiker mailen. Het wachtwoord daarentegen kun je beter niet over de mail sturen. Stuur in plaats daarvan de url waarmee de gebruiker zijn wachtwoord zelf kan resetten. Hoe kom je aan die url? Klik in het inlogscherm op de rode link “stel hier een nieuw wachtwoord in.” Dan kom je op een webpagina die eindigt op www.naamvanjewebsite/webbeheer/login.php?rest Via die link kan de nieuwe gebruiker zijn wachtwoord resetten.
21
VI.
De site beheren voor dummies
Wanneer je bent ingelogd in Webbeheer kun je je kiezen voor de optie “open website”. Klik je op deze optie, dan opent de website in een soort ‘dummie modus’. Je kunt gewoon door de website klikken en vanaf de voorkant van de website naar de pagina gaan die je wilt bewerken.
Er zijn twee bewerkmogelijkheden binnen de dummieversie. Je ziet dat de edit in place functie aanstaat doordat er onderaan de pagina een grijze balk verschijnt . De onderstaande twee icoontjes zijn op verschillende plekken binnen de site te vinden.
Edit in place Je kunt de teksten aanpassen met edit in place. Wanneer je op het edit icoontje klikt, opent zich de editor en kun je teksten invoegen. Wees voorzichtig met het rode kruisje, daarmee verwijder je een tekstblok. Je kunt edit in place ook uitzetten links onder in de pagina.
Bewerk deze pagina Wanneer je hierop klikt, kom je direct in de structuur van een pagina en kun je modules toevoegen, verwijderen of instellingen aanpassen.
22
VII.
Contact
Mocht je nog aanvullende vragen hebben, of is er iets wat niet lukt? We helpen je graag! Het Optimalisatie en Service team is elke werkdag bereikbaar telefonisch via 010 -304 00 20 of per mail op
[email protected].
Handig om paraat te hebben als je ons belt:
Een screenshot van het probleem waar je tegenaan loopt. Dit doe je met de PrtScn-toets op je toetsenbord of met een Windows knipprogramma.
Welke browser type en versie gebruik je? Weet je niet welke je gebruikt, ga dan naar www.whatbrowser.org. Gebruik je Internet Explorer 7 of 8? We raden je aan om een andere/nieuwere browser te installeren. Onze developers gebruiken het liefst de browser Firefox of Chrome. Deze zijn niet alleen sneller, maar volgen ook de algemene standaardcode het beste. Toch Internet Explorer gebruiken? Installeer dan in ieder geval versie 9. Je kunt deze gratis downloaden op de website van Microsoft. Is je wijziging niet zichtbaar? Probeer eens je pagina te verversen door CTRL + F5. Helpt dat niet, wis dan je browsercache. In de meeste browsers werkt de optie CTRL+SHIFT+DEL om in het menu te komen. Je cache geleegd? Ververs dan nog eens de pagina door CTRL+F5. Kom je met CTRL+SHITFT+DEL niet in het menu, ga dan naar browserchecker.nl voor een uitleg.
23