CMS HANDLEIDING

Transcriptie

1 CMS HANDLEIDING 1. INLOGGEN IN CMS DASHBOARD SITE STRUCTUUR HOMEPAGE EEN POST TOEVOEGEN EEN PAGINA TOEVOEGEN ALGEMENE UITLEG WORDPRESS EDITOR LINKS TOEVOEGEN OF VERWIJDEREN HET EMBEDDEN VAN (YOUTUBE) VIDEO S UPLOADEN VAN AFBEELDINGEN PUBLICEREN HET BEWERKEN VAN EEN PAGINA OF ARTIKEL

2 1. Inloggen in CMS 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 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 Opleidingen Links Plek op de website (dit is een aparte menuknop) 4. Homepage 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

3 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 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

4 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 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. Algemene uitleg Wordpress 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

5 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 embedden 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