basiscursus wordpress 4 · basiscursus flash cs5/actionscript basiscursus flash cs4 basiscursus...

32
Basiscursus WordPress 4

Upload: buicong

Post on 02-May-2019

228 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Basiscursus WordPress 4

SDU BC wordpress_basis GG.indd 1 12-08-15 12:20

Page 2: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Basiscursussen en Handboeken verschenen bij Academic Service:

Basiscursus Access 2010Basiscursus Access 2007Basiscursus Access 2003Basiscursus Apps ontwikkelenBasiscursus ASP.NETBasiscursus AutoCAD 2016 en LT 2016Basiscursus AutoCAD 2015 en LT 2015Basiscursus AutoCAD 2014 en LT 2014Basiscursus AutoCAD 2013 en LT 2013Basiscursus AutoCAD 2012 en LT 2012Basiscursus AutoCAD 2011 en LT 2011Basiscursus AutoCAD 2010 en LT 2010Basiscursus Dreamweaver CS5Basiscursus Dreamweaver CS4Basiscursus Dreamweaver CS3Basiscursus Dreamweaver 8Basiscursus Dreamweaver MX 2004Basiscursus DrupalBasiscursus Excel 2013Basiscursus Excel 2010Basiscursus Excel 2007Basiscursus Excel 2003Basiscursus Excel 2002Basiscursus Flash CS5/ActionScriptBasiscursus Flash CS4Basiscursus Flash CS3Basiscursus Flash 8Basiscursus Flash MX 2004Basiscursus FrontPage 2003Basiscursus GamedesignBasiscursus GIMP, Inkscape en ScribusBasiscursus HTML 5Basiscursus HTML 4.01Basiscursus Illustrator CS4Basiscursus Illustrator CS3Basiscursus Illustrator CS2Basiscursus InDesign CS4Basiscursus InDesign CS3Basiscursus InDesign CS2Basiscursus JavaScript 1.5Basiscursus Joomla! 3Basiscursus Joomla! 1.6Basiscursus Joomla! 1.5Basiscursus Mac OSX 10.5 LeopardBasiscursus Office 365Basiscursus Office 2013

Basiscursus Outlook 2013Basiscursus Outlook 2010Basiscursus Outlook 2007Basiscursus Outlook 2003Basiscursus Photoshop CS5Basiscursus Photoshop CS4Basiscursus Photoshop CS3Basiscursus Photoshop 7Basiscursus PHP 6Basiscursus PHP 5.4 en mySQLBasiscursus PHP 5Basiscursus Pinnacle Studio 10Basiscursus Pinnacle Studio 9Basiscursus PowerPoint 2013Basiscursus PowerPoint 2010Basiscursus PowerPoint 2007Basiscursus PowerPoint 2003Basiscursus Project 2013Basiscursus Project 2003Basiscursus SEO & HTML5Basiscursus SQLBasiscursus SuSE Linux 10Basiscursus UbuntuBasiscursus Ubuntu 12.04Basiscursus Ubuntu 10.04Basiscursus Visio 2013Basiscursus Visio 2010Basiscursus Visual Basic 6.0Basiscursus Windows 8.1Basiscursus Windows 8Basiscursus Windows 7Basiscursus Windows VistaBasiscursus Windows XPBasiscursus Word 2013Basiscursus Word 2010Basiscursus Word 2007Basiscursus Word 2003Basiscursus XHTML 1.0Basiscursus XML

Handboek Apps ontwikkelenHandboek Excel 2013Handboek Word 2013Handboek Windows 8.1Handboek Windows 10

Voor meer informatie en bestellingen:www.academicservice.nl

SDU BC wordpress_basis GG.indd 2 12-08-15 12:20

Page 3: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Eric Tiggeler

Basiscursus WordPress 4

SDU BC wordpress_basis GG.indd 3 12-08-15 12:20

Page 4: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Meer informatie over deze en andere uitgaven vindt u op www.academicservice.nl.

Omslag en en zetwerk: LandGraphics, Amsterdam

ISBN: 978 94 6245 162 9NUR: 991

© 2015 Eric TiggelerAcademic Service is een imprint van Boom uitgevers Amsterdam.

Alle rechten voorbehouden. Alle intellectuele eigendomsrechten, zoals auteurs- en databank-rechten, ten aanzien van deze uitgave worden uitdrukkelijk voorbehouden. Deze rechten berus-ten bij Boom uitgevers Amsterdam en de auteur.

Behoudens de in of krachtens de Auteurswet gestelde uitzonderingen, mag niets uit deze uit-gave worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand of openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitge-ver.

Voor zover het maken van reprografische verveelvoudigingen uit deze uitgave is toegestaan op grond van artikel 16 h Auteurswet, dient men de daarvoor wettelijk verschuldigde vergoedingen te voldoen aan de Stichting Reprorecht (Postbus 3051, 2130 KB Hoofddorp, www.reprorecht.nl). Voor het overnemen van gedeelte(n) uit deze uitgave in bloemlezingen, readers en andere compilatiewerken (artikel 16 Auteurswet) dient men zich te wenden tot de Stichting PRO (Stichting Publicatie- en Reproductierechten Organisatie, Postbus 3060, 2130 KB Hoofddorp, www.cedar.nl). Voor het overnemen van een gedeelte van deze uitgave ten behoeve van com-merciële doeleinden dient men zich te wenden tot de uitgever.

Hoewel aan de totstandkoming van deze uitgave de uiterste zorg is besteed, kan voor de afwe-zigheid van eventuele (druk)fouten en onvolledigheden niet worden ingestaan en aanvaarden de auteur(s), redacteur(en) en uitgever deswege geen aansprakelijkheid voor de gevolgen van even-tueel voorkomende fouten en onvolledigheden.

All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, electronic, mechanical, photocopying, recording or otherwise, without the publisher’s prior consent.

While every effort has been made to ensure the reliability of the information presented in this publication, Boom uitgevers Amsterdam neither guarantees the accuracy of the data contained herein nor accepts responsibility for errors or omissions or their consequences.

SDU BC wordpress_basis GG.indd 4 12-08-15 12:20

Page 5: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Inhoud

Inleiding 1

Hoofdstuk 1 WordPress installeren 5 1.1 In dit hoofdstuk 5 1.2 Wordpress.com en wordpress.org: twee varianten 5 1.3 Wat heb je nodig om WordPress te installeren? 6 1.4 WordPress installeren bij een webhost 9 1.4.1 Stap 1: een database maken 9 1.4.2 Stap 2: WordPress downloaden 11 1.4.3 Stap 3: de WordPress-bestanden kopiëren naar de webserver 11 1.4.4 Stap 4: de installatieprocedure doorlopen 12 1.5 WordPress installeren op je eigen computer 17 1.5.1 Stap 1: webserversoftware installeren 17 1.5.2 Stap 2: een database maken 19 1.5.3 Stap 3: WordPress downloaden 20 1.5.4 Stap 4: de installatieprocedure uitvoeren 21 1.6 Het resultaat: een werkende website 22

Hoofdstuk 2 WordPress leren kennen 25 2.1 In dit hoofdstuk 25 2.2 Introductie: hoe werk je met een cms? 25 2.3 De beheeromgeving van WordPress 26 2.4 WordPress configureren 31 2.4.1 De instellingen van de site aanpassen 31 2.4.2 Welke site-instellingen zijn er

beschikbaar in WordPress? 33 2.5 De eerste content toevoegen aan de site 36 2.6 Een menu toevoegen 38 2.7 Een ander thema activeren 40

SDU BC wordpress_basis GG.indd 5 12-08-15 12:20

Page 6: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

vi Basiscursus WordPress 4

Hoofdstuk 3 De site indelen met categorieën en tags 43 3.1 In dit hoofdstuk 43 3.2 Werken met categorieën 43 3.2.1 Categorieën maken 45 3.2.2 Meerdere berichten tegelijk aan een

categorie toewijzen 49 3.2.3 Categorieën verwijderen 49 3.2.4 Hoe kan de bezoeker door

categorieën bladeren? 50 3.3 Tags gebruiken om content beter vindbaar te maken 52 3.3.1 Twee manieren om tags toe te voegen 53 3.3.2 Tags verwijderen 55 3.3.3 Hoe kan de bezoeker door getagde

berichten bladeren? 55

Hoofdstuk 4 Content maken: berichten en pagina’s 59 4.1 In dit hoofdstuk 59 4.2 Wat is het verschil tussen berichten en pagina’s? 60 4.3 Een bericht maken 61 4.3.1 Teasers maken met de lees-meer-tag 62 4.3.2 Berichten schrijven en lay-outen 63 4.4 Hyperlinks invoegen 66 4.5 Afbeeldingen toevoegen, bewerken en beheren 68 4.5.1 De afbeelding bewerken 71 4.5.2 Waar staan de mediabestanden? 73 4.5.3 Wat is de Uitgelichte afbeelding? 74 4.6 Een afbeeldingengalerij (gallery) toevoegen 75 4.7 Video en audio invoegen 77 4.8 Berichten beheren 79 4.8.1 De optie Snel bewerken gebruiken 80 4.8.2 Een bericht aan een categorie toewijzen 81 4.8.3 Een bericht later publiceren 81 4.8.4 Berichten filteren in de berichtenlijst 82 4.8.5 Berichtformats (het blokje Notatie) 83 4.9 Hoe maak je berichten zichtbaar voor

de sitebezoeker? 84 4.10 Pagina’s maken 85 4.11 Revisies: back-ups van berichten en pagina’s 87 4.12 Contenttypen op maat: custom post types 88

SDU BC wordpress_basis GG.indd 6 12-08-15 12:20

Page 7: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

vii1 • Hoofdstukaanduiding

Hoofdstuk 5 Werken met menu’s 91 5.1 In dit hoofdstuk 91 5.2 Automatische menu’s in WordPress 91 5.3 Een handmatig menu (Aangepast menu) maken 92 5.4 Menulinks maken 94

Hoofdstuk 6 De homepage aanpassen 99 6.1 In dit hoofdstuk 99 6.2 Bepalen wat er op de homepage komt 99 6.3 Berichten uit specifieke categorieën laten

zien op de homepage 101 6.4 Berichten ‘sticky’ maken 102 6.5 Rondom de homepage: widgets 104

Hoofdstuk 7 Werken met reacties 105 7.1 In dit hoofdstuk 105 7.2 De reactiemogelijkheid aan- of uitzetten 105 7.3 Reacties van bezoekers beheren 107 7.4 De reactie-instellingen wijzigen 109

Hoofdstuk 8 De mogelijkheden uitbreiden met widgets en plugins 111 8.1 In dit hoofdstuk 111 8.2 Wat zijn widgets? 111 8.3 Welke widgets zijn standaard beschikbaar? 112 8.4 Widgets toevoegen, verplaatsen en verwijderen 114 8.5 Werken met de meegeleverde widgets:

de widget Tekst 116 8.6 Widgets bewerken in de Customizer 118 8.7 De instellingen van widgets aanpassen 118 8.8 Plugins downloaden en installeren 119 8.9 Tien onmisbare plugins 124 8.10 Meer plugins vinden 132

Hoofdstuk 9 Gebruikersbeheer: gebruikers laten inloggen 135 9.1 In dit hoofdstuk 135 9.2 Gebruikersaccounts aanmaken 135 9.3 Inloggen als nieuwe gebruiker 137 9.4 Een inlogformulier toevoegen 138

SDU BC wordpress_basis GG.indd 7 12-08-15 12:20

Page 8: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

viii Basiscursus WordPress 4

Hoofdstuk 10 Thema’s: de vormgeving van de site aanpassen 141 10.1 In dit hoofdstuk 141 10.2 Wat is een thema? 141 10.3 Het standaardthema aanpassen 143 10.4 Een nieuw thema installeren 146 10.5 Waar vind je thema’s? 155

Hoofdstuk 11 En nu verder! 157 11.1 Handige websites 158

Checklist: je site beveiligen 159 1 Kies een goede webhost 159 2 Update regelmatig 160 3 Kies een goede gebruikersnaam 160 3 Gebruik een sterk wachtwoord 160 4 Bescherm mappen en bestanden 161 5 Maak registratie onmogelijk 162 6 Maak back-ups 162

Checklist: je site optimaliseren voor zoekmachines 163 1 Gebruik informatieve titels 163 2 Bouw het artikel goed op 164 3 Gebruik zoektermen in de tekst 164 4 Voeg tekst toe aan afbeeldingen 164 5 Voeg metadata toe 164 6 Gebruik de goede permalinks 165 7 Gebruik tags 165 8 Gebruik een SEO-plugin 165 Wat kun je nog meer doen? 165

Register 166

SDU BC wordpress_basis GG.indd 8 12-08-15 12:20

Page 9: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

Wat is een contentmanagementsysteem?WordPress is een contentmanagementsysteem (cms). Dat is software die je in-stalleert op een webserver en die je online, via je browser gebruikt. Na installatie heb je een ‘lege’ website in een basisvormgeving. Vanaf die basis voeg je alles toe wat je nodig hebt. Je past de vormgeving aan, je maakt pagina’s, je maakt menu-links enzovoort. Verder kun je extra’s toevoegen, bijvoorbeeld een gallery om foto’s te laten zien of een bezoekersforum. Werken aan je website doe je in een webbrowser. Je logt in op je site, je komt terecht in de beheeromgeving, daar pas je de site aan en breid je deze uit. Het voordeel van een cms zoals WordPress is dat je geen programmeerkennis nodig hebt of kennis van codetalen zoals HTML, CSS of PHP.WordPress is gratis beschikbare opensource software. Het cms wordt ontwikkeld en ondersteund door een wereldwijde groep (‘community’) van vrijwilligers.

Wat zijn redenen om voor WordPress te kiezen?WordPress is een van de meest gebruikte contentmanagementsystemen ter we-reld. Maar het is niet het enige gratis beschikbare systeem om websites te maken. Heel bekend zijn bijvoorbeeld ook Joomla en Drupal. Wat zijn de eigenschap-pen waarom mensen voor WordPress kiezen?

• Gebruiksgemak. WordPress is erg gebruiksvriendelijk voor beginners. Vooral de basishandelingen (WordPress installeren, berichten plaatsen, af-beeldingen toevoegen) zijn simpel en laagdrempelig . Dat is belangrijk, want

Inleiding

WordPress is al enkele jaren een van de populairste systemen om websites mee te bouwen en te onderhouden. Van oorsprong is WordPress vooral geschikt voor weblogs, maar het wordt steeds meer een allround-cms, waarmee je allerlei soorten websites bouwt.

SDU BC wordpress_basis GG.indd 1 12-08-15 12:20

Page 10: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

2 Basiscursus WordPress 4

dat zijn de handelingen die de mensen die de site moeten bijhouden het meest verrichten. Een handig extra is de WordPress-app voor iPhone en Android waarmee je vanaf je smartphone berichten toevoegt of aanpast op je site.

• Sterke ondersteuning. WordPress wordt zeer actief doorontwikkeld en de ondersteuning is uitstekend: veel documentatie, veel beschikbare plugins (om WordPress uit te breiden), veel thema’s (om de vormgeving aan te pas-sen) enzovoort.

• Flexibiliteit. Sites gebouwd met WordPress zijn gemakkelijk aan te passen. Je kunt eenvoudig een ander vormgevingsthema installeren, rechtstreeks van-uit WordPress, en je kunt thema’s naar je smaak aanpassen in een simpel be-werkscherm (de ‘customizer’).

• Uitbreidbaarheid. WordPress is in zijn basisvorm vooral geschikt voor web logs (blogs). Dat zijn relatief eenvoudige sites waarbij het vooral draait om de actuele stroom berichten waarop bezoekers kunnen reageren. Maar als je meer wilt dan een weblog, kan dat ook met WordPress. Er zijn duizenden plugins beschikbaar waarmee je het systeem uitbreidt. Of je nu een gallery zoekt om foto’s te presenteren op de site of een complete webwinkel, alle denkbare functionaliteit is beschikbaar.

• Zoekmachinevriendelijkheid. WordPress is zo opgezet dat content goed te vinden is voor zoekmachines. Bovendien zijn er plugins beschikbaar waar-mee je de vindbaarheid nog verder vergroot.

• Geschikt voor het mobiele web. De standaardthema’s van zowel de voor- als achterkant (de beheeromgeving) zijn responsive. Dat betekent dat ze zo gecodeerd zijn dat je ze optimaal kunt gebruiken op elk scherm, van pc tot smartphone.

Voor- en nadelenIs WordPress het ideale systeem voor alle websites? Nee, want hét ideale systeem bestaat niet. Toch is het voor veel situaties een uitstekende keuze. Bijvoorbeeld als je het belangrijk vindt dat de eindgebruiker (degene die de site gaat bijhouden) snel en eenvoudig zijn taken kan uitvoeren. Want WordPress is vooral gebruiks-vriendelijk als het gaat om content plaatsen, berichten updaten en afbeeldingen toevoegen. Dat zijn de dingen die de eindgebruiker (contentbeheerder) doet als de site eenmaal draait. Je kunt als siteontwikkelaar WordPress bovendien zo inrich-ten, dat ook andere klussen (denk aan het bijhouden van een gastenboek) gemak-kelijk uit te voeren zijn. Dat is een voorsprong van WordPress op andere systemen, waarin de gebruiker vaak even zijn weg moet vinden om te leren waar en hoe hij dat soort functies moet uitvoeren.

SDU BC wordpress_basis GG.indd 2 12-08-15 12:20

Page 11: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

3Inleiding

Maar voor degene die de site ontwikkelt heeft WordPress ook wel beperkingen. Als je meer nodig hebt dan de standaardmogelijkheden, moet je plugins instal-leren. Bij andere cms’en is de kans groter dat de gewenste extra functionaliteit al zit ingebouwd, maar bij WordPress moet je het systeem dan uitbreiden met plug ins, of door zelf te coderen. Gelukkig zijn er ongelooflijk veel goede en krachtige plugins beschikbaar. In deze Basiscursus komen dan ook veel voor-beelden (zo’n twintig) van plugins ter sprake. Die moet je echt even uitproberen om te merken hoe je WordPress helemaal naar jouw hand kunt zetten. Al met al maakt die combinatie van een simpel basisssysteem en een grote hoeveelheid plugins WordPress dus toch een heel aantrekkelijke optie, ook als je meer wilt dan een eenvoudige blog of miniwebsite.

Wat is er nieuw in WordPress 4?WordPress wordt voortdurend doorontwikkeld. Op het moment van schrijven zitten we bij versie 4.2. Sinds WordPress 3 is er veel gewijzigd; sinds versie 4 worden de mogelijkheden vooral verder verfijnd. Zo kun je simpeler video’s in je bericht opnemen, gewoon door de URL (bijvoorbeeld van YouTube) erin te plakken. En je kunt tekst bewerken in de afleidingsvrije modus. Daarbij hoef je niet in een klein schermpje te tikken, maar in een groot venster zonder aflei-dende andere knoppen en teksten. Een ander voorbeeld: je kunt afbeeldingen sneller invoegen en uitlijnen. Veel gebruikers vinden het lastig om een afbeelding precies goed in de tekst te plaatsen, bijvoorbeeld naast de tekst en niet tegen de tekst aan. WordPress maakt het eenvoudig om afbeeldingen in één keer goed te positioneren.

Voor wie is dit boek?De Basiscursus WordPress is bedoeld voor mensen die een website willen maken met WordPress en nog geen ervaring hebben met dit contentmanagementsys-teem. Als je al eens kennisgemaakt hebt met eerdere versies van WordPress, ben je met deze basiscursus weer helemaal bij.

Je leert vanaf de installatie stap voor stap hoe je een website bouwt en je krijgt adviezen hoe je net iets meer uit WordPress haalt. Zo leer je ook hoe je Word-Press aanpast als je géén typische blogsite wilt, maar een site voor een bedrijf of vereniging, al dan niet met blogpagina’s.

Inhoud van deze BasiscursusIn deze Basiscursus maak je kennis met alle belangrijke functies en de belang-rijkste vernieuwingen van WordPress 4. Eerst installeer je de software en ontdek je wat de basisfuncties zijn. Daarna leer je hoe je een site maakt. Eerst maak je een indeling voor de site, dan maak je verschillende soorten pagina’s, voegt menu’s toe, je installeert extra’s (speciale functies) en je stelt de site open voor andere gebruikers. Ten slotte pas je de lay-out van je site aan naar je eigen smaak.

SDU BC wordpress_basis GG.indd 3 12-08-15 12:20

Page 12: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

4 Basiscursus WordPress 4

Aanwijzingen voor het gebruik van dit boekDeze basiscursus is bedoeld om naast de computer te gebruiken. Zo kun meteen in de praktijk brengen wat je leert. Maar je hoeft niet stap voor stap het hele boek te volgen. Overslaan of terugbladeren mag natuurlijk. Ik gebruik door het boek heen vaak dezelfde voorbeeldsite (van een vereniging), zodat je ziet hoe je dezelfde site stap voor stap uitbreidt. Maar je kunt de voorbeelden en oefeningen ook prima toepassen op je eigen site. Elk hoofdstuk bevat oefeningen waarmee je alle hande-lingen onder de knie krijgt die je als webdesigner nodig hebt.Toetsen die je op het toetsenbord indrukt, worden in een vet lettertype weerge-geven. Bijvoorbeeld: druk op de Enter-toets. Ook stukjes tekst die je moet inty-pen, worden vet weergegeven.De namen van schermonderdelen, opties, dialoogvensters en knoppen worden weergegeven in dit lettertype.

Tips en waarschuwingen herken je aan deze vormgeving.

WebsiteJe kunt de oefeningen in deze basiscursus prima doen zonder extra bestanden. Kijk voor updates en aanvullingen op www.wordpress.erictiggeler.nl. Heb je vragen, ga ook dan naar www.wordpress.erictiggeler.nl. Op die website vind je een contactformulier. Aarzel niet om vragen te stellen of suggesties te doen.

SDU BC wordpress_basis GG.indd 4 12-08-15 12:20

Page 13: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

1.1 In dit hoofdstuk

• Wordpress.com en wordpress.org: twee varianten • Wat heb je nodig om WordPress te installeren?• WordPress installeren bij een webhost• WordPress installeren op je eigen computer• Het resultaat: een werkende voorbeeldsite

1.2 Wordpress.com en wordpress.org: twee varianten

De meest laagdrempelige manier om met WordPress te werken is een website op wordpress.com. Nadat je er een account hebt aangemaakt, kun je meteen je eigen site beginnen te vullen. Daarbij krijgt je een webadres zoals mijnwebsite.wordpress.com. Dat betekent dat je geen software hoeft te downloaden, geen domeinnaam hoeft te registreren, niet hoeft te betalen voor het hosten of beheren van een webserver. Je kunt direct beginnen met het maken en vullen van je website. Dat lijkt ideaal, maar er zitten helaas flink wat beperkingen aan. Deze kant-en-klare oplossing is vooral geschikt als je een relatief eenvoudige site wilt maken. Bijvoorbeeld als je binnen een paar minuten een blog online wilt hebben waar je niet te veel eisen aan stelt. Maar je loopt al snel tegen beperkingen aan als je meer controle wilt over de site: zelf bepalen welke domeinnaam je kiest, zelf de vorm-

1 WordPress installeren

Om een website met WordPress te kunnen opzetten, heb je verschillende mogelijkheden. Je kunt via wordpress.com een account nemen en direct beginnen met een website, zonder die zelf te installeren. Maar de meest gebruikelijke manier is om WordPress te downloaden en te installeren op een webserver. WordPress belooft dat je het systeem dan in vijf minuten online hebt. In dit hoofdstuk leer je hoe dat werkt.

SDU BC wordpress_basis GG.indd 5 12-08-15 12:20

Page 14: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

6 Basiscursus WordPress 4

geving veranderen en extra’s (plugins) toevoegen. Dan kun je beter zélf het cms downloaden van wordpress.org. Daar is het gratis beschikbaar. Het enige wat je dan moet doen, is zelf de installatie en hosting regelen.

De tweede methode houdt dus in dat je software downloadt van wordpress.org en de site daarna helemaal naar wens aanpast, zonder beperkingen wat betreft domeinnaam, functionaliteiten en vormgeving. In dit boek gaan we uit van die tweede mogelijkheid.

Je leest meer over de verschillen op de Engelstalige helpsite: http://en.support.wordpress.com/com-vs-org.

1.3 Wat heb je nodig om WordPress te installeren?

In dit boek gebruik je de normale, complete WordPressversie om zelf een site te bouwen op een eigen domein. Wat heb je nodig voordat je WordPress kunt in-stalleren?

Mogelijkheid 1: je site hosten op wordpress.com

• Een dienst van het bedrijf achter WordPress (Automattic).

• In principe gratis, maar voor be-paalde extra opties moet je beta-len.

• Sites krijgen een URL als mijn-website.wordpress.com

• Je kunt de functionaliteit niet uitbreiden met plugins naar keuze.

• Vooral geschikt voor simpele websites, zoals eenvoudige blogs.

Mogelijkheid 2: je site laten hosten bij een webhost naar keuze

• Software die je downloadt van wordpress.org

• Gratis te downloaden; je betaalt voor de hosting aan de webhost van je keuze (zie hierna).

• Je installeert WordPress onder een domeinnaam die je zelf kiest.

• Je hebt de beschikking over alle functionaliteiten en uitbreidingen.

• Geschikt voor elk type website, van blog tot en met verenigingssite of bedrijfssite.

SDU BC wordpress_basis GG.indd 6 12-08-15 12:20

Page 15: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

71 • WordPress installeren

1. Een domeinnaam, zoals www.website.nl of www.website.be Allereerst moet je een domeinnaam regelen. Dat wordt het webadres waar jouw site te bereiken is. Je registreert zo’n domeinnaam bij een webhosting-bedrijf of een domeinregistratiebedrijf. Op de site van de webhost kun je controleren welk webdomein nog vrij is. Voor alle duidelijkheid: aan een domeinnaam alleen heb je niets. Zodra je een domeinnaam geregistreerd hebt, betekent dat alleen dat je die kúnt gebruiken. Om dat ook daadwerke-lijk te doen, heb je ook een hostingaccount nodig. Zie hiervoor de volgende stap.

2. Een abonnement (hostingaccount) bij een webhostingbedrijf Een hostingaccount nemen betekent dat je een stukje ruimte op een compu-ter huurt die permanent in verbinding staat met internet. De webhost zorgt ervoor dat wat je op die webruimte zet voor iedereen benaderbaar wordt via jouw domeinnaam. Bovendien zorgt de webhost ervoor dat jij als beheerder (met je eigen inlognaam en wachtwoord) toegang hebt tot die webruimte om er bestanden op te kunnen plaatsen. Op die manier kun je software zoals WordPress op jouw webruimte installeren.

De webhost moet wel aan een paar speciale eisen voldoen. WordPress ge-bruikt de codetaal PHP en slaat gegevens op in een database (een MySQL-database). Bij elke goede webhost kun je tegenwoordig terecht voor een hos-tingaccount die WordPress ondersteunt. Op de volgende pagina zie je aan welke eisen de webhost precies moet voldoen.

3. Een FTP-programma Om WordPress te installeren, moet je de programmabestanden vanaf je

computer kopiëren naar de webserver. Dat heet uploaden. Je hebt daarvoor een FTP-programma nodig. Een FTP-programma is niet veel anders dan de Verkenner in Windows of de Finder op de Mac. Je kopieert er bestanden mee van de ene naar de andere computerlocatie. Het verschil is dat je bij een FTP-programma niet kopieert naar een map op je eigen computer, maar van jouw computer naar een map op een webserver.

Hoe kom je aan FTP-software? Een aanrader is het gratis (open source) programma Filezilla, beschikbaar voor alle gangbare computers (Windows, Apple en Linux). Je kunt het downloaden vanaf http://filezilla-project.org. Als je nog niet bekend bent met FTP, zoek dan op het web naar ‘FTP uitleg’ om meer te leren over hoe je aan een FTP-programma komt en hoe het werkt.

SDU BC wordpress_basis GG.indd 7 12-08-15 12:20

Page 16: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

8 Basiscursus WordPress 4

4. Een teksteditor Om een site met WordPress te maken, hoef je zelf geen code te schrijven. Je

maakt de site en past de inhoud aan via de online beheeromgeving. Maar in sommige gevallen is het wél handig om code te veranderen of toe te voegen. Als je eisen verder gaan dan de standaardopties die WordPress aanbiedt, kun je vaak met een paar regels code je website naar je hand zetten. Om code te schrijven zijn gewone tekstverwerkers (zoals Word) niet geschikt, omdat die allerlei onzichtbare eigen (opmaak)codes in een bestand opslaan. Je hebt een programma nodig waarin je gewone, ‘platte’ tekst kunt bewerken en opslaan. Daarvoor kun je standaardprogramma’s gebruiken, zoals Kladblok in Win-dows, maar er zijn ook prima gratis teksteditors beschikbaar met meer inge-bouwde functies. Voorbeelden zijn Notepad++ voor Windows of TextWrang-ler voor Applecomputers. Het gratis jEdit is beschikbaar voor Windows én Apple.

Aan welke eisen moet je webhost voldoen?Hostingaccounts zijn er in verschillende soorten en maten. Voordat je een abon-nement neemt, is het belangrijk om te controleren of jouw webhost voldoet aan de installatievereisten van de huidige versie van WordPress. De actuele basis-eisen van WordPress vindt je op https://wordpress.org/about/requirements. Op het moment van schrijven zijn de basiseisen:

• PHP 5.2.4 of hoger. Aanbevolen: versie 5.4. PHP is de programmeertaal waarin WordPress geschreven is.

• MySQL 5.0 of hoger. Aanbevolen: versie 5.5. MySQL is het type database waarin WordPress de content van je site opslaat. Bij de hostingaccount heb je minimaal één (lege) database nodig om WordPress te kunnen laten werken. De ene provider voegt zo’n database al meteen toe aan je hostingpakket, bij de ander heb je de vrijheid om een of meer databases zelf aan te maken. In de praktijk zit je met beide mogelijkheden goed.

• Apache 2.x of hoger. Apache is de webserversoftware die ervoor zorgt dat WordPress (de PHP-code en de MySQL-database) kan functioneren. Hoewel WordPress ook op andere serversoftware draait, is Apache de meest gebruikelijke. Een andere technische eis, maar die is helemaal niet ongebrui-kelijk: de Apache-module ‘mod_rewrite’ moet ingeschakeld zijn.

Het is een pluspunt als de webhost ook suPHP ondersteunt. Dat is een tool die de veiligheid van PHP vergroot en dus de kans verkleint dat kwaadwillenden toegang krijgen tot je site(bestanden).

Als je een hostingaccount hebt geregeld, krijg je van je webhost een mail met alle gegevens die je nodig hebt om bestanden toe te voegen op jouw website. Een webhost biedt je bovendien toegang tot een beheeromgeving. Dat is een door de

SDU BC wordpress_basis GG.indd 8 12-08-15 12:20

Page 17: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

91 • WordPress installeren

host geïnstalleerd programma waarin je inlogt en allerlei zaken kunt regelen op jouw stukje webruimte zoals bijvoorbeeld bestanden toevoegen, instellingen wij-zigen of een nieuwe database aanmaken. Veelgebruikte beheertools zijn Plesk, cPanel of DirectAdmin.

Hierna lees je hoe je WordPress zelf installeert. De installatie van WordPress is goed te doen, ook als je nog nooit software op een web-server hebt gezet. Maar het is wel een nauwkeurige procedure en zeker de eerste keer vergt het wel wat tijd. Om je het werk uit handen te nemen, bieden sommige webhosts ook een WP-installatie in één klik aan. Bij je account krijg je dan ook toegang tot een programma (zoals Softaculous, Fantastico of Installatron) dat je de keuze biedt uit webapplicaties die je automatisch kunt installeren, waaronder Word-Press. Dat werkt gemakkelijk en snel. Een bezwaar van deze automati-sche procedure is dat je wat minder handmatige controle hebt over de instellingen. Verder moet je goed in de gaten houden dat je de meest recente versie installeert. Meer over de automatische installatie lees je op de website bij dit boek: wordpress.erictiggeler.nl. In de paragraaf hierna lees je hoe je WordPress zélf installeert. Dat is een methode die bij elke webhost werkt.

1.4 WordPress installeren bij een webhost

Beschik je over alle vereisten uit paragraaf 1.3, zoals een domeinnaam en een account bij een webhostingbedrijf ? Dan is dit het stappenplan waarmee je WordPress installeert. Wil je WordPress installeren op je eigen computer, kijk dan in paragraaf 1.5.

1.4.1 Stap 1: een database maken

WordPress maakt gebruik van een database. Voordat je WP kunt installeren, moet die (lege) database al aangemaakt zijn op de webserver. Een database aan-maken doe je in de beheeromgeving (vaak control panel genoemd) die bij je hosting account hoort. Hieronder gebruiken we de beheeromgeving Plesk als voorbeeld, maar als je bij jouw host een ander programma gebruikt, is de aanpak vergelijkbaar. Kort en goed komt die aanpak hierop neer: je logt in in de be-heeromgeving, maakt eerst een nieuwe database aan en voegt vervolgens een databasegebruiker toe.

SDU BC wordpress_basis GG.indd 9 12-08-15 12:20

Page 18: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

10 Basiscursus WordPress 4

Het kan zijn dat je niet zelf een database hoeft te maken. Sommige webhosts leveren bij het hostingpakket standaard al een lege database met inloggegevens. Als dat zo is, staat dat in je accountinformatie die je van de webhost hebt ontvangen. In dat geval kun je de eerste stap hieronder overslaan. Zoek dan wel de benodigde gegevens op. Dat zijn de naam van de database, de gebruikersnaam en het wachtwoord. Die heb je vanaf stap 2 nodig.

Oefening 1.1: Een database maken in de webbeheeromgeving1. Log in op het webadres van Plesk. Dat adres heb je gekregen van je webhost.

Het kan zoiets zijn als www.plesk.mijndomein.nl. Gebruik voor het inloggen de gegevens die je van de webhost hebt ontvangen.

2. Voeg een nieuwe database toe. Ga op de startpagina van Plesk naar Services en klik op de knop Databases.

3. Klik in het volgende scherm op Add Nieuw Database (Nieuwe data-base).

Figuur 1.1 Een database toevoegen in Plesk.

1. Kies een naam voor de nieuwe database, bijvoorbeeld wp. Welke naam je kiest, maakt niet uit. De naam wordt alleen door het systeem gebruikt en verschijnt nergens op de site. Klik op OK. Je ziet de bevestiging Information: Database wp has been created.

2. Maak een nieuwe gebruiker aan voor de database: klik op de knop Add New Database User (Nieuwe Database Gebruiker). Voer een inlognaam in (die je zelf bedenkt) en een password (dat je ook zelf bedenkt) voor de nieuwe gebruiker.

De database is klaar. Noteer de databasegegevens die je straks nodig hebt bij de installatie van WordPress. Dat zijn de naam van de database, de inlognaam en het password van de databasegebruiker.

SDU BC wordpress_basis GG.indd 10 12-08-15 12:20

Page 19: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

111 • WordPress installeren

1.4.2 Stap 2: WordPress downloaden

In deze stap download je de software die je straks gaat installeren.

Oefening 1.2: WordPress downloaden1. Ga naar nl.wordpress.org om de Nederlandstalige versie van WordPress te

downloaden.

De programmabestanden zijn samengepakt in één zipbestand. Het zipbe-stand is één bestand waarin de duizenden bestanden zitten die samen de WordPress-software vormen. Download dit zipbestand (op het moment van schrijven is dat versie 4.2) en sla dit zipbestand op in een map op je computer.

2. Pak de bestanden in het zipbestand uit. In Windows doe je dat door te dub-belklikken op het bestand. Windows vraagt dan waar het de uitgepakte be-standen moet opslaan. Sla de uitgepakte bestanden bijvoorbeeld op in een tijdelijke map wordpress op je Bureaublad.

1.4.3 Stap 3: de WordPress-bestanden kopiëren naar de webserver

Nu kun je alle bestanden uploaden naar de webserver. Je hebt daarvoor een FTP-programma nodig (zie paragraaf 1.2 hierboven).

Oefening 1.3: Bestanden kopiëren naar de server1. Open je FTP-programma en maak een verbinding met de FTP-server.

Dat is de webserver waar je op inlogt en vervolgens bestanden naartoe kunt kopiëren. Gebruik daarvoor de gegevens die je hebt ontvangen van je web-host: het adres van de FTP-webserver (bijvoorbeeld http://ftp.mijnwebsite.nl), een inlognaam een wachtwoord.

Upload alle uitgepakte programmabestanden. Dat doe je als volgt:

a. Selecteer in het FTP-programma alle bestanden van WordPress. Als je het voorbeeld hierboven hebt gevolgd, staan die bestanden in een map wp. Selecteer niet de map, maar selecteer in die map alle bestanden zélf.

b. Upload de bestanden naar de rootmap van de webserver. Dat is de ‘basis-map’ van de webserver, de plek waar jouw websitebestanden komen te staan. De rootmap heeft vaak een naam als htdocs, httpdocs of www. Als je die map niet kunt vinden, kan je webhost je daarover informeren.

SDU BC wordpress_basis GG.indd 11 12-08-15 12:20

Page 20: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

12 Basiscursus WordPress 4

Figuur 1.2 Bestanden kopiëren met een FTP-programma.

Bestanden via FTP naar het web uploaden is niet ingewikkelder dan wat je hierboven ziet. Aan de linkerkant selecteer je de map waarin de WordPress- bestanden op je computer staan, rechts navigeer je naar de basisfolder (‘rootmap’) op de webserver (hier heet die map public_html). Klik op de pijl naar rechts om de bestanden over te zetten van links naar rechts. Je ziet in het rechtervenster alle geüploade bestanden verschijnen. Dit neemt wel wat tijd. Voordat alle bestanden zijn overgezet, kan er zo’n vijf tot tien minuten overheen gaan.

1.4.4 Stap 4: de installatieprocedure doorlopen

Nu de bestanden op hun plaats staan, kun je de installatieprocedure starten.

Oefening 1.4: WordPress installeren1. Ga in je browser naar het webadres waar je de bestanden naartoe gekopieerd

hebt. In principe is dat gewoon je domeinnaam, zoals http://www.voorbeeld.nl. WordPress opent het startscherm (fig. 1.3).

SDU BC wordpress_basis GG.indd 12 12-08-15 12:20

Page 21: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

131 • WordPress installeren

Figuur 1.3 Het startscherm van de WordPress-installatie.

2. Klik op Laten we starten!. In het volgende scherm vul je de gegevens in die WordPress nodig heeft om verbinding te maken met de MySQL-database.

Figuur 1.4 Het installatiescherm Hoofdconfiguratie.

SDU BC wordpress_basis GG.indd 13 12-08-15 12:20

Page 22: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

14 Basiscursus WordPress 4

Hier vul je de benodigde informatie in:• Databasenaam: de naam van de site die je zelf hebt aangemaakt bij stap 1.• Gebruikersnaam en Wachtwoord van de database.• Database-host is meestal localhost. Soms maakt je webhost hier andere

keuzes, dan kun je bij de webhost de naam van de databasehost opvragen.• De Tabelprefix kun je onveranderd laten.

3. Klik op Verzenden. Als het goed gaat, krijg je de melding dat je door het eerste deel van de installatie bent. Klik op De installatie starten om verder te gaan. Je komt in het scherm Welkom.

Figuur 1.5 Het scherm Welkom,waar je de websitegegevens invult.

4. Vul de gevraagde gegevens in:

• de Websitetitel, in dit voorbeeld Fotoclub;• de Gebruikersnaam voor de beheeromgeving van de site. Die kies je hier.

In dit voorbeeld heb ik gemakshalve gekozen voor admin. Maar ik raad je aan een specifiekere, dus minder makkelijk te raden naam te kiezen. Dat is veili-ger. Bovendien kun je je gebruikersnaam later niet meer veranderen;

• het wachtwoord. Ook dat bedenk je hier. Het is dus iets anders dan het wachtwoord voor de database;

• het e-mailadres waarop je als beheerder automatische mails ontvangt.

SDU BC wordpress_basis GG.indd 14 12-08-15 12:20

Page 23: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

151 • WordPress installeren

Tot slot vink je aan dat je je site niet wilt verbergen voor zoekmachines (‘Zoek-machines toestaan deze site te indexeren.’).

5. Klik nu op WordPress installeren. Je krijgt een melding zodra de instal-latie afgerond is.

Figuur 1.6 De installatie is klaar.

6. Klik op inloggen om naar het webadres te gaan waar je WordPress hebt geïnstalleerd. Je komt nu bij het inlogscherm:

Figuur 1.7 Het inlogscherm.

Wat als het niet lukt om automatisch de database-informatie in een bestand op te slaan? In sommige gevallen kun je de melding krijgen dat WordPress niet in staat was om het bestand wp-config.php op te slaan. Dan moet je handmatig het bestand maken dat WordPress nodig heeft. Navigeer met je FTP-programma naar de map op de webserver waarin je alle gedownloade WordPress-bestanden hebt geplaatst. Daar vind je een bestand wp-config-sample.php.

Hernoem dat naar wp-config.php.

SDU BC wordpress_basis GG.indd 15 12-08-15 12:20

Page 24: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

16 Basiscursus WordPress 4

Download dat bestand nu naar je computer en open het bestand wp-config.php met een teksteditor, zoals WordPad of Kladblok. Dat doe je als volgt. Rechtsklik op de bestandsnaam en kies voor Openen met ... > WordPad of Kladblok.

Regel code Wat vervangen? Wat invullen?

De naam van de database, bijvoorbeeld wordpress

De gebruikersnaam (log-innaam) voor de database, bijvoorbeeld admin

Het wachtwoord voor de database

De URL van de data baseserver (bijvoorbeeld www.voorbeeld.nl)

define('DB_NAME', 'database_name_here');

define('DB_USER', 'username_here');

define('DB_PASS-WORD', 'password_here');

define('DB_HOST', 'localhost');

database_name_here

username_here

password_here

localhost

Figuur 1.8 Het tekstbestand wp-config.php aanpassen in WordPad.

Scrol in dit tekstbestand (figuur 1.8) door naar het deel dat begint met MySQL settings. Daar moet je de tekst vervangen zoals beschreven in onderstaande tabel.

SDU BC wordpress_basis GG.indd 16 12-08-15 12:20

Page 25: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

171 • WordPress installeren

Upload het aangepaste bestand weer naar de webserver. De voorbereiding is klaar. Nu kun je WordPress installeren.

1.5 WordPress installeren op je eigen computer

WordPress is een webapplicatie. Je installeert de software dus op een webserver, waarna die online te gebruiken is via je webbrowser. Maar je kunt WordPress ook op je eigen pc installeren. Dat kan handig zijn om de software uit te proberen of om een site te ontwikkelen zonder dat die online te vinden is. Ook als je nog geen webhost hebt, is dit een prima oplossing. Het nadeel is wel dat je tijdens de ontwikkeling de site niet online kan laten zien aan bijvoorbeeld een opdracht-gever of vormgever. Ook moet je later alsnog je site back-uppen en op het web zetten.

Hierna lees je hoe je WordPress op je eigen computer installeert. De installatie van WordPress zelf is gelijk aan de procedure die je hiervoor las. Wat anders is, is de voorbereiding. Je moet eerst software op je computer installeren die nor-maal op een webserver staat, zoals Apache. In feite doe je alsof je eigen computer een webserver is. Op die manier kun je op jouw computer de webapplicatie WordPress laten draaien alsof die online staat.

1.5.1 Stap 1: webserversoftware installeren

Je hebt eerst webserversoftware nodig. Die is gratis beschikbaar om te down-loaden en installeren op je computer. In dit geval gebruiken we WampServer (voor Windows), maar er zijn ook andere pakketten beschikbaar, zoals XAMPP. Al dit soort pakketten werken op een vergelijkbare manier: je installeert daarmee in één klap alle benodigde webserversoftware om applicaties zoals WordPress op je eigen pc te laten draaien.

Oefening 1.5 WampServer installeren1. Ga naar www.wampserver.com. Klik op Download en klik op Download

Wampserver. In het popupscherm klik je op Download directly (dat is de snelste methode).

2. Sla het gedownloade bestand op, bijvoorbeeld op het bureaublad van je com-puter.

3. Dubbelklik op het gedownloade bestand (dat heet WampServer[…].exe). Je ziet het startscherm van de installatie:

SDU BC wordpress_basis GG.indd 17 12-08-15 12:20

Page 26: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

18 Basiscursus WordPress 4

Figuur 1.9 Klik op ‘Next’ om WampServer te installeren.

4. Klik op Next, op I accept the agreement en klik weer op Next. Accep-teer de standaardkeuzes om de installatie te starten.

5. Mogelijk krijg je nog een melding dat je een uitzondering moet toestaan op de firewall van je computer. Sta toe dat WampServer toegang tot je computer krijgt.

6. In het laatste keuzescherm kun je de al ingevulde standaardkeuzes laten staan. Klik op Next en vervolgens op Finish.

WampServer wordt gestart. Je vindt nu een icoontje (een letter W) van Wamp-Server in de taakbalk van Windows. Als je op dat icoontje klikt, wordt een menu zichtbaar:

Figuur 1.10 Het menu van WampServer.

Je computer gedraagt zich nu alsof hij een webserver is. Bij het opnieuw opstar-ten van je computer moet je even checken of de serversoftware ook opnieuw

SDU BC wordpress_basis GG.indd 18 12-08-15 12:20

Page 27: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

191 • WordPress installeren

opgestart is. Zo niet, klik dan in het taakbalk-menu van WampServer op Start All Services.

1.5.2 Stap 2: een database maken

Maak nu een lege database aan die straks door WordPress kan worden gebruikt.

Oefening 1.6 Database maken met phpMyAdmin• Klik in het menu van WampServer op phpMyAdmin. Dat programma is

meegeïnstalleerd toen je WampServer installeerde. Je gebruikt phpMyAdmin om een database te maken (en te beheren). Klik eerst op de knop Data-bases:

Figuur 1.11 Via de knop Databases maak je een nieuwe database.

• Maak een database aan. Vul in het veld Create new database een naam in voor de database, bijvoorbeeld wp. Klik op Create:

Figuur 1.12 Een database maken.

• Je ziet nu dat de database wp wordt vermeld in de linkerkolom van het PHP-myAdmin-scherm. De database is nu klaar voor gebruik.

SDU BC wordpress_basis GG.indd 19 12-08-15 12:20

Page 28: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

20 Basiscursus WordPress 4

Figuur 1.13 De database ‘wp’ is klaar.

Een database heeft een gebruiker nodig; er moet iemand worden aan-gewezen die de database beheert. Maar dat hoef je nu niet te doen. Standaard wordt in phpMyAdmin namelijk al een beheerder-gebruiker aangemaakt. Je hoeft dus zelf geen gebruikergegevens toe te voegen. Als je wél gebruikergegevens wil toevoegen of veranderen, dan kan dat in phpMyAdmin via Users > Add User.

1.5.3 Stap 3: WordPress downloaden

De voorlaatste voorbereidende stap: de software downloaden waar het allemaal om draait. Vanaf hier zijn de stappen vrijwel gelijk aan die bij de online instal-latie van WordPress (zie paragraaf 1.4).

Oefening 1.7 WordPress downloaden 1. Ga naar nl.wordpress.org om de Nederlandstalige versie van WordPress te

downloaden.

Download dit zipbestand en het op in een map op je computer.

2. Pak de bestanden in het zipbestand uit. In Windows doe je dat door te dub-belklikken op het bestand. Windows vraagt dan waar het de uitgepakte be-standen moet opslaan. Sla de uitgepakte bestanden nu op in een submap van c:/wamp/www, bijvoorbeeld c:/wamp/www/wordpress.

SDU BC wordpress_basis GG.indd 20 12-08-15 12:20

Page 29: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

211 • WordPress installeren

1.5.4 Stap 4: de installatieprocedure uitvoeren

In de vorige drie stappen is de basis gelegd. Je pc doet nu alsof hij een webserver is. Daarop heb je een database aangemaakt en vervolgens heb je de installatie-bestanden klaargezet in de map wordpress. Nu kun je tot slot de WordPress- installatieprocedure starten.

Oefening 1.8 WordPress installerenDe installatieprocedure is op wat details na gelijk aan de online installatie (zie 1.4.4).

1. Open je browser en ga naar http://localhost/wordpress. Wat is localhost? Dat is je ‘lokale webhost’, met andere woorden, de locatie waar webserversoftware draait op je eigen computer. Nu opent automatisch het eerste scherm van de WordPress-installatieroutine. Klik op Laten we starten!.

2. In het volgende scherm vul je de gegevens in die WordPress nodig heeft om verbinding te maken met de MySQL-database. Vul de naam in van de data-base die je net gemaakt hebt in phpMySQL (in dit voorbeeld wp). De Ge-bruikersnaam is root en het veld Wachtwoord kun je leeg laten (let op dat je de standaardtekst die daar staat, wachtwoord, verwijdert!).Bij een standaard-installatie met WampServer moet je als Database-host invullen: localhost.

Figuur 1.14 Het eerste scherm bij de installatie.

3. Klik op Verzenden en klik op De installatie starten om verder te gaan. Nu vul je de informatie in over je website, zoals websitetitel en gebruikers-naam (kijk voor details in de paragraaf over online installatie: zie 1.4.4). Klik nu op WordPress installeren. Je krijgt een melding zodra de installatie afgerond is. Via de knop Inloggen kom je op het adres waar je WordPress hebt geïnstalleerd.

SDU BC wordpress_basis GG.indd 21 12-08-15 12:20

Page 30: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

22 Basiscursus WordPress 4

1.6 Het resultaat: een werkende website

In de vorige stappen heb je de installatie afgerond. WordPress is nu klaar voor gebruik. Na de installatie kun je inloggen op het adres www.voorbeeld.nl/wp-admin. Heb je WordPress lokaal geïnstalleerd? Dan ga je naar http://localhost/wordpress/wp-admin. Gebruik je inlognaam en wachtwoord die je eerder hebt aangemaakt toen je het configuratiebestand maakte. Je ziet nu de beheeromgeving van WordPress (fig. 1.15).

Figuur 1.15 WordPress laat na de installatie een (tijdelijk) welkomstscherm zien.

Dit is het beginscherm van de beheeromgeving. Als je de site zelf wil zien, klik je links bovenaan op de naam van de site of op de link Site bekijken daaronder. Die leidt naar dezelfde bestemming.

Figuur 1.16 Overschakelen naar de website.

SDU BC wordpress_basis GG.indd 22 12-08-15 12:20

Page 31: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

231 • WordPress installeren

Je ziet nu de vrijwel lege website in de standaardlay-out van WordPress (fig. 1.17).

Figuur 1.17 De bijna lege voorbeeldwebsite van WordPress.

De zwarte menubalk bovenaan blijft zichtbaar zolang jij als beheerder ingelogd bent. Via die menubalk kun je direct weer omschakelen naar het Dashboard. Dat doe je door te klikken op de naam van de site of op de link Dashboard eronder:

Figuur 1.18 Overschakelen naar het Dashboard van WordPress.

Zoals je ziet heb je vanuit de menubalk ook direct toegang tot andere functies voor sitebeheerders, zoals Thema’s, Widgets, Menu’s. Daarnaast kun je via de menulink Nieuw direct nieuwe content maken. In het volgende hoofdstuk leer je meer over de ‘voor- en achterkant’ van de site: de gewone website en de be-heeromgeving.

SDU BC wordpress_basis GG.indd 23 12-08-15 12:20

Page 32: Basiscursus WordPress 4 · Basiscursus Flash CS5/ActionScript Basiscursus Flash CS4 Basiscursus Flash CS3 ... Basiscursus Visual Basic 6.0 Basiscursus Windows 8.1 ... 2 Bouw het artikel

24 Basiscursus WordPress 4

Heb je WordPress in de standaard Engelse versie geinstalleerd en wil je overstappen naar Nederlands? Ga dan in het Dashboard van WordPress naar Settings en kies voor Site Language > Nederlands > Save Changes. De taal van de ‘achterkant’ van de site verandert direct. Mogelijk moet je de taal voor de ‘voorkant’ (het thema) van de site nog wel updaten. Dat doe je via Dashboard > Updates > Vertalingen. Als er een Nederlandse vertaling beschikbaar is, kun je die daar in één klik installeren.

SDU BC wordpress_basis GG.indd 24 12-08-15 12:20