Websites bouwen met WordPress versie 2021 Websites bouwen met WordPress is bedoeld als lesmateriaal voor ICT-opleidingen. Het basisidee van deze educatieve uitgave is: dankzij WordPress staat niet langer de techniek van het maken van een website centraal. De aandacht kan zich concentreren op de wens van de klant. Hoe wil de klant zich presenteren? Hoe kunnen wij als ICT-ers hieraan tegemoet komen? In het boek wordt, naast het leren een website te bouwen in de WordPress-omgeving, vooral ook aandacht besteed aan hoe je als ontwikkelteam communiceert. Deze softskills worden vaak onderbelicht. Wanneer we succesvol een website hebben gerealiseerd, waarom maken we dan niet ook de stap naar een webshop? De versie van WordPress die in deze uitgave wordt gebruikt is 5.5.1. Met een boekpublicatie houden we de versiesnelheid van de WordPress distributie niet bij. Vandaar dat op de website van BrinkmanICT.info het zip-bestand staat van deze versie 5.5.1. Inhoud Inhoud Hoofdstuk 1 WordPress 1.1 Site bouwen 1 1.1.1 Soft ware 1 | 1.1.2 CMS 1 1.2 Webdesign 1 1.3 Waarom WordPress? 2 1.3.1 CMS 2 | 1.3.2 WordPress  1.4 Wat is WordPress? 3 1.4.1 WordPress online 3 | 1.4.2 WordPress-soft ware 3 | 1.4.3 Open source 3 | 1.4.4 Forums 3 1.5 Basisbegrippen in WordPress 4 1.5.1 Th ema’s 4 | 1.5.2 Widgets 4 | 1.5.3 Plugins 4 | 1.5.4 Gebruikers 4 1.6 Benodigdheden 5 1.6.1 Ftp-client 5 | 1.6.2 Een tekstverwerkingsprogramma 5 | 1.6.3 Verschillende webbrowsers 5 1.7 WordPress installeren 6 1.7.1 Webserver 6 | 1.7.2 Database 6 | 1.7.3 Domeinnaam 6 | 1.7.4 Instant WordPress 7 1.8 Installatie 12 1.8.1 Soft ware downloaden 12 | 1.8.2 Uploaden 14 | 1.8.3 WordPress installeren 15 | 1.8.4 Instellen 18 | 1.8.5 Inloggen 19 Hoofdstuk 2 Verkennen 2.1 Geschiedenis 21 2.1.1 ARPA 21 | 2.1.2 Groei van internet 21 2.2 Basiskennis site-opbouw 22 2.2.1 Storyboard 22 | 2.2.2 Sitemap 23 2.3 Opdracht krijgen 24 2.3.1 Mond-tot-mond-reclame 25 | 2.3.2 Internet 25 |2.3.3 Werven 25 2.4 De klant 25 2.4.1 Gesprek met klant voorbereiden 25 | 2.4.2 Doel van het gesprek 26 | 2.4.3 Informatie verzamelen 26 2.5 Op naar de klant 27 2.5.1 Taakverdeling 27 | 2.5.2 Vijf+Vijft ig 27 2.6 Plan van aanpak 28 2.6.1 Sitemap 28 | 2.6.2 Off erte 28 | 2.6.3 Overleg met de klant 29 2.7 Back-end-rondleiding 29 2.7.1 Dashboard 30 | 2.7.2 Op dit moment 31 | 2.7.3 Eenvoudig een concept maken 32 | 2.7.4 Activiteiten 33 2.8 Blokkenbeheer 34 2.9 Site testen en zo nodig aanpassen 34 2.10 Back-up en archiveren 35 2.10.1 Back-up-bestanden 35 | 2.10.2 Webmap 35 | 2.10.3 Database 37 | 2.10.4 Regelmaat 38 Hoofdstuk 3 Basissite opzetten 3.1 Updates 39 3.2 Gebruikers 40 3.3 Th ema kiezen 42 3.3.1 Huisstijl 42 | 3.3.2 Pagina-indeling 42 3.4 Trends 42 3.4.1 Micro-animaties 43 | 3.4.2 Organische vormen 43 | 3.4.3 Kleurgebruik 44 | 3.4.4 Vet gedrukte lettertypes 44 | 3.4.5 Duimnavigatie 45 3.5 Twenty Twenty 45 3.6 Th ema kiezen via WordPress 46 3.6.1 Eigenschappenfi lter 46 | 3.6.2 Th ema bekijken 47 | 3.6.3 Th ema installeren en activeren 48 | 3.6.4 Th ema bewerken 49 3.7 Th ema kiezen via Google 50 3.8 Overzicht thema’s 51 3.9 Th ema voor de klant 52 Hoofdstuk 4 Structuur 4.1 Pagina’s en categorieën maken 53 4.1.1 Topmenu 53 | 4.1.2 Pagina aanmaken 54 | 4.1.3 Blokken 55 | 4.1.4 Publiceren 56 | 4.1.5 Permalinks 57 | 4.1.6 Uitgelichte afb eelding 59 | 4.1.7 Discussie en Pagina-attributen 60 | 4.1.8 Pagina’s aanmaken 62 4.2 Statische homepage 62 4.3 Categorieën 64 4.3.1 Subcategorieën 64 | 4.3.2 Categorie aanmaken 64 | 4.3.3 Categorieën bewerken 66 4.4 Site-structuur opzetten met categorieën en menu 67 4.4.1 Menu 67 | 4.4.2 Menu-widget instellen 68 4.5 Content toevoegen 69 4.5.1 Bestaand bericht bewerken 69 | 4.5.2 Media toevoegen 70 | 4.5.3 Tekst opmaken 72 | 4.5.4 Publiceren 72 | 4.5.5 Categorie toevoegen aan bericht 73 | 4.5.6 Tags 73 | 4.5.7 Samenvatting 74 4.6 Teksten 75 4.6.1 Introductietekst 75 | 4.6.2 Lorem Ipsum 75 | 4.6.3 Nieuw bericht maken 75 4.7 Snel bewerken 78 4.7.1 Sticky 78 4.8 Site testen op diverse manieren 79 4.9 Eerste klantpresentatie 80 4.9.1 Een voor allen 80 | 4.9.2 Presentatie 80 Hoofdstuk 5 Widgets 5.1 Twenty Twenty 81 5.2 Wat zijn widgets? 82 5.3 Sidebars 82 5.3.1 Posities 83 | 5.3.2 Positiebepaling 84 | 5.3.3 Live Preview 84 5.4 Wat is er te krijgen? 85 5.4.1 Standaard-widgets 85 | 5.4.2 Online 87 5.5 Widget toevoegen 92 5.6 Widget confi gureren 95 5.7 Widget testen en zo nodig aanpassen 99 Hoofdstuk 6 Plugins 6.1 Wat zijn plugins? 101 6.2 Wat is er te krijgen? 101 6.3 Plugins toevoegen 105 6.4 Plugins confi gureren 109 6.4.1 Contact Form 7 109 | 6.4.2 Contact Form 7 confi gureren 110 | 6.4.3 Formulier op een pagina zetten 114 | 6.4.4 Formulier in een widget 116 6.5 Zelf aan de slag 117 6.6 Plugins testen 118 Hoofdstuk 7 Basissite aanpassen 7.1 Back-up maken 119 7.2 Php 119 7.3 Style.css 120 7.4 Opbouw van een site 122 7.5 Snippets 123 7.6 Template-tag 125 7.7 Werken met php 126 7.8 Afgeleid thema 126 7.7.1 Kleuren 128 | 7.7.2 Lettertype aanpassen 132 | 7.7.3 Titel aanpassen 136 7.9 Tips en trucs 137 7.10 Site testen en zo nodig aanpassen 139 7.11 Klantpresentatie 140 Hoofdstuk 8 Webshop 8.1 Vijf+Vijft ig 141 8.2 Webshop en winkel 141 8.2.1 Bezoekers 142 | 8.2.2 Inhoud 142 | 8.2.3 Klanttevredenheid 142 8.3 Oriënteren 142 8.4 Webshop ontwikkelen 143 8.4.1 Webshops binnen WordPress 143 | 8.4.2 Th ema’s 145 8.5 Webshop installeren 145 8.6 Instellingen 146 8.6.1 Algemeen 146 | 8.6.2 Admin 147 | 8.6.3 Belasting 149 | 8.6.4 Verzending 150 | 6.5 Betaling 151 | 8.6.6 Afrekenen 152 | .6.7 Marketing 153 | 8.6.8 Importeer 154 | 8.6.9 Presentatie 154 8.7 Categorieën 159 8.7.1 Categorieën toevoegen 159 | 8.7.2 Producten toevoegen 161 8.8 Widgets 165 .9 Shop bijwerken en testen 168 Hoofdstuk 9 Update en back-up 9.1 Opschonen 171 9.1.1 Plugins verwijderen 171 | 9.1.2 Widgets verwijderen 172 | 9.1.3 Th ema’s verwijderen 172 9.2 Updates 173 9.2.1 Plugins 174 | 9.2.2 Th ema’s 175 9.3 Back-up 176 9.4 WordPress 176 9.4.1 Veiligheid 177 | 9.4.2 Update uitvoeren 177 | 9.4.3 Online bijwerken 178 9.5 Testen 178 9.5.1 De site in het algemeen 179 | 9.5.2 Widgets 179 | 9.5.3 Plugins 179 | 9.5.4 Kritische blik 180 9.6 Aanpassingen 180 Hoofdstuk 10 SEO en WordPress 10. 1 URL 181 10.1.1 Permalinks 182 | 10.1.2 Lidwoorden 183 10.2 SSL 183 10.3 Woorden 184 10.3.1 Titel 184 | 10.3.2 Slug 186 | 10.3.3 Meta-omschrijving 186 | 10.3.4 Focus keyphrase 187 | 10.3.5 Leesbaarheid 189 | 10.3.6 Afb eeldingen 190 10.4 Css 191 Hoofdstuk 11 Beveiliging in WordPress 11.1 WordPress en updates 193 11.2 Hacks 194 11.3 Installatie 195 11.4 Hosting 197 11.5 Plug-ins en thema’s 198 11.6 File permission 199 11.7 Tweestaps inloggen 199 11.8 Versienummer 200 11.9 Wordfence 202 11.10 SSL/TLS 203 11.10.1 Aanschaf 204 Hoofdstuk 12 Overdracht 12.1 Presentatie 207 12.2 Site verhuizen 207 12.2.1 Advies 207 | 12.2.2 Installatie bij de klant 208 | 12.2.3 Back-up 208 | 12.2.4 Database 208 | 12.2.5 Testen 211 | 12.2.6 Doorlinken 212 | 12.2.7 Live 213 12.3 De overdracht 213 12.4 Handleiding 214 12.4.1 Toevoegen van een bericht 214 | 12.4.2 Aanpassen van de widgets 214 | 12.4.3 Gebruik van de plugins 215 | 12.4.4 Beheer van de webshop 216 12.5 SLA 217 12.5.1 De service 217 | 12.5.2 Wensen van de klant 217 | 12.5.3 Technische eisen/wensen 217 | 12.5.4 Opstellen SLA 217 Bijlagen Acceptatietest 220 Tekst opmaken 222 Registe