Introductie
Dit document bevat informatie over het bewerken en plaatsen van content op de eigen Wordpress website.
Wat is Wordpress?
WordPress is een Content Management Systeem (CMS) waarmee je een website kunt bouwen en onderhouden.
Geïnstalleerde plugins
Pagina’s opmaken en toevoegen met Elementor
Elementor is een plugin waarmee complete websites met een drag & drop-editor in elkaar te zetten zijn. Ubeeo heeft reeds een ontwerp gemaakt voor de werken-bij-site van jouw organisatie en verschillende website elementen klaargezet in deze plugin genaamd ‘Elementor’.
Met behulp van deze plugin kun je nieuwe content pagina’s opmaken en toevoegen aan jouw werken-bij-site. Je krijgt “live” je pagina te zien terwijl je aanpassingen maakt. Je kunt direct verschillende tekst- en beeldelementen toevoegen aan je pagina zonder zelf ook maar één regel code te schrijven.
ℹ️ Verderop in de handleiding vind je informatie over het opmaken van pagina’s m.b.v. Elementor en de ontworpen en ontwikkelde templates. Wil je zelf aan de slag met de overige functionaliteiten binnen Elementor dan zijn er online goede tutorials te vinden.
Diverse Nederlandstalige Elementor tutorials zijn bijvoorbeeld te vinden op onderstaande Youtube kanaal:
https://www.youtube.com/channel/UC4rBpJF855RQuO8PrUVb68g
Search Engine Optimisation (SEO) m.b.v. Yoast
De Yoast SEO WordPress plugin geeft je inzicht in hoeverre een pagina op je werken-bij-site is geoptimaliseerd voor Google. De Yoast plugin geeft je per webpagina concrete tips om de inhoud van je webpagina te optimaliseren voor zoekmachine Google. Verderop in de handleiding word angegeven waar je de Yoast plugin kunt terugvinden en kunt gebruiken.
ℹ️ Voor meer informatie over het gebruik van de Yoast SEO plugin kun je terecht op https://yoast.com/how-to-start-with-seo/
Ubeeo ATS plugin voor het automatisch inladen van vacatures uit Ubeeo
Om vacatures vanuit Ubeeo ATS eenvoudig te kunnen plaatsen op een Wordpress website is door Ubeeo een plugin ontwikkeld.
Met behulp van deze plugin worden internet- en intranet vacatures die zijn ingevoerd in Ubeeo ATS doorgestuurd naar Wordpress en worden de vacatures automatisch zichtbaar op de website. Wil je iets aanpassen aan de inhoud van een vacaturetekst? Dit doe je dus door de vacature op te zoeken en aan te passen in Ubeeo’s Applicant Tracking Systeem.
Voor vragen of problemen bij het inladen van vacatures op de werken-bij site. Neem contact op via [email protected]
Facet WP
FacetWP is een handige plug-in die filteren en sorteren van content makkelijk maakt. Met behulp van deze plugin is het voor bezoekers van de website mogelijk om de vacatures op de website te filteren op de verschillende classificaties (bijvoorbeeld: vakgebied, plaats of opleidingsniveau). Hiernaast is er ook de mogelijkheid om binnen de vacatures te zoeken op trefwoord.
ℹ️ Gedurende het implementatietraject van Ubeeo ATS en het ontwerptraject voor de werken-bij-site is afgestemd welke filteropties precies beschikbaar moeten zijn op de website. Voor vragen of aanpassingen aan de zoek- en filteropties neem contact op met [email protected]
Wordpress Training
Ubeeo verzorgt een Wordpress Training om de deelnemers wegwijs te maken in de verschillende onderdelen van het CMS. Tijdens de training maken de deelnemers kennis met de verschillende mogelijkheden voor het plaatsen van content volgens het gemaakte ontwerp door Ubeeo. De verschillende vrije tekst- en beeldelementen uit het ontwerp zijn door Ubeeo opgenomen in de Elementor plugin zodat hiermee gemakkelijk nieuwe pagina layouts bij elkaar geklikt kunnen worden.
Voor deze training krijgen de deelnemers toegang tot de testomgeving van de werken-bij-site. Ter voorbereiding zullen de deelnemers zelf de gewenste teksten en afbeeldingen bij de hand moeten hebben, zodat zij tijdens de training de gegeven theorie direct kunnen toepassen in de praktijk.
Contentfase & livegang
Na de Wordpress Training kun je zelf aan de slag met het aanmaken van al je gewenste webpagina’s en het plaatsen van je content. Zodra alle content naar wens is geplaatst en de website goed is getest en klaar is voor livegang zal er een content-stop plaatsvinden. Ubeeo maakt vervolgens een kopie van de testomgeving en plaatst deze op de live-omgeving om de website beschikbaar te maken voor het publiek.
De testomgeving blijft na livegang beschikbaar voor het oefenen met het plaatsen van nieuwe content. Houd er rekening mee dat de testomgeving en de live omgeving twee compleet van elkaar losstaande websites zijn; content is dus niet uitwisselbaar en je zult content dus handmatig op beide omgevingen moeten aanpassen of toevoegen.
Een pagina aanmaken en opmaken in Elementor
Een nieuwe pagina aanmaken in wordpress
In het linkermenu kies je voor ‘Pagina’s' → ‘Nieuwe pagina’
Vul bovenaan de pagina in het invulveld de gewenste paginatitel in.
Aan de rechterkant vind je de het paneel ‘Publiceren’ met publicatie instellingen. Kies hier zo lang je de pagina nog aan het opmaken bent voor ‘Concept opslaan’. De pagina is dan niet publiekelijk zichtbaar.
De paginastructuur bepalen in Wordpress
Voor elke pagina in de website kun je bepalen waar deze in de totale paginastructuur dient te komen. De ingestelde paginastructuur bepaalt zo voor alle pagina’s de url of het webadres. De paginastructuur en de url van een pagina bepaal je als volgt:
Ga naar een nieuwe of bestaande pagina middels het linker hoofdmenu-item ‘Pagina’s'
Aan de rechterkant vind je in het Pagina-attributen paneel een dropdown overzicht onder het kopje ‘Hoofd’.
Kies hier de pagina die je als hoofd- of bovenliggende pagina wilt instellen om de structuur te bepalen.
Onder de paginatitel zie je de ingestelde url- of paginastructuur terug die je hebt ingesteld voor de desbetreffende pagina.
Beschermd vacature-pad
ℹ️ Beschermd vacature-pad
Vacatures maken gebruik van een beschermd pad, bij de meeste sites is dit het /vacatures/. Dit houdt in dat achter het pad /vacatures/ alleen een vacature kan staan. Dit pad is daarom uitgesloten van de url- of paginastructuur.
Een uitgelichte afbeelding instellen in Wordpress
Voor elke tekstpagina in Wordpress is het mogelijk om zelf een uitgelichte afbeelding in te stellen. Deze afbeelding word op de desbetreffende pagina gebruikt als headerafbeelding en wordt hiernaast tevens zichtbaar op sociale media wanneer je de link van de desbetreffende pagina deelt. Om een uitgelichte afbeelding in te stellen neem je de volgende stappen:
Ga naar een nieuwe of bestaande pagina middels het linker hoofdmenu-item ‘Pagina’s'
Aan de rechterkant vind je het paneel 'Uitgelichte afbeelding
Klik op de blauwe link ‘Uitgelichte afbeelding’ om naar de mediabibliotheek te gaan en een afbeelding te selecteren.
Houd bij het kiezen van de afbeelding in de mediabibliotheek rekening met de voor jouw website benodigde afbeeldingsformaten. Over het algemeen is een minimaal formaat van 1920 pixels breed aan te raden. Voor vragen over afbeeldingsformaten neem contact op via [email protected]
De pagina opmaken met de ontworpen en ontwikkelde templates in Elementor
Wanneer je een pagina bewerkt in Elementor kun je gebruik maken van de verschillende templates die zijn ontworpen en ontwikkeld voor jouw werken-bij-site.
Maak een nieuwe pagina aan of open een bestaande pagina vanuit Wordpress en klik op de blauwe knop ‘Bewerk met Elementor’.
In de voorvertoning van je pagina klik je op het grijze folder-icoon om naar de template-bibliotheek te gaan.
Klik bovenaan de geopende pop-up op ‘Mijn templates’ zodat deze geselecteerd is (zichtbaar aan de rode lijn).
Je ziet vervolgens een overzicht van verschillende pagina elementen die je kunt selecteren en vervolgens middels de groene knop kunt invoegen in je pagina.
Bij de pop-up ‘Documentinstellingen importeren’ kies je voor ‘Nee’.
⚠️ Op basis van het ontwerptraject zijn er diverse templates / pagina elementen beschikbaar gemaakt om tekstpagina’s mee in te richten.
Deze templates mogen niet worden verwijderd.
Het geselecteerde pagina element verschijnt in de voorvertoning van je pagina. Hier kun je vervolgens kopteksten en paragraaf teksten aanklikken om de tekst aan te passen. Het aanpassen van de tekst doe je middels de teksteditor aan de linkerkant van het scherm.
M.b.v. de teksteditor kun je via het schakel-icoon zowel interne links als externe links aanbrengen in je teksten. Interne pagina’s zijn makkelijk terug te vinden door te zoeken op een trefwoord.
Om je pagina tussentijds op te slaan klik je rechtsboven op de roze knop ‘Publiceren’. Indien je wilt blijven werken in een conceptversie klik dan op het pijltje naast ‘Publiceren’ zodat de optie ‘Concept opslaan' beschikbaar word.
Om je pagina aanpassingen in de browser te bekijken klik je op het oog-icoon / menu-item “Pagina bekijken”.
De beschikbaar gestelde templates zijn ontworpen, ontwikkeld en reeds getest voor de verschillende devices. Bij het plaatsen van content middels deze templates hoef je dus geen aparte bewerkingen of controles te verrichten voor een goede weergave op mobiele telefoons en tablets.
Snel bewerken optie vanuit je internet browser
✅ Als je bent ingelogd in Wordpress zul je in je werken-bij-site bonenaan het scherm een donkere werkbalk beschikbaar hebben, om direct aanpassingen te kunnen doen in Wordpress/Elementor. Op deze manier kun je bestaande pagina’s in je website makkelijk en snel bewerken.
Extra hulpmiddelen voor pagina opmaak
Navigator
Met het lagen-icoon (linksbovenin) open je het navigator paneel. Dit paneel geeft je bij het opmaken van een pagina een overzicht van de verschillende gebruikte elementen. Je kunt in deze navigator de elementen voorzien van een naam om nog beter overzicht te houden over de verschillende elementen. Tevens kun je in de navigator de elementen verslepen om de positie van de elementen op de pagina te veranderen.
Responsive modus
Met de verschillende scherm-iconen (in het midden van de menu-balk) kun je bewerkingen doen voor de verschillende devices. Zo kun je er eventueel voor kiezen om bepaalde pagina elementen weg te laten voor de mobiele weergave. Je kunt dit per pagina-element instellen middels het instellingen-overzicht aan de linkerkant. Je vind de optie voor het wel of niet tonen van elementen onder het tabblad ‘Geavanceerd’ onder het kopje ‘Responsive’.
Instellingen
Met het rader-icoon kun je verschillende instellingen controleren en/of aanpassen.
Onder het tabje ‘Instellingen’ kun je o.a. de titel, status en uitgelichte afbeelding aanpassen.
Hiernaast vind je het tabblad ‘Yoast SEO’ waar je hulpmiddelen vind om je pagina te optimaliseren voor zoekmachines.
Geschiedenis optie in Elementor
Heb je tijdens het bewerken van een pagina in elementor een fout gemaakt en wil je dit herstellen? Ga dan links bovenin naar het menu-icoon. Hier vind je de optie “Geschiedenis”.
Acties
In het tabblad met acties kun je kiezen naar wel punt je terug wilt. Wanneer je klikt op een actie uit het overzicht zie je direct de bijbehorende weergave op dat punt.
Acties betreffen alleen handelingen die je met jouw eigen account hebt doorgevoerd.
Revisies
Naast het tabblad ‘Acties’ vind je het tabblad ‘Revisies’. Dit zijn alle opgeslagen versies van de pagina van alle gebruikers. Middels ‘Revisies’ kun je teruggaan naar een eerder opgeslagen versie van jouzelf of van een van je collega’s. Dit doe je op de volgende manier:
Selecteer in het overzicht de versie waar je naar terug wilt.
Klik op de knop ‘Toepassen’ bovenaan om de versie te bekijken.
Klik op de knop ‘Publiceren’ om de versie definitief terug te zetten.
Revisies geeft je de mogelijkheid om versies van andere gebruikers te verwijderen of te herstellen.
Werken met de mediabibliotheek
In Wordpress vind je links in het menu het menu-item ‘Media’. Hier kun je terecht voor het opslaan van verschillende bestanden zoals foto’s of pdf-bestanden die je kunt gebruiken op jouw werken-bij-site.
Het is niet toegestaan om videobestanden te uploaden in de mediabibliotheek. Voor het toepassen van video op jouw werken-bij-site maak je gebruik van videoplatformen als Youtube of Vimeo.
De mediabibliotheek biedt een overzicht van alle geuploade bestanden. Door een bestand te selecteren krijg je beschikking over de volgende opties:
inzage in de afmetingen van het bestand
De mogelijkheid om een alternatieve tekst toe te voegen ter ondersteuning van slechtziende gebruikers (WCAG) en ter ondersteuning van jouw SEO.
De mogelijkheid om de afbeelding te bewerken
Website menu’s aanpassen
In het linkermenu kies je voor ‘Weergave’ → ‘Menu’s'
Bovenaan de pagina selecteer je het menu dat je wilt aanpassen.
In het linkerpaneel vink je de pagina aan die je wilt toevoegen aan het menu.
Klik op de knop ‘Aan menu toevoegen’
In het rechterpaneel verschijnt het item voor de pagina onderaan in de lijst.
Sleep het pagina-item naar de gewenste plek in het menu.
Klik rechtsonderin op de blauwe knop ‘Menu opslaan’
Houd er rekening mee dat jouw website aparte menu’s kan hebben voor verschillende devices. Bij een aanpassing aan het menu zul je de aanpassing zodoende in meerdere menu’s moeten doorvoeren.
ATS/vacaturepagina pagina’s
Standaard zijn er een paar een aantal pagina’s aangemaakt, ‘Mijn profiel’, ‘Solliciteren’ en ‘Vacature alert’. Deze pagina’s worden door het ATS (vacaturesysteem) gebruikt voor bijvoorbeeld het tonen van het sollicitatieformulier. De
content op deze pagina’s wordt automatisch ingevuld. Deze pagina’s dienen niet aangepast te worden.
Support
Gratis support t.a.v. de ontworpen templates
Om de website consistent, gestructureerd en in lijn met de huisstijl te houden raden wij aan om zo veel mogelijk te werken met de ontworpen en ingestelde templates.
Indien je nieuwe content wilt toevoegen aan jouw werken-bij-site raden wij aan om dit altijd eerst uit te proberen op een nieuwe concept-pagina of op een bestaande pagina op de testomgeving.
Bij vragen of problemen met de ingestelde templates kun je contact opnemen via [email protected]. Wij zorgen er dan voor dat je z.s.m. geholpen word. Hier zijn geen kosten aan verbonden.
Wat valt er niet onder gratis support?
Ga je als gebruiker zelf vrij aan de slag met de overige mogelijkheden binnen Wordpress en Elementor, houd er dan rekening mee dat vragen of problemen hieromtrent buiten onze gratis support vallen.
Indien je toch zelf verder wilt ontdekken wat er mogelijk is met Elementor raden wij aan om dit eerst uit te proberen op de testomgeving.
Indien er behoefte is aan aanpassingen of aanvullingen voor de website, zijn wij bereikbaar via [email protected] De gewenste aanpassingen zullen wij vervolgens opnemen in een offerte.