CMS HANDLEIDING WWW.INONZEBIEB.NL
1.
INLOGGEN IN CMS .......................................................................................................................... 2
2.
DASHBOARD ................................................................................................................................... 2
3.
SITE STRUCTUUR ........................................................................................................................... 2
4.
HOMEPAGE ..................................................................................................................................... 2
5.
EEN POST TOEVOEGEN .................................................................................................................... 3
6.
EEN PAGINA TOEVOEGEN ................................................................................................................ 4
7.
ALGEMENE UITLEG WORDPRESS EDITOR ....................................................................................... 4
8.
LINKS TOEVOEGEN OF VERWIJDEREN ............................................................................................ 4
9.
HET EMBEDDEN VAN (YOUTUBE) VIDEO’S ....................................................................................... 5
10.
UPLOADEN VAN AFBEELDINGEN ..................................................................................................... 5
11.
PUBLICEREN .................................................................................................................................. 5
12.
HET BEWERKEN VAN EEN PAGINA OF ARTIKEL. .............................................................................. 5
1
1. Inloggen in CM S Inloggen is mogelijk via bisc.dev.wecross.nl/wp-admin en hierna de accountgegevens in te vullen. 2. Dashboard Wanneer je bent ingelogd, zie je als eerste het ‘dashboard’. Op het dashboard zijn verschillende overzichten te zien zoals het aantal nieuwsberichten dat is geschreven, recente reacties en inkomende links die verwijzen naar de website. 3. Site structuur De belangrijkste onderdelen in het CMS zijn: -
‘posts’ (dit zijn artikelen) ‘pages’ (dit zijn pagina’s)
Daar wordt de inhoud van de pagina’s ingevoerd. Posts Elke post wordt ingedeeld in een categorie. Op basis van de categorie, wordt bepaald op welk gedeelte van de site de post terugkomt. In de onderstaande tabel wordt een overzicht gegeven: Categorie van de post Algemeen Mix en match Nieuws Provinciaal HRM Publicaties Vacatures
Plek op de website Uitwisseling Uitwisseling Medewerkersinfo Medewerkersinfo Medewerkersinfo Vacatures (dit is een aparte menuknop)
Pagina’s Een pagina bestaat uit slechts 1 tekstpagina. Deze kan bewerkt of aangevuld worden. In de onderstaande tabel wordt een overzicht gegeven: Pagina CAO Links Ontwikkeling Opleidingen Links
Plek op de website Medewerkersinfo Medewerkersinfo Ontwikkeling (dit is een aparte menuknop) Ontwikkeling Ontwikkeling
4. Hom epage Op de homepage wordt de volgende inhoud weergegeven: -
Linksboven: de laatste post in de categorie ‘mix en match’. Linksonder: de laatste posts in de categorie ‘vacatures’ (met een max van 3) Rechtsboven: de laatste posts in de categorie ‘provinciaal HRM’ en ‘publicaties’ Rechtsonder: de laatste post in de categorie ‘nieuws’.
2
Deze posts worden dus allemaal automatisch weergegeven. Wanneer je een ander post dan de laatst gepubliceerde post wil weergeven, is dat mogelijk door de datum te veranderen bij het bewerken van de post. Zie het onderstaande screenshot:
5. Een post toevoegen Voer de volgende handelingen uit om een post toe te voegen:
1. Posts -> add new 2. Vul de titel in 3. Vul de omschrijving in. Een algemene uitleg van de Wordpress editor is te vinden vanaf hoofdstuk 7. 4. Kies een categorie. Een overzicht is te vinden in de bovenstaande tabel. 5. Kies relevante tags. Deze zoekwoorden worden gekoppeld aan het artikel. Bezoekers kunnen d.m.v. de tagcloud aan de rechterzijde van uitwisseling en medewerkersinfo posts sorteren. 6. Stel een afbeelding in bij ‘featured image’. Een afbeelding is idealiter 650 pixels breed (hoogte maakt niet uit). Wanneer de afbeelding niet past (dus te klein is), wordt de afbeelding alleen weergegeven op de overzichtspagina’s (zoals ‘medewerkersinfo’) en niet op de detailpagina. De schrijver van het artikel krijgt dan een melding dat de afbeelding die is geupload te klein is. 7. Onder de editor staat een ‘SEO’ block. SEO staat voor Search Engine Optimalisation. Zoals te zien is, kan je in dit blok invullen hoe de pagina wordt weergegeven in de zoekresultaten van Google. Wij raden het ten zeerste aan dit SEO blok in te vullen. Hiermee wordt de vindbaarheid van de site aanzienlijk beter. Zie het onderstaande screenshot:
3
6. Een pagina toevoegen Voer de volgende handelingen uit om een pagina toe te voegen: 1. Page -> add new 2. Vul de titel in 3. Vul de omschrijving in. Een algemene uitleg van de Wordpress editor is te vinden vanaf hoofdstuk 7. 4. Stel een afbeelding in bij ‘featured image’. Een afbeelding is idealiter 650 pixels breed (hoogte maakt niet uit). Wanneer de afbeelding niet past (dus te klein is), wordt de afbeelding alleen weergegeven op de overzichtspagina’s (zoals ‘medewerkersinfo’) en niet op de detailpagina. De schrijver van het artikel krijgt dan een melding dat de afbeelding die is geupload te klein is. 5. Onder de editor staat een ‘SEO’ block. SEO staat voor Search Engine Optimalisation. Zoals te zien is, kan je in dit blok invullen hoe de pagina wordt weergegeven in de zoekresultaten van Google. Wij raden het ten zeerste aan dit SEO blok in te vullen. Hiermee wordt de vindbaarheid van de site aanzienlijk beter. Zie het onderstaande screenshot: 7. Algem ene uitleg W ordpress editor Het is het over het algemeen het makkelijkste om content in te voeren in de ‘WYSIWIG’ editor. Deze werkt soortgelijk als een teksteditor zoals Word. 8. Links toevoegen of verwijderen
4
Selecteer het woord of de zin die gelinkt dient te worden om een link toe te voegen. Klik daarna op de linkse knop. Er verschijnt dan een pop up venster. Vul bij ‘URL’ de link in en geef de link eventueel een titel bij ‘titel. Verwijder een link door het woord of de zin die gelinkt is te selecteren en klik dan op de rechtse knop. 9. Het em bedden van (YouTube) video’s Wanneer bijvoorbeeld een YouTube video wordt ge-embed, werk dan in de HTML editor. Plak voor, tussen of na de tekst de embed code van de video (te vinden onder de video op YouTube). De video is groter of kleiner te maken door de afmetingen in de code te veranderen (heigth en wide). 10.
Uploaden van afbeeldingen
Om een afbeelding bij een artikel toe te voegen, klik je op upload/insert. Uitgelichte afbeeldingen (voor producten/acties) voeg je toe via ‘uitgelichte afbeelding instellen’ (rechts naast de editor). Selecteer het bestand in het popup scherm . Hierna is het mogelijk het plaatje een titel te geven en een link toe te voegen (wanneer een bezoeker op het plaatje klikt, navigeert hij of zij naar deze pagina). Bij ‘uitlijning’ is het mogelijk een positie te kiezen voor de afbeelding en bij ‘afmeting’ de grootte van de afbeelding. Klik daarna op ‘invoegen in bericht’ of wanneer het een uitgelichte afbeelding betreft op ‘als uitgelichte afbeelding gebruiken’. Klik daarna op ‘alle wijzigingen opslaan’. 11. Publiceren Klik op ‘pagina bekijken’ voor een preview van het artikel op de site. Als de preview goed is, klik dan op ‘publiceren’ om je artikel te publiceren. Het is ook mogelijk om dit op een toekomstig tijdstip te doen door te klikken op ‘bewerken’ naast ‘publiceren’. Je kan dan een tijdstip invoeren waarop het artikel gepubliceerd wordt. 12. Het bewerken van een pagina of artikel. Het bewerken van berichten of pagina’s is mogelijk door op ‘berichten’ of ‘pagina’s te klikken. Door op een artikel te klikken, kan je deze bewerken en opnieuw opslaan.
5
