Starten met een eigen WordPress website 
deel 2 
! 
! 
! 
! 
! 
door @peterluit 
1
Programma omvat 4 middagen, globale inhoud 
• deel 1: introductie 
• deel 2: werken met content 
• deel 3: menu’s, thema’s en plugins 
• deel 4: sidebars en widgets 
2
WordPress - deel 2 
1. werken met content 
3
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 4
Pagina’s en keuzes voor de homepage 
• herhaling verschillen tussen berichten en pagina’s 
• je eerste pagina maken 
• je homepage instellen (zie ‘Instellingen’ - ‘Lezen’) 
5
Volgorde 
6
Titel van je bericht 
7
Permalink belangrijk voor Google! 
8
Inleiding kort en bondig: plaag om door te lezen! 
9
Samenvatting is voor RSS feed, meestal inleiding 
10
‘Verder lezen…’ na de eerste alinea 
11
Het maken van een in- of externe link 
• selecteer een woord of meerdere woorden in de tekst als bron voor de link 
• selecteer het kettingsymbool 
• het scherm ‘Link toevoegen/bewerken’ verschijnt 
12
En publiceren (meerdere opties) 
13
Volgorde 
14
Bericht en mogelijkheid tot reageren 
15
WordPress - deel 2 
2. categorieën, tags en notatie 
16
Doel van categorieën en tags (alleen bij berichten) 
• primair bedoeld voor het interne ‘zoekveld’ 
• tevens duiding van het type bericht bij publicatie 
• beperk het aantal categorieën (5-15) om overzicht te houden 
• het is netjes om 1 categorie per bericht aan te houden - als het kan 
17
Doel van categorieën en tags (alleen bij berichten) 
• tags zijn toegevoegde woorden die vaak in de tekst voorkomen 
• beperk het aantal ‘tag’ woorden per bericht tot 3 of 4 
18
Doel van categorieën en tags (alleen bij berichten) 
• zoekmachines ‘zien’ de verwijzingen naar categorieën en tags 
• http://www.xxxxx.nl/categorie/onderzoek 
• http://www.xxxxx.nl/tag/vorig-jaar 
• de naam ‘categorie’ en ‘tag’ is aan te passen bij ‘Instellingen’ 
• Elk thema plaatst categorieën en tags op eigen wijze bij het bericht 
19
Categorieën en tags vanuit bericht 
20
Vanuit bericht categorie/tag toevoegen 
21
Totaal overzicht vanuit ‘Berichten’ menu 
22
Overzicht categorieën vanuit ‘Berichten’ menu 
23
Beschouw de slug als permalink, dus geen spaties 
24
Tags volgens hetzelfde principe: vrije woorden 
25
Waar staan ze in het thema ‘TwentyFourteen’? 
26
Notatie: type bericht aanduiden 
27 
• Deze voorziening is ingebouwd in de standaard WordPress thema’s, maar 
wordt verder nauwelijks toegepast en staat bij het gebruik meestal op 
‘Standaard’
WordPress - deel 2 
3. uitgelichte afbeelding 
28
Uitgelichte afbeelding 
29 
• Een uitgelichte afbeelding is bedoeld als icoon/kenmerk bij een artikel, 
bijvoorbeeld een logo 
• thema’s gaan hier verschillend mee om, sommige thema’s gebruiken 
‘gewoon’ het eerste beeld uit een bericht als uitgelichte afbeelding 
• thema’s zijn ook vrij in de grootte van de uitgelichte afbeelding, 
aanpassingen kunnen al dan niet direct in het dashboard worden verricht, 
of via aanpassingen in stylesheets 
• een uitgelichte afbeelding kies je uit je media bibliotheek of je upload een 
nieuw beeld (behandeld bij media gebruik)
Voorbeeld: auteur als uitgelichte afbeelding 
30
Voorbeeld: icoon als uitgelichte afbeelding 
31
WordPress - deel 2 
4. tekstverwerking 
32
Tekstverwerking 
33 
• Doorgaans wat je gewend bent vanuit reguliere tekst 
verwerkingsprogramma’s 
• ‘Wysiwyg’ is niet helemaal waar (klik altijd op ‘voorbeeld’ of ‘wijzigingen 
bekijken’ bij blokjePubliceren) 
• Tekst is ‘platte weergave’ met codes voor bijvoorbeeld plaatsing van 
media, tekstformats, uitlijning etc.
Tekstverwerking - extra’s 
34 
• Blockquote 
• Horizontale lijn invoegen 
• Links (koppelen, ontkoppelen) 
• Lees meer… 
• Google is gek op h3 tags 
= tussenkopjes
WordPress - deel 2 
5. media toevoegen: beelden, galerij, video 
35
Media: in bibliotheek, uploaden of via URL 
36
Media: in bibliotheek, uploaden of via URL 
37
Media: een galerij aanmaken 
38
Media: video plaatsen 
39 
• Voorheen door middel van embed (insluiten) code in ‘tekst’ modus in bericht 
• Voorbeeld vanuit YouTube, copy/paste <iframe……..</iframe> 
• Vanaf versie 4.0, alleen URL plaatsen: 
http://www.youtube.com/watch?v=xxxxxxx
WordPress - deel 2 
6. reacties/trackbacks 
40
Reacties: algemene instellingen 
41
Reacties: per bericht 
42 
• Per bericht kunnen reacties al dan niet worden toegestaan 
• Per bericht kunnen trackbacks/pingback worden toegestaan 
• notificatie van verwijzing dat een link van je eigen artikel op een site van 
iemand anders staat
WordPress - deel 2 
7. auteur (gebruikers), revisies en publiceren 
43
Publiceren - de opties 
44 
• status (workflow) 
• zichtbaarheid 
• sticky 
• via wachtwoord 
• privé 
• revisies 
• datum/tijd publicatie (workflow) 
• indien zoekmachine optimalisatie plugin: status SEO
Publiceren - Revisies overzicht vanuit ‘Publiceren’ 
45
Publiceren - Auteur en revisies vanuit bericht 
46 
• Auteur: pull-down lijst met te kiezen gebruikers 
• Revisies: terug naar vorige versies bericht
Publiceren - Wat mogen gebruikers? 
47 
• abonnee - alleen lezen en eigen profiel bekijken/veranderen 
• schrijver - idem, plus alleen ‘drafts’ maken, dus niet zelf publiceren 
• auteur - idem, plus zelf publiceren en eigen artikelen bewerken 
• redacteur - idem plus, mag alle artikelen van alle schrijvers/auteurs bewerken 
• admin - mag alles wat redacteur mag plus technisch/creatief beheer
Publiceren - Overzicht gebruikers 
48
Publiceren - Nieuwe gebruiker 
49
WordPress - deel 2 
8. pagina’s maken 
50
Berichten 
nieuwste 
tijdlijn berichten 
oudste 
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…) 
51 
menu: nieuws (bij regelmatig nieuws, vaak de homepage)
Pagina’s 
menu: wie zijn wij wat doen wij onze….. contact 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla 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 
52 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla bla bla 
bla bla bla bla
Overzicht alle pagina’s 
53
Een pagina maken 
54
Volgorde en templates 
• Het veldje ‘volgorde’ is een overblijfsel uit het verleden om pagina’s in een 
bepaalde volgorde in het menu te plaatsen. tegenwoordig gaat dat via de 
‘Weergave’ - ‘Menu’ instellingen 
• Thema’s kunnen verschillende templates aanbieden voor de weergave van 
pagina’s (voor nu nog niet van belang) 
55
Het tonen van een pagina 
• Zodra je je pagina hebt gemaakt, publiceer je deze, net zoals bij berichten 
• Het tonen van je pagina doe je (nu nog) door middel van ‘Pagina bekijken’ 
56
Wat zet je op je homepage? 
• Je laatste berichten 
• Een statische pagina 
57
Volgende week: menu’s, thema’s en plugins 
58
Alvast een voorproefje van menu’s 
59
Huiswerk 
60 
• Probeer eens voor jezelf een menustructuur te bedenken 
• Ga eens op zoek naar een voor jouw geschikt thema 
• En bepaald welke soort inhoud (berichten of pagina) je op de homepage wilt 
publiceren 
1 2 3 
2a 
2b

Les 2 Inct. Training WordPress

  • 1.
    Starten met eeneigen WordPress website deel 2 ! ! ! ! ! door @peterluit 1
  • 2.
    Programma omvat 4middagen, globale inhoud • deel 1: introductie • deel 2: werken met content • deel 3: menu’s, thema’s en plugins • deel 4: sidebars en widgets 2
  • 3.
    WordPress - deel2 1. werken met content 3
  • 4.
    Berichten maken, welkeelementen • 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 4
  • 5.
    Pagina’s en keuzesvoor de homepage • herhaling verschillen tussen berichten en pagina’s • je eerste pagina maken • je homepage instellen (zie ‘Instellingen’ - ‘Lezen’) 5
  • 6.
  • 7.
    Titel van jebericht 7
  • 8.
  • 9.
    Inleiding kort enbondig: plaag om door te lezen! 9
  • 10.
    Samenvatting is voorRSS feed, meestal inleiding 10
  • 11.
    ‘Verder lezen…’ nade eerste alinea 11
  • 12.
    Het maken vaneen in- of externe link • selecteer een woord of meerdere woorden in de tekst als bron voor de link • selecteer het kettingsymbool • het scherm ‘Link toevoegen/bewerken’ verschijnt 12
  • 13.
  • 14.
  • 15.
    Bericht en mogelijkheidtot reageren 15
  • 16.
    WordPress - deel2 2. categorieën, tags en notatie 16
  • 17.
    Doel van categorieënen tags (alleen bij berichten) • primair bedoeld voor het interne ‘zoekveld’ • tevens duiding van het type bericht bij publicatie • beperk het aantal categorieën (5-15) om overzicht te houden • het is netjes om 1 categorie per bericht aan te houden - als het kan 17
  • 18.
    Doel van categorieënen tags (alleen bij berichten) • tags zijn toegevoegde woorden die vaak in de tekst voorkomen • beperk het aantal ‘tag’ woorden per bericht tot 3 of 4 18
  • 19.
    Doel van categorieënen tags (alleen bij berichten) • zoekmachines ‘zien’ de verwijzingen naar categorieën en tags • http://www.xxxxx.nl/categorie/onderzoek • http://www.xxxxx.nl/tag/vorig-jaar • de naam ‘categorie’ en ‘tag’ is aan te passen bij ‘Instellingen’ • Elk thema plaatst categorieën en tags op eigen wijze bij het bericht 19
  • 20.
    Categorieën en tagsvanuit bericht 20
  • 21.
  • 22.
    Totaal overzicht vanuit‘Berichten’ menu 22
  • 23.
    Overzicht categorieën vanuit‘Berichten’ menu 23
  • 24.
    Beschouw de slugals permalink, dus geen spaties 24
  • 25.
    Tags volgens hetzelfdeprincipe: vrije woorden 25
  • 26.
    Waar staan zein het thema ‘TwentyFourteen’? 26
  • 27.
    Notatie: type berichtaanduiden 27 • Deze voorziening is ingebouwd in de standaard WordPress thema’s, maar wordt verder nauwelijks toegepast en staat bij het gebruik meestal op ‘Standaard’
  • 28.
    WordPress - deel2 3. uitgelichte afbeelding 28
  • 29.
    Uitgelichte afbeelding 29 • Een uitgelichte afbeelding is bedoeld als icoon/kenmerk bij een artikel, bijvoorbeeld een logo • thema’s gaan hier verschillend mee om, sommige thema’s gebruiken ‘gewoon’ het eerste beeld uit een bericht als uitgelichte afbeelding • thema’s zijn ook vrij in de grootte van de uitgelichte afbeelding, aanpassingen kunnen al dan niet direct in het dashboard worden verricht, of via aanpassingen in stylesheets • een uitgelichte afbeelding kies je uit je media bibliotheek of je upload een nieuw beeld (behandeld bij media gebruik)
  • 30.
    Voorbeeld: auteur alsuitgelichte afbeelding 30
  • 31.
    Voorbeeld: icoon alsuitgelichte afbeelding 31
  • 32.
    WordPress - deel2 4. tekstverwerking 32
  • 33.
    Tekstverwerking 33 •Doorgaans wat je gewend bent vanuit reguliere tekst verwerkingsprogramma’s • ‘Wysiwyg’ is niet helemaal waar (klik altijd op ‘voorbeeld’ of ‘wijzigingen bekijken’ bij blokjePubliceren) • Tekst is ‘platte weergave’ met codes voor bijvoorbeeld plaatsing van media, tekstformats, uitlijning etc.
  • 34.
    Tekstverwerking - extra’s 34 • Blockquote • Horizontale lijn invoegen • Links (koppelen, ontkoppelen) • Lees meer… • Google is gek op h3 tags = tussenkopjes
  • 35.
    WordPress - deel2 5. media toevoegen: beelden, galerij, video 35
  • 36.
    Media: in bibliotheek,uploaden of via URL 36
  • 37.
    Media: in bibliotheek,uploaden of via URL 37
  • 38.
    Media: een galerijaanmaken 38
  • 39.
    Media: video plaatsen 39 • Voorheen door middel van embed (insluiten) code in ‘tekst’ modus in bericht • Voorbeeld vanuit YouTube, copy/paste <iframe……..</iframe> • Vanaf versie 4.0, alleen URL plaatsen: http://www.youtube.com/watch?v=xxxxxxx
  • 40.
    WordPress - deel2 6. reacties/trackbacks 40
  • 41.
  • 42.
    Reacties: per bericht 42 • Per bericht kunnen reacties al dan niet worden toegestaan • Per bericht kunnen trackbacks/pingback worden toegestaan • notificatie van verwijzing dat een link van je eigen artikel op een site van iemand anders staat
  • 43.
    WordPress - deel2 7. auteur (gebruikers), revisies en publiceren 43
  • 44.
    Publiceren - deopties 44 • status (workflow) • zichtbaarheid • sticky • via wachtwoord • privé • revisies • datum/tijd publicatie (workflow) • indien zoekmachine optimalisatie plugin: status SEO
  • 45.
    Publiceren - Revisiesoverzicht vanuit ‘Publiceren’ 45
  • 46.
    Publiceren - Auteuren revisies vanuit bericht 46 • Auteur: pull-down lijst met te kiezen gebruikers • Revisies: terug naar vorige versies bericht
  • 47.
    Publiceren - Watmogen gebruikers? 47 • abonnee - alleen lezen en eigen profiel bekijken/veranderen • schrijver - idem, plus alleen ‘drafts’ maken, dus niet zelf publiceren • auteur - idem, plus zelf publiceren en eigen artikelen bewerken • redacteur - idem plus, mag alle artikelen van alle schrijvers/auteurs bewerken • admin - mag alles wat redacteur mag plus technisch/creatief beheer
  • 48.
  • 49.
    Publiceren - Nieuwegebruiker 49
  • 50.
    WordPress - deel2 8. pagina’s maken 50
  • 51.
    Berichten nieuwste tijdlijnberichten oudste 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…) 51 menu: nieuws (bij regelmatig nieuws, vaak de homepage)
  • 52.
    Pagina’s menu: wiezijn wij wat doen wij onze….. contact bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 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 52 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
  • 53.
  • 54.
  • 55.
    Volgorde en templates • Het veldje ‘volgorde’ is een overblijfsel uit het verleden om pagina’s in een bepaalde volgorde in het menu te plaatsen. tegenwoordig gaat dat via de ‘Weergave’ - ‘Menu’ instellingen • Thema’s kunnen verschillende templates aanbieden voor de weergave van pagina’s (voor nu nog niet van belang) 55
  • 56.
    Het tonen vaneen pagina • Zodra je je pagina hebt gemaakt, publiceer je deze, net zoals bij berichten • Het tonen van je pagina doe je (nu nog) door middel van ‘Pagina bekijken’ 56
  • 57.
    Wat zet jeop je homepage? • Je laatste berichten • Een statische pagina 57
  • 58.
    Volgende week: menu’s,thema’s en plugins 58
  • 59.
    Alvast een voorproefjevan menu’s 59
  • 60.
    Huiswerk 60 •Probeer eens voor jezelf een menustructuur te bedenken • Ga eens op zoek naar een voor jouw geschikt thema • En bepaald welke soort inhoud (berichten of pagina) je op de homepage wilt publiceren 1 2 3 2a 2b