Handleiding Wordpress. Ten behoeve van websitebeheer CSG scholen

Transcriptie

1 Handleiding Wordpress Ten behoeve van websitebeheer CSG scholen

2 Inhoudsopgave 1. Inleiding 3 2. In- en uitloggen Dashboard Uitloggen 5 3. Pagina aanmaken Nieuwe pagina toevoegen Titel invullen Opslaan als concept 8 4. Pagina invullen Inhoud vullen Actieknoppen Introductietekst Video Inhoud Tekst met foto Losse afbeelding Fotogalerij Downloads Links Tabel Verwijderen en verplaatsen van inhoudsblok Uitgelichte afbeelding Toevoegen Vacatures Contactpersonen Fotoalbums Tags toevoegen Klassen toevoegen Fotoalbums toevoegen Downloads Homepage slides Homepagina invullen Introductie Actieknop Korte informatie Foto s Berichten (Nieuws) SEO SEO-Titel Meta-omschrijving (belangrijk) 46 2

3 1. Inleiding In het hierna volgende document vindt je een globale handleiding voor het beheren van de website csg.nl. Csg.nl is gebouwd met behulp van het WordPress Content Management Systeem, waardoor het mogelijk is om de inhoud te beheren zonder technische kennis. We maken bij csg.nl onderscheid tussen het publieke gedeelte en de beheeromgeving. Het publieke gedeelte betreft de website zoals die voor bezoekers toegankelijk is wanneer deze naar surft met behulp van diens browser. De beheeromgeving is afgesloten middels een inlogscherm. Deze handleiding behandelt een enkel onderdeel binnen deze omgeving, namelijk het aanmaken en publiceren van pagina s. Mochten er naar aanleiding van deze handleiding vragen zijn, dan kun je contact opnemen met Nordique B.V. via

4 2. In- en uitloggen Om in te loggen surf je in jouw naar het beheer adres van de website. Deze ontvang je apart via de van de verantwoordelijke van de website. In het aldaar getoonde inlogscherm (afbeelding 2.1) voer je jouw gebruikersnaam en wachtwoord in. Beschik je niet over inloggegevens? Informeer hiernaar bij de verantwoordelijke binnen jouw school. Afbeelding Inlogscherm 2.1 Dashboard Na het inloggen word je geleid naar het Dashboard (afbeelding 2.2) van WordPress. Dit is bij alle handelingen in de beheeromgeving jouw uitgangspunt. U kunt altijd terugkeren naar het dashboard door links bovenin de donkere menukolom te klikken op Dashboard. Afbeelding Dashboard 4

5 2.2 Uitloggen Wanneer je bent ingelogd kun je uitloggen door rechts bovenin de donkergrijze balk te klikken op jouw naam en vervolgens voor Uitloggen (afbeelding 2.3) te kiezen. Afbeelding Uitloggen 5

6 3. Pagina aanmaken Het aanmaken van een pagina bestaat uit drie stappen: 1. Nieuwe pagina toevoegen 2. Titel invullen 3. Opslaan als concept 3.1 Nieuwe pagina toevoegen Je kunt op twee manieren een nieuwe pagina toevoegen: 1. Vanaf het overzicht met pagina s Klik op de knop Pagina s in de linker menukolom. Wacht tot het scherm (afbeelding 3.1) is geladen en kies naast de titel Pagina s boven het overzicht voor Nieuw(e) toevoegen 2. Vanaf iedere plek in de beheeromgeving Beweeg je muis over Pagina s in de menukolom. Er verschijnt een uitvouw menu (afbeelding 3.2). Kies in dit uitvouw menu voor Nieuw(e) toevoegen. Afbeelding 3.1 Stap 1 6

7 Afbeelding 3.2 Stap 2 Wanneer je via één van bovenstaande wegen hebt gekozen voor het toevoegen van een nieuwe pagina kom je in het zogenaamde Bewerken -scherm terecht (afbeelding 3.3). Afbeelding 3.3 Bewerken -scherm Let op: alles wat je invult in dit scherm wordt pas opgeslagen als je voor opslaan als concept kiest. Het wordt op dit punt sterk afgeraden om voor Publiceren te kiezen. 3.2 Titel invullen Om de pagina aan te maken vul je allereerst de titel in. Je ziet hiervoor bovenaan het bewerkscherm een witte balk waarin staat Titel hier invoeren (afbeelding 3.3). 7

8 3.3 Opslaan als concept Wanneer je bovenstaande stappen hebt uitgevoerd kies je voor Opslaan als concept (afbeelding 3.4). De knop hiervoor vind je rechts naast de titelbalk. Wanneer je hebt gekozen voor Opslaan als concept zie je naast de knop een draaiend symbooltje dat aangeeft dat het systeem bezig is om je pagina voor de eerste keer op te slaan. Wanneer dit is voltooid zie je boven de titelbalk een melding met de tekst Conceptbericht bijgewerkt. Afbeelding 3.4 Opslaan als concept 8

9 4. Pagina invullen Wanneer je eenmaal een pagina hebt aangemaakt maar deze nog niet hebt gepubliceerd, kun je alle benodigde informatie in- en aanvullen zonder dat dit zichtbaar is in het publieke gedeelte van de website. Wanneer je meteen na het aanmaken van een pagina aan de slag wilt met invullen bevind je je hoogstwaarschijnlijk nog in het Bewerken -scherm. Mocht dit niet het geval zijn, dan kun je altijd vanuit het overzicht met Pagina s naar het Bewerken -scherm van de gewenste Dienst, als volgt: Klik in de linker menukolom op Pagina s (afbeelding 4.1) Afbeelding 4.1 Pagina s Kies boven het overzicht voor Concepten (afbeelding 4.2). Het systeem toont vervolgens alleen Pagina s die nog niet zijn gepubliceerd. Beweeg je muis over het betreffende item en kies vervolgens voor Bewerken (afbeelding 4.3). Het invullen van een pagina bestaat uit een aantal hoofdonderdelen: 1. Inhoud 2. Uitgelichte afbeelding 3. SEO-informatie Afbeelding 4.2 Concepten 9

10 invullen Afbeelding Bewerken 4.1 Inhoud Onder de titelbalk zie je een kopje Flexibele inhoud (afbeelding 4.4). Hier vul je de daadwerkelijke inhoud van de pagina in. Afbeelding 4.4 Flexibele inhoud In plaats van één tekst vak waar je de inhoud mee kunt vullen, heb je de mogelijkheid om verschillende typen inhoud (afbeelding 4.5) toe te voegen, zodat de pagina in overzichtelijke blokken wordt opgemaakt. Je kunt kiezen uit: Actieknoppen Introductietekst Video 10

11 Inhoud Tekst met foto Losse afbeelding Fotogalerij Downloads Links Tabel Actieknop toevoegen Door op de knop Nieuw inhoudsblok toevoegen en dan vervolgens op Actieknoppen te klikken kun je een actieknop blok aan de pagina toevoegen(afbeelding 4.6). Dit is het gedeelte op de website waar de actieknop in komt te staan. Afbeelding 4.5 Typen inhoud Afbeelding 4.6 Actieknop blok aanmaken 11

12 Afbeelding 4.7 Actieknop vullen Nu heb je een actieknop toegevoegd aan de pagina. Je kunt vervolgens de pagina Opslaan als concept en een nieuw inhoudsblok toevoegen aan de pagina. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Actieknoppen 3. Klik op de nieuw verschenen knop Nieuwe regel 4. Links kun je een titel invullen voor de afbeelding 5. Rechts kies je de pagina waar je naar wilt verwijzen door een pagina te selecteren. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 12

13 4.1.2 Introductietekst toevoegen Door op de knop Nieuw inhoudsblok toevoegen en de vervolgens op Introductietekst te klikken kun je een introductie blok aan de pagina toevoegen(afbeelding 4.8). Dit is het gedeelte op de website waar de introductietekst in komt te staan. Afbeelding 4.8 Introductietekst toevoegen Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Introductietekst 3. Vul hier de gewenste tekst in Nu heb je een introductietekst toegevoegd aan de pagina. Let op dat je de introductietekst wel boven aan de pagina neerzet. Het is verstandig om dit blok als eerste aan te maken. Je kunt vervolgens de pagina Opslaan als concept en een nieuw inhoudsblok toevoegen aan de pagina. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken Video toevoegen Door op de knop Nieuw inhoudsblok toevoegen en de vervolgens op Video te klikken kun je een video blok aan de pagina toevoegen(afbeelding 4.9). Dit is het gedeelte op de website waar de video in komt te staan. 13

14 Afbeelding 4.9 Video toevoegen Voeg een titel en ondertitel toe aan de video zoals in het voorbeeld (afbeelding 4.9) te zien is. Kopieer vervolgens een link van een video die op YouTube of Vimeo staat in het derde vak (URL naar de video (YouTube of Vimeo). Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Video 3. Vul een Titel in 4. Vul een Ondertitel in 5. Voeg een URL naar de video (YouTube of Vimeo) in Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 14

15 4.1.4 Inhoud toevoegen Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Inhoud te klikken kun je een inhoudelijk blok aan de pagina toevoegen(afbeelding 4.10). Dit is het gedeelte op de website waar tekst in kan komen te staan. Afbeelding 4.10 Inhoudelijk blok In het tekstvlak kun je een nieuwe tekst typen (of plakken vanuit bijvoorbeeld een Word document). Deze kun je opmaken door bijvoorbeeld tekst bold, italic of met een underline te maken. Je kunt ook links(url s) en lijsten met bullet points of cijfers toevoegen. Je kunt ook teksten naar links, het midden of naar rechts uitlijnen. Vervolgens kun je de pagina Opslaan als concept. Nu heb je een tekstuele inhoud toegevoegd aan de pagina. Nu kun je nog een nieuw inhoudsblok toevoegen aan de pagina. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Inhoud 3. Vul het tekst vak in Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 15

16 4.1.5 Tekst met foto Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Tekst met foto te klikken kun je een blok maken om een tekst en foto aan de pagina toe te voegen(afbeelding 4.11). Dit is het gedeelte op de website waar een afbeelding in komt te staan. Stappen: Afbeelding 4.11 Tekst met foto 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Tekst met foto 3. Voeg onder de kop Opgemaakte tekst de tekst toe 4. Voeg onder de kop Afbeelding op Voeg afbeelding toe er opent zich een nieuw scherm 5. Vervolgens zie je twee tabbladen, namelijk: a. Deze optie kies je wanneer je een bestand van je computer wilt kiezen. Vervolgens kies je voor Bestand selecteren. Kies het bestand op je computer en klik op Open. Het systeem begint nu met uploaden en toont voor de gekozen foto een leeg kader met een laadbalkje op de plek waar na het uploaden de foto verschijnt. Wanneer de foto is geüpload zie je om de geüploade foto een kader met een vinkje. b. Hier zie je alle foto s die je al eens hebt geüpload. Kies een foto die je wilt gaan gebruiken. 16

17 6. Klik rechts onder op de blauwe knop Selecteren.De gekozen foto wordt rechts van de ingevulde tekst getoond. 7. Kies vervolgens aan welke kant de afbeelding moet komen te staan. Je kan kiezen tussen Links en Rechts. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken Losse afbeelding Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Losse afbeelding te klikken kun je een blok voor een afbeelding aan de pagina toevoegen(afbeelding 4.12). Dit is het gedeelte op de website waar een afbeelding in komt te staan te staan. Afbeelding 4.12 Losse afbeelding toevoegen Wanneer je op Voeg afbeelding toe klikt krijg je een nieuw scherm (afbeelding 4.13). In dit scherm kun je kiezen welke afbeelding je wilt gaan gebruiken of kun je links boven een nieuwe afbeelding uploaden onder het tabblad Bestand uploaden (afbeelding 4.14 en 4.15). 17

18 Afbeelding 4.13 Afbeelding keuze Afbeelding 4.14 Bestand uploaden tab Afbeelding 4.15 Upload button Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Losse afbeelding 3. Klik op de nieuw verschenen knop Voeg afbeelding toe 4. Vervolgens zie je twee tabbladen, namelijk: a. Deze optie kies je wanneer je een bestand van je computer wilt kiezen. Vervolgens kies je voor Bestand selecteren. Kies het bestand op je computer en klik op Open. Het systeem begint nu met uploaden en toont voor de gekozen foto een leeg kader met een laadbalkje op de plek waar na het uploaden de foto verschijnt. Wanneer de foto is geüpload zie je om de geüploade foto een kader met een vinkje. b. Hier zie je alle foto s die je al eens hebt geüpload. Kies een foto die je wilt gaan gebruiken. 5. Klik rechts onder op de blauwe knop Selecteren.De gekozen foto wordt rechts van de ingevulde tekst getoond. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken Fotogalerij Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Fotogalerij te klikken kun je een blok voor een fotogalerij aan de pagina toevoegen(afbeelding 4.16). Dit is het gedeelte op de website waar de fotogalerij in komt te staan. 18

19 Afbeelding Fotogalerij Het doel van een fotogalerij is om er meerdere foto s in te hebben staan. Op dit moment staan er nog geen foto s in de fotogalerij. Je kunt meer foto s toevoegen door op Foto toevoegen te klikken. Dit kun je meerdere malen doen (afbeelding 4.17). 19

20 Afbeelding 4.17 Meerdere foto s toevoegen Door op Voeg afbeelding toe te klikken kun je net als in hoofdstuk is uitgelegd foto s toevoegen. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Fotogalerij 3. Klik op de nieuw verschenen knop Foto toevoegen 4. Links kun je een titel invullen voor de afbeelding 5. Rechts kies je de afbeelding door op Voeg afbeelding toe te klikken 6. Vervolgens zie je twee tabbladen, namelijk: a. Deze optie kies je wanneer je een bestand van je computer wilt kiezen. Vervolgens kies je voor Bestand selecteren. Kies het bestand op je computer en klik op Open. Het systeem begint nu met uploaden en toont voor de gekozen foto een leeg kader met een laadbalkje op de plek waar na het uploaden de foto verschijnt. Wanneer de foto is geüpload zie je om de geüploade foto een kader met een vinkje. b. Hier zie je alle foto s die je al eens hebt geüpload. Kies een foto die je wilt gaan gebruiken. 7. Klik rechts onder op de blauwe knop Selecteren.De gekozen foto wordt rechts van de ingevulde tekst getoond. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 20

21 4.1.8 Downloads Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Downloads te klikken kun je een blok voor een download aan de pagina toevoegen(afbeelding 4.18). Dit is het gedeelte op de website waar de downloads in komen te staan. Afbeelding 4.18 Downloads zoeken Dit is het overzicht dat je krijgt wanneer je deze inhoudsblok kiest. Op dit moment staat er een Testdownload in. Normaal staan hier alle downloads die ingevoegd zijn. Dit kan uiteindelijk een grote lijst worden dus gebruik de zoekfunctie om de juiste downloads te vinden. Klik op de download die je wilt tonen in het downloads gedeelte van de pagina waar je aan werkt. De actieve downloads voor de pagina waar je mee bezig bent komen aan de rechter kant te staan. Deze kun je ook weer verwijderen door aan de rechter kant op de download te klikken. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Downloads 3. Klik de downloads uit het linker rijtje aan die actief moeten worden op de pagina waar je mee bezig bent 4. Deze downloads die actief zijn op de pagina waar je aan werkt komen aan de rechter kant te staan. Hoe je download moet toevoegen staat in het hoofdstuk Downloads. Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 21

22 4.1.9 Links Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Links te klikken kun je een blok voor een fotogalerij aan de pagina toevoegen(afbeelding 4.19). Dit is het gedeelte op de website waar de links in komt te staan. Afbeelding 4.19 Links toevoegen Dit is een overzicht van wat je krijgt wanneer je Links hebt aangeklikt. Nu kun je links gaan toevoegen door op de blauwe knop Nog een link toevoegen te klikken. Je kunt meerdere links toevoegen. Afbeelding 4.20 Keuzes links Je kunt nu een keuze maken wat voor soort link je wilt gaat invoegen. Dit kan een Interne hyperlink zijn of een Externe hyperlink. Intern betekent naar een pagina binnen de website zelf. Een externe link is een link naar een pagina die niet binnen de website valt (afbeelding 4.21). 22

23 Afbeelding 4.21 Interne en externe hyperlink Nadat je de bovenstaande keuze hebt gemaakt moet je een tekst invoegen bij Te tonen tekst. Dit zal de tekst zijn die zichtbaar is op de website. Zodra iemand op de tekst klinkt zal die link er voor zorgen dat ze op de juiste pagina terecht komen. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Links 3. Klik op de nieuw verschenen knop Nog een link toevoegen 4. Doe dit net zo vaak totdat je het gewenste aantal hebt 5. Maak de keuze per link of het een interne of externe link is 6. Vul de hyperlinks in 7. Vul de Te tonen tekst in Kies na het toevoegen en invullen van inhoud regelmatig voor Opslaan als concept. Mocht je het object al eerder hebben gepubliceerd (zie Publiceren), dan kies je voor Bijwerken. 23

24 Tabel Door op de knop Nieuw inhoudsblok toevoegen en vervolgens op Tabel te klikken kun je een blok voor een fotogalerij aan de pagina toevoegen(afbeelding 4.22). Dit is het gedeelte op de website waar de tabel in komt te staan te staan. Afbeelding Tabel Door op de plusjes aan de rechter of linker bovenkant te klikken komen er extra kolommen bij. Het plusje aan de linker kant is om meer rijen te krijgen (Afbeelding 4.23). Afbeelding 4.23 Meerdere kolommen en rijen 24

25 Hierboven is te zien hoe er twee extra kolommen zijn gemaakt en twee extra rijen. Door op de minnetjes te drukken kun je kolommen en rijen weer verwijderen. Je kunt tekst invoegen door op de plek te klikken waar je wilt dat de tekst komt te staan (afbeelding 4.24). Er komt een blauwe tekstballon tevoorschijn waarin je tekst kunt typen. Deze komt vervolgens op de plek te staan waar je op hebt geklikt. Stappen: 1. Kies voor Nieuw inhoudsblok toevoegen (blauwe knop) 2. Kies voor Tabel 3. Klik op de plusjes om nieuwe kolommen en rijen aan te maken 4. Indien er titels boven de kolommen moeten staan zet use table header van No naar Yes 5. Zet alle tekst in de tabel Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 4.2 Verwijderen en verplaatsen van inhoudsblokken Misschien ben je met een pagina vullen net een stuk vergeten of staat het niet in de goede volgorde of wil je juist iets verwijderen. Daar zijn een paar handige middelen voor (afbeelding 4.25). Afbeelding 4.24 Tekst in de tabel 25

26 Afbeelding 4.25 Extra iconen Wanneer je op de balk klikt waar de titel van het inhoudsblok in staat zoals ik hierboven heb gedaan. Dan verschijnen er aan de rechterkant in die balk twee extra iconen. Linker icoon (+): Met het linker icoon kun je een nieuwe inhoudsblok toevoegen. Deze komt automatisch boven het blok te staan waarvan jij op het linker icoon hebt geklikt. Middelste icoon (-): Dit is een min icoon, wanneer je hier op klikt wordt het inhoudsblok verwijdert. Rechter icoon (pijl): Dit icoon zorgt er voor dat het inhoudsblok zich invouwt. Dit kan de pagina overzichtelijker maken. Klik je er nogmaals op dan vouwt het blok zich uit. Je kunt de balk waarin de titel van het inhoudsblok staat aanklikken en de muisknop ingedrukt houden. Vervolgens kun je het blok naar boven of beneden slepen om het een andere positie te geven (Afbeelding 4.26). Afbeelding 4.26 Verslepen van inhoudsblokken 26

27 4.3 Uitgelichte afbeelding De uitgelichte afbeelding is de hoofdafbeelding van een dienst. De gekozen afbeelding wordt op twee plekken in het publieke gedeelte van de website getoond: Op het overzicht met diensten Bovenaan de detailpagina van een dienst Je koppelt een uitgelichte afbeelding als volgt: 1. Kies in de rechter kolom onder het kopje Uitgelichte afbeelding voor Uitgelichte afbeelding instellen (afbeelding 4.27). Afbeelding Uitgelichte Afbeelding 2. In het venster wat vervolgens wordt geopend zie je twee tabbladen (waar van de laatst gebruikte actief is), namelijk: a) Bestanden uploaden Deze optie kies je wanneer je een bestand van je computer wilt kiezen. Vervolgens kies je voor Bestanden selecteren. Kies het bestand op je computer en klik op Open. Het systeem begint nu met uploaden en toont een laadbalkje op de plek waar na het uploaden de afbeelding verschijnt. Je ziet een nu een blauw kader om de afbeelding. b) Mediabibliotheek Hier zie je alle afbeeldingen die al eens zijn geüpload. Klik op de foto die je wilt gebruiken, je ziet nu een blauw kader om de afbeelding verschijnen. Uitleg met afbeeldingen in te vinden in hoofdstuk Klik rechts onder op de blauwe knop Uitgelichte afbeelding instellen. De gekozen afbeelding wordt nu als hoofdafbeelding gekoppeld. 27

28 5. Toevoegen Naast het vullen van pagina s kunnen er in WordPress nog meer dingen gedaan worden. In dit hoofdstuk leg ik uit welke dingen dat zijn. Het invullen van een aantal van deze onderdelen is belangrijk om een pagina te kunnen vullen. 5.1 Vacatures Klik op de pagina Vacatures die net als Pagina s aan de linkerkant is te vinden binnen het menu. Nu kom je op een pagina terecht waar alle vacatures op staan. Om een nieuwe vacature toe te voegen klik je naast de titel Vacatures op Nieuw(e) Vacature Toevoegen (afbeelding 5.1). Afbeelding 5.1 Nieuw(e) Vacature Toevoegen Vervolgens kom je op een nieuwe pagina waar je een vacature kan aanmaken (afbeelding 5.2). Allereerst voer je een titel in. Daarna schrijf je een vacature in het tekstvlak. Deze kun je opmaken en eventueel een afbeelding aan toevoegen door te klikken op Media toevoegen. Vergeten hoe dat werkt met afbeeldingen selecteren of uploaden? Kijk dan in hoofdstuk Afbeelding 5.2 Vacature aanmaken 28

29 Stappen: 1. Ga naar de vacature pagina 2. Klik op Nieuw(e) Vacature Toevoegen 3. Voer een titel in 4. Stel de uitgelichte afbeelding in (hoofdstuk 4.3) 5. Werk de vacature uit 6. Sla de pagina op als concept Opslaan als concept of Publiceer de pagina wanneer hij gelijk op de website moet komen te staan. Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 5.2 Contactpersonen Deze keer klik je in plaats van op Vacatures op Contactpersonen. Nu zie je een overzicht van alle contactpersonen die in het systeem staan. Je kunt een nieuwe contactpersoon toevoegen door op Nieuw(e) Toevoegen naast de titel Contactpersonen te klikken (afbeelding 5.3). Afbeelding 5.3 Nieuw(e) Toevoegen Vervolgens voer je de titel in en het adres van het contactpersoon (afbeelding 5.4). Daarnaast kan er een uitgelichte afbeelding worden ingesteld zoals in hoofdstuk 4.3 wordt gedaan. 29

30 Afbeelding 5.4 Invoeren titel en Een nieuwe stap die gedaan moet worden is een contactpersoon aan een functie koppelen. Dit doe je door op een bestaande functie te klikken (Afbeelding 5.5). Staat de functie nog niet in de lijst van All functies zoals in afbeelding 5.5 het geval is dan maken je een nieuwe functie aan. Dit doe je door op de +Add New Functie te klikken. Vervolgens krijg je nieuwe velden open (afbeelding 5.6). In het bovenste veld voer je de functie in van een contactpersoon. Het Afbeelding 5.6 Functie toevoegen veld daaronder is optioneel, je kunt ervoor kiezen om een sub-functie aan te maken. Dit betekent dat een functie onder een overkoepelende functie valt. Vervolgens kun je deze functie selecteren. Klik als laatste op Publiceren rechts boven in de pagina. Stappen: Afbeelding 5.5 Nieuwe functie 1. Ga naar de contactpersonen pagina 2. Klik op Nieuw(e) Toevoegen 3. Voer een titel in 4. Stel de uitgelichte afbeelding in (hoofdstuk 4.3) 5. Koppel een functie (of maak een nieuwe aan indien die nog niet bestaat) 30

31 6. Sla de pagina op als concept Opslaan als concept of Publiceer de pagina wanneer hij gelijk op de website moet komen te staan Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 5.3 Fotoalbums Bij het onderdeel Fotoalbums kun je een aantal dingen doen. Uiteraard kun je een fotoalbum aanmaken, maar je kunt ook tags en klassen toevoegen. Wanneer je over de kop Fotoalbum heen gaat met de muis komen er een aantal submenu-items tevoorschijn (afbeelding 5.7). Je kunt ook op Fotoalbums in het linker menu klikken, er is dan echter niet een overzichtelijke manier om Tags en Klassen toe te voegen. Afbeelding 5.7 Fotoalbums sub-menu Tags toevoegen Allereerst gaan we Tags toevoegen door naar de Tags pagina te gaan. Hier kan een nieuwe tag worden aangemaakt. Voer een naam, slug en beschrijving in. Toelichtingen zijn te vinden onder de velden die ingevuld moeten worden (afbeeldingen 5.8). Vervolgens klik je op Nieuwe tag toevoegen.toevoegen. Afbeelding 5.9 Tag toevoegen Aan de rechter kant komen na het invoegen alle tags te staan, ook de tags die je al eerder hebt gedaan. Dit proces hoef je dus niet telkens op nieuw te doen. Je kunt tags die je al hebt aangemaakt bewerken door aan de rechter kant op de tags te klikken. Een tag verwijderen kun je doen, door de tag te selecteren en de actie verwijderen uit te voeren (afbeelding 5.10). Afbeelding 5.10 Tag verwijderen 31

32 Tags worden gebruikt zodat mensen makkelijker het fotoalbum kunnen vinden op de website. Het is belangrijk dat deze woorden relevant zijn zoals bijvoorbeeld Kerstdiner 2016 als tag. Je kunt meerdere tags toevoegen aan één fotoalbum. Stappen: 1. Ga naar de Tags pagina onder Fotoalbums 2. Voer de naam van de tag in 3. Voer de slug in 4. Voer de beschrijving in 5. Klik op Nieuwe tag toevoegen Klassen toevoegen Klassen aanmaken lijkt op het aanmaken van tags. Ga eerst naar de pagina Klassen op dezelfde manier als dat je naar tags bent gegaan. Nu krijg je een overzicht die hetzelfde is als de Tags pagina. Doorloop dezelfde stappen als uit het Tags hoofdstuk (5.2.1). Let op: Laat het veld Hoofd leeg! Er kunnen hier ook geen keuzes worden gemaakt, maar hier mag je niet aanzitten. Stappen: 1. Ga naar de Klassen pagina onder Fotoalbums 2. Voer de naam van de klas in 3. Voer de slug in 4. Voer de beschrijving in 5. Klik op Add New klas Fotoalbums toevoegen Nu de tags en klassen zijn aangemaakt gaan we een fotoalbum aanmaken. Klik op Fotoalbums in het linker menu en vervolgens op Nieuw(e) Toevoegen (afbeelding 5.11). Afbeelding 5.11 Nieuw(e) Toevoegen Nu kom je op een scherm terecht waar een titel ingevoegd kan worden. In het tekst vak komt het fotoalbum te staan, schrijf hier dus zelf geen tekst. Het belangrijkste onderdeel van het fotoalbum is het toevoegen van de foto s. Dit doe je door op Media toevoegen te klikken (afbeelding 5.12). 32

33 Afbeelding 5.12 Media toevoegen Vervolgens gaan we naar Galerij aanmaken in het menu aan de linkerkant van het scherm (afbeelding 5.13). Hier kun je kiezen tussen Bestanden uploaden (met uploaden kun je meerdere afbeeldingen tegelijk doen) en Mediabibliotheek, opfrisser nodig hoe dit ook al weer werkt? Bekijk dan hoofdstuk nog Afbeelding 5.13 Galerij aanmaken eens. Selecteer de bestanden die in het fotoalbum moeten komen te staan (afbeelding 5.14). Om afbeeldingen te de-selecteren kun je op het vinkje klikken. Wanneer je met je muis over het vinkje gaat wordt dit ook een min zodat je ziet dat je de afbeelding kan de-selecteren. In de afbeelding hieronder is een voorbeeld te zien bij de eerste foto van de auto (daar komt een min tevoorschijn). Vervolgens als je alle afbeeldingen hebt geselecteerd die je in het fotoalbum wil hebben staan dan kun je op de knop Een nieuwe galerij aanmaken klikken rechts onder (afbeelding 5.15). Afbeelding 5.14 Selecteren en de-selecteren Afbeelding 5.15 Een nieuwe galerij aanmaken 33

34 Nu kom je op een nieuw scherm terecht. Hier kun je de laatste instellingen voor het fotoalbum doen. Je kunt onder iedere foto een onderschrift toevoegen. De galerij-instellingen moeten zoals in afbeelding 5.16 worden ingesteld. Afbeelding 5.16 Galerij instellingen 34

35 Wanneer deze instellingen goed staan kun je de galerij invoegen door op Galerij invoegen te klikken (afbeelding 5.17). In het tekst vak is nu een fotoalbum verschenen. Als laatste gaan we nog een aantal dingen aan de pagina Afbeelding 5.17 Galerij invoegen doen. We moeten de tags en klas(sen) aan de pagina toevoegen die we eerder hebben aangemaakt. Daarnaast moet er nog een uitgelichte afbeeldingen worden gekozen (afbeelding 5.18). Tags die je eerder hebt invult kun je nu aan de rechterkant van het scherm invoegen. Zodra je de eerste letters van de tag hebt getypt worden deze automatisch aangevuld en kan je hierop klikken. Meerdere tags toevoegen is mogelijk. In het klassen gedeelte staat een lijst met alle klassen. Kies hier de klassen waar het fotoalbum voor bedoeld is. Vervolgens moet er nog een uitgelichte afbeeldingen worden ingesteld voor de pagina. Dit is beschreven in hoofdstuk 4.3. Stappen: 1. Ga naar de pagina Fotoalbums 2. Klik op Nieuw(e) Toevoegen 3. Voer een titel in (vul het tekst vak NIET in) 4. Klik op Media toevoegen 5. Klik op Galerij aanmaken 6. Upload de foto s of maak een keuze uit de foto s 7. Klik op Een nieuwe galerij aanmaken 8. Voeg onderschriften toe aan de foto s (optioneel) 9. Zet de galerij-instellingen goed Link naar (Mediabestand) 10. Klik op Galerij invoegen 11. Vul de tags in die relevant zijn voor dit fotoalbum 12. Selecteer de klassen waarvoor dit fotoalbum is 13. Stel een uitgelichte afbeelding in Afbeelding 5.18 Tags en klas Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 35

36 5.4 Downloads Om downloads toe te kunnen voegen ga je naar de downloads pagina door in het linker menu op Downloads te klikken. Vervolgens kom je op een pagina met een overzicht van alle downloads (afbeelding 5.19). Afbeelding 5.19 Downloads pagina en overzicht Je kunt een nieuwe download toevoegen door op de knop Nieuw(e) Toevoegen te klikken naast de titel Downloads zoals in afbeelding 5.19 te zien is. Je krijgt een nieuw overzicht waar je een titel kunt invoeren, vervolgens voeg je een bestand toe. Dit gaat op dezelfde manier als het toevoegen van foto s (opfrissen hoe dat ook al weer gaat? Bekijk dan hoofdstuk 4.1.6). Vervolgens kun je een samenvatting schrijven over de download (afbeelding 5.20). Afbeelding 5.20 Nieuw(e) Download Toevoegen Stappen: 1. Ga naar de pagina Download 2. Klik op Nieuw(e) Toevoegen 36

37 3. Voer een titel in 4. Voeg een bestand toe 5. Schrijf een samenvatting Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 5.5 Homepage slides Via het linker hoofdmenu kun je naar de pagina Homepage slides gaan. Wanneer je op deze pagina komt zie je een overzicht van alle slider afbeeldingen die op de homepagina zijn gebruikt (afbeelding 5.21). Afbeelding 5.21 Homepage slides Om huidige slides te bewerken kun je in de overzichtspagina op de slides klikken. Om een slide toe te voegen klik je op Nieuw(e) Toevoegen (afbeelding 5.22). Nu kom je op een nieuwe pagina terecht. 37

38 Op deze pagina kun een titel invoeren voor de slide. Er staat ook een nieuwe optie Actieknop tonen op slide. Dit is de knop waarop mensen kunnen klikken om naar een vervolgpagina te gaan die aansluit op de slide die je laat zien. Om Afbeelding 5.22 Nieuw(e) Toevoegen deze knop te activeren moet je eerst Inschakelen aanvinken (deze optie is dus optioneel). Er komen nu nieuwe opties tevoorschijn (afbeelding 5.23). Afbeelding 5.23 Actieknop instellen Vervolgens kun je de tekst voor de actieknop bepalen aan de linkerkant. Aan de rechter kant kun je een pagina selecteren waarnaar de knop moet toe verwijzen. Wanneer je dit hebt gedaan is het tijd om de afbeelding te selecteren die je wil gaan gebruiken als slide. In dit geval is dat de Uitgelichte Afbeelding die we al eerder voor meerdere pagina s hebben ingesteld (opfrissen, bekijk hoofdstuk 4.3). Stappen: 1. Ga naar de pagina Homepage slides 2. Klik op Nieuw(e) Toevoegen 3. Voer een titel in 4. Voeg de actieknop indien gewenst (inschakelen aanvinken) 5. Voeg een Uitgelichte Afbeelding toe Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 38

39 5.6 Homepagina invullen De homepagina heeft een vooraf vastgestelde indeling. In dit hoofdstuk ga ik uitleggen hoe je deze indeling kan invullen. Wanneer je in het linker menu klikt op Pagina en vervolgens op Homepage Voorpagina klikt dan kom je op homepagina (afbeelding 5.24). Afbeelding 5.24 Homepagina Voorpagina kiezen Op deze pagina kun je de homepagina bewerken. Waar het op deze pagina om draait zijn de verschillende tabs in het Invulling homepage gedeelte (afbeelding 5.25). Afbeelding 5.25 De tabs 39

40 5.6.1 Introductie In dit gedeelte zie je de volgende tabs staan: Introductie, Actieknop, Korte informatie en Foto s. Hiermee kan je de homepagina vullen. De eerste tab is voor de tekst die onder de slider komt te staan. In het vorige hoofdstuk (5.5) hebben we besproken hoe je de slides kunt toevoegen aan de website. Onder de slide komt een tekst te staan, dit noemen we de introductietekst. Dit is de eerste alinea tekst die de bezoeker ziet op de website. In afbeelding 5.25 is behalve de tabs ook een tekst vak te zien, hier plaats je de introductie tekst. Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. Stappen: 1. Ga naar de tab Introductie 2. Voeg een introductietekst toe 3. Voeg een uitgelichte afbeelding toe (Hoofdstuk 4.3) Actieknop Vervolgens gaan we naar de tab Actieknop. Hier kan je de knop instellen die onder de introductietekst komt te staan. Deze actieknop kun je naar een andere pagina toe linken (afbeelding 5.26). In het bovenstaande voorbeeld is de check box aangevinkt, deze staat standaard uit. Wanneer je de check Afbeelding Actieknop box aan vinkt, komt er een button onder de introductietekst te staan. Er opent zich een nieuw gedeelte waar je de tekst voor de actieknop kunt bepalen. In dit geval heb ik daar voor Voorbeeld gekozen. Aan de rechterkant kun je een pagina zoeken en kiezen waar de knop naar toe zal verwijzen wanneer je erop klikt. 40

41 Stappen: 1. Ga naar de tab Actieknop 2. Klik op de checkbox om de knop actief te maken 3. Voer de tekst voor de actieknop in 4. Kies een pagina waarnaar de knop moet verwijzen Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren Korte informatie Het korte informatie gedeelte komt onder de introductietekst te staan op de homepagina. Er zijn hier drie kolommen, waarvan de derde geautomatiseerd is aangezien daar het nieuws in komt te staan. De andere twee kolommen kunnen we in de tab Korte informatie invullen (afbeelding 5.27). Afbeelding 5.27 Korte informatie Kolom 1 Kopieer de URL van de video die op de homepagina moet komen te staan naar het veld Vul URL in. Dit kan een video van YouTube of Vimeo zijn. Wanneer je deze hebt ingevuld, duurt het even voordat de video geladen is en komt deze onder de link in het afbeeldingvlak te staan. Tevens is het gelijk een preview en kun je hem afspelen om te kijken of hij werkt. Kolom 2 In de tweede kolom komt een afbeelding te staan. Klik op Voeg afbeelding toe om een afbeelding te uploaden of uit de mediabibliotheek te kiezen (Dit is een infographic). Even opfrissen hoe dit ook al weer moet doen, kijk dan naar hoofdstuk

42 Kolom 3 Deze kolom gaat automatisch. Hier komen de nieuwsberichten in te staan. Wanneer er een nieuwsbericht wordt toegevoegd komt deze automatisch bovenin het rijtje te staan. Stappen: 1. Ga naar de tab Korte informatie 2. Vul een URL in 3. Voeg een afbeelding toe als infographic Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren Foto s In de laatste tab kun je fotoalbums selecteren foto s laten weergeven op de homepagina. Deze foto s komen het Korte informatie gedeelte te staan. Wil je hier een nieuws album voor aanmaken lees dan hoofdstuk In afbeelding 5.28 is te zien hoe het scherm eruit ziet. Verander Selecteer post type naar Fotoalbum om de juiste fotoalbums tevoorschijn te halen. In het voorbeeld is te zien dat er twee albums zijn. Je hebt in hoofdstuk al andere albums aangemaakt die hier dan tussen zullen staan. Kies één of meerdere albums waarvan je de afbeelding wilt weergeven op de homepagina. De gekozen albums komen nu in het rechter gedeelte te staan. Je kunt de albums aan de rechter kant verwijderen door er met je muis overheen te gaan en op het min (-) icoon te klikken. Stappen: Afbeelding 5.28 Foto s 1. Ga naar de tab Foto s 2. Verander Selecteer post type naar Fotoalbum 3. Kies de fotoalbums waarvan de foto s op de homepagina moeten komen 42

43 Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 5.7 Berichten (nieuws) De berichten pagina is de pagina waar je alle nieuws items kan toevoegen. Je komt op deze pagina door in het linker hoofdmenu op Berichten te klikken (afbeelding 5.29). Ga naar de berichten pagina toe. Daar kun je berichten gaan aanmaken. Naast de titel van de pagina Berichten staat een knop met Nieuw bericht. Klik daar op om een bericht aan te maken (afbeelding 5.30). Afbeelding 5.30 Nieuw bericht Afbeelding Berichten Je kunt nu de titel van het bericht invoeren. Verder kun je het tekst vak opvullen met het nieuwsbericht zelf en een uitgelichte afbeelding instellen. De uitgelichte afbeelding is de afbeelding die op de nieuwsoverzicht pagina aan de linker kant komt te staan en op de nieuws detail pagina boven aan het bericht. Vervolgens kan er een actie of contactpersoon uitgelicht worden (afbeelding 5.31). Afbeelding Uitlichten Indien je hier kiest voor een actie dan komt er een actieknop onder het nieuwsbericht te staan. Let op, dit is een enkele actieknop. In hoofdstuk is te vinden hoe je een actieknop instelt. Je kunt er ook voor kiezen om een contactpersoon uit te lichten (afbeelding 5.32). 43

44 Afbeelding 5.32 Actie of contactpersoon uitlichten Zoiets als dit hebben we al eerder gedaan in hoofdstuk 5.2. Echter verander je nu Selecteer taxonomy naar de functie vanwaar je iemand zoekt (afbeelding 5.32). Vervolgens komen de contactpersonen met die functie aan de linkerkant van het scherm te staan. Klik de contactpersoon aan, als die aan de rechter kant staat dan is die geselecteerd. Beweeg met je muis over de persoon aan de rechterkant en klik op het min (- ) icoon om diegene te verwijderen indien nodig. Je kunt er ook voor kiezen om nog meer actieknoppen toe te voegen. Deze komen onderaan je bericht te staan, nog onder de actieknop of contactpersoon die je net mogelijk hebt uitgelicht. Onder de kop Meerdere actieknoppen kun je een check box aanvinken waardoor er meer velden naar voren komen. Je kunt op de blauwe knop rechtsonder klikken om meerdere actieknoppen (maximaal 3) toe te voegen (afbeelding 5.33). Hoe je een actieknop opmaakt is te vinden in hoofdstuk

45 Afbeelding 5.32 Meerdere actieknoppen Let op: Sla regelmatig de pagina op als een concept zodat indien er iets gebeurt je niet alles kwijt bent. Dit opslaan doe je door te klikken op Opslaan als concept aan de rechter kant onder de kop Publiceren. 45

46 6. SEO Voor het goed vindbaar maken van de website in Google moeten er een paar zaken goed ingevuld worden via het CMS. Daarnaast is het van belang dat de snippet (de titel en tekst die zichtbaar is bij de zoekresultaten in Google) goed gevuld staan. Per pagina, case, branche of dienst dient het thema van een pagina bepaald te worden. Dit thema moet dan op verschillende plekken terugkomen; 1. Titel van de pagina; 2. URL van de pagina; 3. In de eerste alinea en verdere content; 4. De SEO-titel; 5. Meta-description (de omschrijving voor Google). Punten 1 tot en met 3 zijn belangrijk om mee te nemen wanneer een pagina aangemaakt wordt om de inhoud hiervan te controleren of die overeenkomen met het thema van de pagina. De punten 4 en 5 zijn via Yoast SEO te beheren. Hiervoor zie je een vak Yoast SEO staan. Als deze dichtgevouwen is, kun je op de titel klikken om deze open te vouwen. Achter het kopje Snippetbewerker wordt een preview getoond hoe deze pagina in Google eruit zou zien als deze gevonden wordt door iemand. Door te klikken op Snippet bewerken kunnen jullie deze zelf beheren. 6.1 SEO-Titel Deze titel wordt automatisch ingevuld aan de hand van de ingevulde titel. Deze kun je zelf beheren en aanvullen (afbeelding 6.1). Let daarbij op dat er maximaal 55 tekens gebruikt mogen worden. Afbeelding 6.1 SEO Titel 6.2 Meta-omschrijving (belangrijk) Yoast ziet er als volgt uit en staat op iedere pagina bijna helemaal onderaan (afbeelding 6.2). Klik op Snippet bewerken om de meta-omschrijving toe te voegen. Bij de meta-omschrijving vul je een hele korte samenvatting van de pagina in (afbeelding 6.3). Zorg ervoor dat het belangrijkste woord (de titel) in het begin van de samenvatting terugkomt. Denk eraan, dit is de tekst die mensen in Google terugzien, deze moet voldoende overtuigend zijn om door te klikken! Let hierbij op dat je maximaal 152 tekens mag gebruiken. Wanneer je bovenstaande onderdelen hebt aangepast kun je de pagina bijwerken waardoor deze aanpassingen goed worden opgeslagen en weergegeven in Google. Dit kan enige tijd duren voordat het door Google is verwerkt. 46

47 Afbeelding 6.2 Yoast SEO Afbeelding 6.3 Meta omschrijving schrijven 47