Versie 4.4 Gebruikershandleiding januari 2016
Inhoud 2. Inleiding... 3 Wat is WordPress?... 3 Wordt constant verbeterd... 3 3. De structuur van uw website... 4 4. De WYSISWYG-editor en het plaatsen van een bericht... 5 5. Paginabeheer... 6 6. Nieuwe media uploaden naar uw website... 7 Het plaatsen van media in de Media bibliotheek via het menuitem Media... 7 Het plaatsen van een afbeelding in de Media bibliotheek direct in een bericht of pagina... 9 Het plaatsen van een PDF-bestand in de Media bibliotheek direct in een bericht of pagina... 10 7. Het beheren van uw widgets... 11 Het plaatsen van een nieuwe widget... 11 Het aanpassen van de volgorde van de widgets... 12 Het deactiveren van een widget zonder de instellingen te verliezen... 12 8. [Thema 1] Het bewerken van een slider... 12 9. Beheren van menu... 13 10. Algemene opties per thema... 14 11. [Thema 2] Bewerken van infoberichten... 15 12. Formulieren aanmaken en plaatsen... 16 Pagina 2
2. Inleiding Wat is WordPress? WordPress is één van de meest gebruikte CMS (Content Management System) systemen in de wereld. Met een CMS systeem kunt u zonder (veel) technische kennis zelf de website up-to-date houden. Open-source WordPress is open-source software. Dat wil zeggen dat de software gratis te gebruiken is en door iedereen naar gelang mag worden aangepast en verbeterd. U bent dus niet gebonden aan een licentie of één bepaalde ontwikkelaar voor onderhoud. Wordt constant verbeterd Wereldwijd werken er een groot aantal mensen samen om de software up-to-date te houden en te verbeteren. Dit zorgt ervoor dat de software (mits er regelmatig updates worden uitgevoerd) veilig blijft en aangepast aan nieuwe technieken en webbrowsers. Binnen het onderhoudscontract verzorgt Onderwijs Maak Je Samen de updates en assisteert bij vragen over het gebruik van WordPress. Uitgebreide informatie over WordPress vind je op www.wordpress.org. Deze handleiding geeft een beknopte uitleg over de belangrijkste onderdelen van uw WordPress website. U zult merken dat er nog veel meer mogelijk is via het beheer. Wij wensen u veel succes met het beheren van uw website. Pagina 3
3. De structuur van uw website Uw website bestaat uit een gebruikersdeel en een beheersdeel, respectievelijk de front-end en de back-end. De front-end is voor iedereen toegankelijk en de back-end is alleen bereikbaar na het aanmelden met gebruikersnaam en wachtwoord. Inloggen op de back-end: http://www.uwwebsite.nl/wp-admin/ Wanneer u bent ingelogd op de back-end opent het dashboard zich. In dit dashboard krijgt u een overzicht van de inhoud en activiteiten van en op uw website. Hier ziet u bijvoorbeeld hoeveel berichten en pagina s uw website bevat, of wat de laatste reacties zijn die gegeven zijn door bezoekers.* Of een overzicht van het aantal inschrijvingen voor uw nieuwsbrief (Gravity Forms). Dit dashboard is zelf aan te passen aan uw eigen voorkeuren door de blokken te verplaatsen of in te klappen. Dit doet u door de titelbalk aan te klikken en aangeklikt te houden wanneer u deze versleept. * alleen indien u bezoekers toestaat reacties te plaatsen. Binnen de back-end ziet u steeds aan de linkerkant een balk met links die u zult gebruiken om de verschillende items binnen uw website te kunnen bewerken. Voor het beheren van de inhoud zult u vooral de links: Berichten' t/m Pagina's gebruiken. Om de layout of vormgeving aan te passen gebruikt u Weergave. Pagina 4
4. De WYSISWYG-editor en het plaatsen van een bericht Het opmaken van een bericht of pagina gebeurt met behulp van een zogenaamde What-You-See-Is- What-You-Get editor. Figuur 2: Het opstellen van een nieuw bericht met de WYSIWYG-editor Voor het aanmaken van een nieuw bericht doet u het volgende: 1. U klikt in de menubalk links op Berichten en vervolgens op Nieuw bericht 2. U geeft een titel aan het bericht 3. Vervolgens kunt u in het lege veld uw bericht typen en enigszins opmaken met behulp van de knoppen daarboven. 4. Om het bericht te plaatsen klikt u op de blauwe knop Publiceren. TIP: Het is aan te raden het bericht te voorzien van zogenaamde Tags; korte trefwoorden over het betreffende bericht. Hiermee worden gelijksoortige artikelen aan elkaar gekoppeld en wordt de vindbaarheid via zoekmachines verbeterd. Een tag geven kan via het blokje rechts onder de Categorieën. Opmerking: Het plaatsen of bewerken van pagina s gaat op de zelfde manier als het plaatsen van een bericht. Alleen kiest u in stap 1 niet voor Nieuw bericht maar voor Nieuwe pagina en hoeft u geen categorie of tags te selecteren. Pagina 5
5. Paginabeheer Via de menubalk komt u bij het overzicht van alle pagina s door op Pagina s te klikken. Figuur 3: Het overzicht van alle pagina's op uw website In dit overzicht ziet u een lijst met de pagina s op uw website en subpagina s (ingesprongen met een voor de titel) daarvan. Door op een paginatitel te klikken kunt u de betreffende pagina bewerken. U ziet dan eenzelfde scherm als voor het aanmaken of bewerken van een bericht. Wanneer u uw cursor boven een pagina titel houdt verschijnen onder de titel enkele extra opties zoals het verwijderen van een pagina (In rood Prullenbak). NOOT: wanneer u een pagina of bericht verwijderd zal deze in de prullenbak komen. De pagina of het bericht is dan niet meer zichtbaar op de website of in dit overzicht, maar kan dus nog hersteld worden. Pagina 6
6. Nieuwe media uploaden naar uw website Berichten en pagina s worden vaak voorzien van afbeeldingen of bestanden die men kan downloaden (bijvoorbeeld: PDF of Word documenten). In WordPress worden deze gezamenlijk Media genoemd. Om deze media beschikbaar te kunnen stellen voor uw bezoekers, zullen deze op uw website server moeten worden geplaatst. Deze zullen opgeslagen worden in de media bibliotheek. Media die hierin geplaatst worden, zijn vervolgens beschikbaar voor gebruik op meerdere plaatsen binnen uw website, zonder dat u deze opnieuw op de server hoeft te plaatsen. Het toevoegen van media aan de bibliotheek kan op twee manieren: Via het menuitem Media en direct in een bericht of pagina. Het plaatsen van media in de Media bibliotheek via het menuitem Media Om een nieuw bestand te plaatsen in de Media bibliotheek, klikt u in het menu op Media, waarna de bibliotheek verschijnt (figuur 4), waarna u op de knop Nieuw bestand kunt klikken. U kunt ook in het menu Media uitklappen door met uw cursor over het menu item Media te bewegen, waarna zich twee opties ontvouwen. Vervolgens klikt u in het menu op Nieuw bestand. Figuur 4: Media bibliotheek Pagina 7
Wanneer u op Nieuw bestand hebt geklikt krijgt u het volgende te zien (figuur 5) Figuur 5: Het plaatsen van een nieuw mediabestand U klikt op Bestanden selecteren en in het nieuwe venster kunt u een bestand selecteren vanaf uw eigen computer of netwerkstation. Dit mogen ook meerdere bestanden ineens zijn, waarna u op Openen klikt. De bestanden worden in de Media bibliotheek geplaatst (dit kan even duren afhankelijk van de hoeveelheid en grootte van de bestanden). TIP: plaats niet te grote bestanden op uw server. Dit zorgt ervoor dat pagina s langzamer worden geladen en dat uw dataverkeer flink toe kan nemen. Plaatst foto s altijd in een fotoalbum zoals Flickr of Myalbum. Pagina 8
Het plaatsen van een afbeelding in de Media bibliotheek direct in een bericht of pagina Wanneer u een bericht of pagina aanmaakt of bewerkt, kunt u afbeeldingen of bestanden direct in het bericht plaatsen. Om dit te kunnen doen klikt u in de WYSIWYG-editor naast Uploaden/Toevoegen op Media toevoegen. Figuur 7: In een bericht of pagina kunt u bestanden uit de Media bibliotheek invoegen, of een nieuw bestand uploaden. Een venster verschijnt over uw bericht. Vervolgens kunt u direct een bestand uit de media bibliotheek kiezen of een nieuw bestand uploaden op dezelfde manier als hiervoor beschreven een bestand kiezen van uw computer. Wanneer u een afbeelding invoegt heeft u extra opties. U kunt de afbeelding een naam geven, u kunt een Link (URL) toevoegen (wanneer men klikt op de afbeelding wordt men naar die URL gestuurd), standaard is dit de URL van de afbeelding zelf voor een grotere weergave (Mediabestand) en u kunt de Uitlijning bepalen, moet de afbeelding bijvoorbeeld rechts of links van de tekst verschijnen. Daarnaast kunt u een Afmeting kiezen. Wanneer u klaar bent om in te voegen klikt u op Invoegen in bericht, en de afbeelding wordt ingevoegd. NOOT: u kunt de afbeelding vervolgens verslepen met uw cursor om eventueel een andere plaats te kiezen. Wanneer u de Uitlijning of Link URL wilt wijzigen klikt u éénmaal op de afbeelding en vervolgens op het icoontje wat links boven in de afbeelding verschijnt. Waarna u de opties kunt wijzigen. Pagina 9
Het plaatsen van een PDF-bestand in de Media bibliotheek direct in een bericht of pagina Op dezelfde manier als een afbeelding kunt u een bestand kiezen van uw computer. Omdat een bestand niet zoals een afbeelding, in de tekst geplaatst kan worden zal er een link ingevoegd worden waarmee men het PDF-bestand kan openen. Wanneer het bestand op de server staat geeft u bij Titel de tekst die u wilt linken aan het bestand, waarna u op Invoegen in bericht klikt. Wilt u vervolgens de link op een andere plaats in de tekst, dan selecteert u volledig de gekoppelde tekst en sleept u deze met uw cursor naar de gewenste plaats. Pagina 10
7. Het beheren van uw widgets Widgets zijn blokken met een specifieke functionaliteit, zoals het weergeven van meest laatst geplaatste nieuwsberichten, de agenda of het fotoalbum. De eigenschappen van widgets en hoe deze zich gedragen op het front-end van uw website kunnen verschillen. Zo worden sommige widgets automatisch alleen zichtbaar naast een volledig artikel en dus niet op uw homepage. Figuur 8: Overzicht van de beschikbare en actieve widgets Het plaatsen van een nieuwe widget Om bij het widget beheer te komen klikt u in het menu op weergave en vervolgens op het submenu Widgets. Het widget beheer (figuur 8) opent zich voor u. In de meest rechter kolom ziet u Left-column staan hieronder bevindt zich in dit geval de widget Nieuwsoverzicht. In de linkerkolom ziet u de Beschikbare widgets. Deze zijn niet actief, maar eenvoudig in te schakelen door ze te slepen naar bijvoorbeeld de left-column. LET OP: Wanneer u een widget activeert door deze naar één van de sidebars te slepen, kunt u soms nog verschillende opties instellen van deze widget. Doet u dit niet dan kan het zijn dat de weergave op de front-end niet is wat u voor ogen had. Om de opties van een widget te kunnen inzien of wijzigen klikt u op het pijltje naast de titel van de actieve widget. Er ontvouwt zich een menu waarin enkele of soms veel opties zichtbaar zijn. Past u één of meerdere opties aan, vergeet deze dan niet te bevestigen door op Opslaan te klikken onderin de widget. Pagina 11
Het aanpassen van de volgorde van de widgets Dit kan eenvoudig door een actieve widget (in één van de sidebars) aan te klikken met uw cursor, deze ingedrukt te houden en te verslepen naar de gewenste positie. Het deactiveren van een widget zonder de instellingen te verliezen Wilt u de instellingen van een widget niet verliezen, maar deze wel (tijdelijk) uitschakelen, dan sleept u de betreffende actieve widget naar het vlak met Gedeactiveerde widgets (dit bevindt zich onder de Beschikbare widgets). U kunt dan later deze widget met de opgeslagen instellingen heractiveren, door deze vanuit het vlak Gedeactiveerde widgets naar één van de sidebars te slepen. 8. [Thema 1] Het bewerken van een slider Thema 1 beschikt over een slider op de startpagina met een afbeelding en een korte tekst. Deze kunnen bewerkt of toegevoegd worden via het menu-item: Sliders. Geef de slider een naam en voorzie de slider van een Uitgelichte afbeelding (deze wordt op de achtergrond getoond) en een tekst (deze wordt over de afbeelding geplaatst). Figuur 9: Bewerken van een slider Pagina 12
9. Beheren van menu De menu s kunnen bewerkt worden via Weergave>menu s. Selecteer het menu dat u wenst te wijzigen en klik op Selecteren. Vervolgens kunt u items toevoegen door deze te selecteren aan de linkerkant. U kunt pagina s, berichten en categorieën toevoegen. Wanneer u een link naar een externe pagina wilt toevoegen kiest u voor Aangepaste links. Aangepaste links kunt u ook selecteren wanneer u een social media koppeling wilt toevoegen (in het social-menu) zoals Twitter of Facebook. Wanneer u de volgorde wilt wijzigen kunt u items aanblikken en verslepen naar de gewenste positie. Een submenu item creëert u door deze ingesprongen te plaatsen onder een ander item. Let op: Beperk het aantal menu items op elk niveau tot maximaal 7. Dit is voor gebruikers eenvoudiger in gebruik dan wanneer u er meer kiest. Figuur 10: Bewerken van menu s Pagina 13
10. Algemene opties per thema Elk thema is voorzien van enkele algemene opties zoals instellingen voor kleuren, een school logo en video. Deze kunnen worden bewerkt via Weergave>Customizer. Let op: Het wijzigen van deze opties kan het website uiterlijk flink veranderen. Dus wees voorzichtig met het wijzigen van deze opties. Figuur 11: Bewerken van thema opties Pagina 14
11. [Thema 2] Bewerken van infoberichten Thema 2 beschikt over twee kolommen onder de starttekst. Wanneer u deze wilt wijzigen (of hier blokken toevoegen) kiest u in het menu voor Infoberichten. Wanneer u in een infobericht plaatst of wijzigt. Zorg altijd voor een beknopte tekst, deze tekst verschijnt immers op de startpagina. Wanneer u meer inhoud kwijt wilt kunt u via een link verwijzen naar een uitgebreider bericht of pagina. Maak deze items aantrekkelijk door er een Uitgelichte afbeelding aan toe te voegen. Figuur 12: Bewerken infoberichten Pagina 15
12. Formulieren aanmaken en plaatsen U kunt in uw beheer formulieren aanmaken en plaatsen in berichten en op pagina s. Om een formulier aan te maken klikt u in het menu op: Formulieren. U kunt vervolgens velden toevoegen naar wens. Figuur 13: Aanmaken van formulieren Om een formulier vervolgens te plaatsen op een pagina of in een bericht klikt u in het betreffende bericht of pagina op de knop: Add form boven de WYSIWYG editor. Figuur 14: Plaatsen van formulieren Pagina 16
Wanneer u een formulier heeft geplaatst kunt u via Confirmations het bericht aanpassen dat verschijnt wanneer een bezoeker een formulier verstuurd. Via notificaties kunt u instellen welke e-mailadressen er een bericht ontvangen wanneer er een formulier is ingevuld. Via Formulieren>Inzendingen kunt u alle door bezoekers ingevulde formulieren terugvinden. Via Import/Export kunt u een lijst downloaden van ingevulde formulieren. Handig voor bijvoorbeeld een deelnemerslijst aan een activiteit. Pagina 17