![Page 1: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/1.jpg)
Starten met een eigen WordPress website
!!!!!!door @peterluit
1
![Page 2: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/2.jpg)
Voor wie bedoeld
• eerste kennismaking met het zelf ‘bouwen’ van een WordPress weblog/website
• in aanvang (!) geen of (zeer) beperkte technische kennis vanPHP, SQL, HTML, CSS
• nieuwsgierig naar de mogelijkheden en graag (zelf) willen experimenteren
• aanbevolen: beetje gevoel voor ‘look & feel’
• geen paniekgevoel krijgen als het niet meteen lukt..... ;-)
• in deze training hier en daar een (*)…..
2
![Page 3: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/3.jpg)
Programma omvat 3 delen, globale inhoud
• deel 1: introductie, content (de basis)
• deel 2: vervolg content en menu’s
• deel 3: thema’s, widgets en plugins
3
![Page 4: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/4.jpg)
WordPress
1. wat is WordPress
4
![Page 5: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/5.jpg)
Wat doen we vanmiddag doen?
• wat is WordPress en wat voor typen websites kan je ermee maken?
• voorbeelden
• hoe installeer ik zelf WordPress?
• wat is het dashboard?
• wat is er allemaal in te stellen?
• wat zijn thema’s?
• onze eigen werkomgeving
• huiswerk
5
![Page 6: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/6.jpg)
Wat is WordPress?
• volledig opensource
• wereldwijd enorme grote (on-line) ontwikkelaars- en gebruikers communities
• 20% alle websites wereldwijd ‘draaien op’ WordPress
• grote hoeveelheden plugins
• grote hoeveelheden vormgevings thema’s
• in basis/aanvang redelijk makkelijk te leren (geen complexe leercurve)
6
![Page 7: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/7.jpg)
Een paar WordPress toepassingen
• eenvoudige weblog (zo begon WordPress)
• volledige nieuwswebsites (met redactie systeem)
• webshops (bekijken, kopen, afrekenen)
• leden websites/communities (met inloggen leden)
• vraag en antwoord (forum)
• etc. etc.
7
![Page 8: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/8.jpg)
• de ‘concurrenten’
WordPress in Google Trends
8
![Page 9: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/9.jpg)
• 5 september versie 4.0 verschenen
WordPress downloads: kijk zelf eens
http://wordpress.org/download/counter/
9
3 sep. 2014 - 16:00 4 sep. 2014 - 08:00
![Page 10: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/10.jpg)
• 5 september versie 4.0 verschenen
WordPress downloads: kijk zelf eens
http://wordpress.org/download/counter/
10
7 sep. 2014 - 09:00
![Page 11: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/11.jpg)
Principe van de WordPress installatie
• download de .zip file vanaf http://nl.wordpress.org en pak deze uit
• zorg voor een hostingpakket bij een provider welke SQL en PHP ondersteunt (resp. de database en de programmeertaal waarop WordPress is gebaseerd)
• plaats alle WordPress files in de toegewezen map via FTP
• maak een database en een gebruikersnaam aan
• start de installatie met http://www.xxxxxx.nl/
• log in met http://www.xxxxxx.nl/wp-admin
11
![Page 12: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/12.jpg)
De achterkant van WordPress: een (!) dashboard
12
![Page 13: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/13.jpg)
Inhoud: pagina’s en berichten - de verschillen
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
pagina’s: bestemd voor ‘statische’ informatie
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
13
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
wie zijn wij contactwat doen wij onze…..menu:
kijk maar eens op http://www.luit.nl
![Page 14: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/14.jpg)
Berichten in volgorde van tijd (weblog):
nieuwste
oudste
tijdlijn
ber
ichte
n
bestemd voor ‘dynamische’ informatie - onder elkaar
vandaag: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)
gisteren: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)
eergisteren: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)
vrijdag: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)
14
menu: nieuws (bij regelmatig nieuws, vaak de homepage)
kijk maar eens op http://www.printmedianieuws.nl
![Page 15: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/15.jpg)
Pagina’s en berichten beiden in WordPress
WordPress kent beide typen ‘inhoud’ dus ‘pagina’s’ en ‘berichten’
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
15
![Page 16: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/16.jpg)
‘custom post types’ (*)
16
• WordPress als volwaardig CMS, voor bijvoorbeeld:
• evenementen - datum, lokatie, tijstip etc.
• webshop (artikelen) - prijs, omschrijving, soort, voorraad etc.
• foto album - fotograaf, resolutie, merk camera, diafragma etc.
• bedrijvenlijst - naam, adres, plaats, website etc.
• portfolio - klant, omschrijving, accountmanager
• etc. etc.
![Page 17: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/17.jpg)
WordPress - menustructuur: toegang tot inhoud
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
1 2 3
2a
2b
17
![Page 18: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/18.jpg)
WordPress - thema, vormgeving, sidebars, menu
**
(body) inhoud:
bericht(en) of pagina
1 2 3
2a
2b
*
**
*
*
* mogelijkheden afhankelijk per thema
18
![Page 19: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/19.jpg)
WordPress - widgets: inhoud van sidebars
....
....
1 2 3
2a
2b
- widgets zijn afzonderlijke stukjes in sidebars - een widget kan de resultaten weergeven van bijvoorbeeld een plugin, maar kan ook stukje tekst zijn
(body) inhoud:
bericht(en) of pagina
19
![Page 20: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/20.jpg)
WordPress - header/footer (boven- en onderzijde)
1 2 3
2a
2b
header en footer grootte/positie
(body) inhoud:
bericht(en) of pagina
20
![Page 21: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/21.jpg)
(body) inhoud:
bericht(en) of pagina
WordPress - plug-ins (extra functies)
wordpress kern
pluginplugin
plugin
plugin
1 2 3
2a
2b
toegevoegde functies, bijvoorbeeld contactformulier, social media icons, activiteiten overzicht…..
plugin
21
![Page 22: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/22.jpg)
thema
WordPress - thema: overall look&feel
pluginplugin
pluginplugin
plugin
1 2 3
2a
2b
(body) inhoud:
bericht(en) of pagina
22
wordpress kern
![Page 23: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/23.jpg)
WordPress
2. voorbeelden indelingen websites:• header, menu, footer, sidebar(s), body
23
![Page 31: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/31.jpg)
Ga naar http://www.mijnnieuwsmarkt.nl/
Oefening: ga naar de ‘studenten portal’
31
![Page 33: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/33.jpg)
Ga naar http://www.mijnnieuwsmarkt.nl/werksitex/wp-admin (x = 1..8)
Inloggen: de ‘achterkant’ van WordPress
33
gebruikerx
qwertyx
![Page 34: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/34.jpg)
Ga naar http://www.mijnnieuwsmarkt.nl/werksitex (x = 1..8)
Oefening: kijken waar een paar elementen staan
34
menu
body
sidebar
admin
![Page 35: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/35.jpg)
Ga naar http://www.mijnnieuwsmarkt.nl/werksitex/wp-admin (x = 1..8)
Oefening: het ‘dashboard’
35
plaats van blokken zelf in te delen: ga in de kop van een blok staan, klik aan en schuif….
![Page 36: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/36.jpg)
Ga naar http://www.mijnnieuwsmarkt.nl/werksitex/wp-admin (x = 1..8)
Oefening: het ‘dashboard’ - de functies
36
basis functies na installatie diverse plugins en/of thema’s
![Page 37: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/37.jpg)
WordPress instellingen
37
• Onder ‘instellingen’ staan de belangrijkste basiswaarden voor de werking van je website
• algemeen (naam, datum- en tijd instellingen)
• schrijven (standaard categorie voor berichten) (*)
• lezen (functie en indeling voorpagina etc.)
• reacties (wie mag wat en wanneer)
• media (grootte instellingen)
• permalinks (belangrijk, instelling URL’s artikelen/pagina’s)
![Page 38: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/38.jpg)
WordPress
4. de zoektocht naar de juiste vormgeving
38
![Page 39: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/39.jpg)
Begin eenvoudig: leer eerst de structuur
39
• Vorm en inhoud kunnen onafhankelijk van elkaar bewerkt worden
• Een ander thema kan dus altijd later worden gekozen en worden gebruikt, terwijl inhoud blijft behouden
• Het gaat echter eerst om de structuur van de website aan de hand van de primaire doelstelling(en):
• dus contentbeleid
• navigatiestructuur
• uitbreidingen
![Page 40: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/40.jpg)
Oefening: bezoek één van deze sites
40
• Betaalde themes (meer support, meer updates, vaak beter geschreven,over het algemeen tussen de 40 en 80 euro)
• http://www.themeforest.com
• http://www.elegantthemes.com
• http://www.woothemes.com
• http://www.wordpress.org/themes (hier al meer dan 2000 - gratis)
![Page 41: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/41.jpg)
Zelf themes maken (*)
41
• Vraagt (redelijk veel) kennis van PHP, SQL, CSS en HTML
• PHP - programmeertaal die HTML genereert
• SQL - database
• CSS - vorm, kleur, typografie
• HTML - opmaak
![Page 42: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/42.jpg)
Parent- en childthemes (*)
42
• Een Parent Theme bevat de basis
• Een Child Theme bevat alléén jouw aanpassingen
• voordeel: makkelijker updaten van een Parent Theme, terwijl jouw instellingen bewaard blijven
• te maken met bijvoorbeeld Genesis Framework
• http://www.studiopress.com
![Page 43: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/43.jpg)
WordPress - Parent- & ChildTheme (*)
pluginplugin
pluginplugin
plugin
1 2 3
2a
2b
inhoud: bericht(en) of pagina
43
wordpress kern
Child Theme
ParentTheme
![Page 44: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/44.jpg)
Oefening: een geïnstalleerd thema kiezen
44
![Page 45: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/45.jpg)
Oefening: een geïnstalleerd thema activeren
45
1
activeren van een thema verandert de gehele look&feel van een website
![Page 46: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/46.jpg)
Een thema moet je leren kennen, dat kost tijd!
46
![Page 47: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/47.jpg)
Werken met content
5. De basis
47
![Page 48: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/48.jpg)
Berichten maken, welke elementen
• titel (en permalink)
• de inleiding van je verhaal
• waar is het blok ‘samenvatting’ voor bedoeld?
• categorieën en tags (bij berichten)
• notatie (meta data)
• de uitgelichte afbeelding
• de tekstverwerking
• media toevoegen
• reacties/trackbacks toestaan
• revisies
• publiceren 48
![Page 49: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/49.jpg)
Pagina’s en keuzes voor de homepage
• herhaling verschillen tussen berichten en pagina’s
• je eerste pagina maken
• je homepage instellen (zie ‘Instellingen’ - ‘Lezen’)
49
![Page 50: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/50.jpg)
Volgorde
50
![Page 51: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/51.jpg)
Titel van je bericht
51
![Page 52: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/52.jpg)
Permalink belangrijk voor Google!
52
![Page 53: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/53.jpg)
Inleiding kort en bondig: plaag om door te lezen!
53
![Page 54: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/54.jpg)
Samenvatting is voor RSS feed, meestal inleiding
54
![Page 55: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/55.jpg)
‘Verder lezen…’ na de eerste alinea
55
![Page 56: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/56.jpg)
• selecteer een woord of meerdere woorden in de tekst als bron voor de link
• selecteer het kettingsymbool
• het scherm ‘Link toevoegen/bewerken’ verschijnt
Het maken van een in- of externe link
56
![Page 57: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/57.jpg)
En publiceren (meerdere opties)
57
![Page 58: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/58.jpg)
Volgorde
58
![Page 59: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/59.jpg)
Bericht en mogelijkheid tot reageren
59
![Page 60: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/60.jpg)
Huiswerk: maak een paar berichten
5. Bestudeer de inleiding ‘Toelichting bij eerste huiswerkopdracht’ en ga vervolgens aan de slag.!- We doen in deze oefening nog niets met vormgeving en menu’s
60
![Page 61: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/61.jpg)
Volgorde
61
![Page 62: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/62.jpg)
Volgorde
62
![Page 63: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/63.jpg)
Volgorde
63
![Page 64: Online usability - les 1 introductie WordPress - structuur en content](https://reader030.vdocuments.mx/reader030/viewer/2022020306/5591093f1a28abf8388b4618/html5/thumbnails/64.jpg)
Volgorde
64