Online Usability training Hogeschool Utrecht - CCJ (les 2)

1. Starten met een eigen WordPress website
door @peterluit
1

2. Wat hebben we vorige week gedaan?
• deel 1: WordPress, de basis
• deel 2: de zoektocht naar de juiste vormgeving
• deel 3: je website gaan gebruiken
• deel 4: wordpress.com en wordpress.org: de verschillen
• deel 5: huiswerk
2

3. Programma 2e avond - theorie en praktijk
• deel 6: gebruikers en instellingen
• deel 7: je site verder verfijnen: plugins
• deel 8: het belang van social media op je website
• deel 9: mobiel: responsive design en webapps
• deel 10: huiswerk
3

4. WordPress
Deel 6: gebruikers en instellingen
4

5. Gebruikers en rechten: een overzicht
1
5

6. Gebruikers en rechten: redactionele teams
• abonnee: mag alleen lezen en eigen profiel veranderen
• schrijver: mag berichten maken, maar niet zelf publiceren
• auteur: mag berichten maken en zelf publiceren
• redacteur: mag alle berichten bewerken
• beheerder: volledig beheer over inhoud, techniek en vormgeving
6

7. Instellingen: algemeen
1
7

8. Instellingen: reacties
8

9. Instellingen: reacties aan/uitzetten
1
9

10. Instellingen: permalinks
1
10

11. WordPress
Deel 7: je site verder verfijnen - plugins
11

12. WordPress - ca. 30.000 plugins
• op je gemak opbouwen, maar waak voor wildgroei
• beginnen met bijvoorbeeld een contactformulier
• koppeling social media kanalen
• zoekmachine optimalisatie (SEO)
• bezoekers analyse (google analytics)
• en dan pas verder..... (bijvoorbeeld geautomatiseerde nieuwsbrief)
12

13. WordPress - contact formulier gaan we oefenen
13

14. WordPress - waar zoeken naar plugins?
• kijk eens bij http://www.wordpress.org/plugins
14

15. WordPress - zoek op ‘social media icons’
15

16. WordPress - plugins
• Waar moet je op letten?
• compatibiliteit: tot welke versie?
• wanneer voor het laatst bijgewerkt?
• hoveel keer gedownload?
• waardering
• actualiteit support/forum
• (klein beetje website van de bouwer nagaan)
16

17. WordPress - plugins
17

18. WordPress - plugins
18

19. WordPress - zoeken naar plugins
• binnen wordpress.org (gratis)
• maar ook gewoon via Google (zowel gratis als betaald)
1
2
3
19

20. WordPress - voorbeeld: Gravity Forms
20

21. WordPress - Google Analytics Dashboard - Eddy
21

22. WordPress - nieuwsbrief via mailchimp.com
22

23. WordPress - nieuwsbrief: instellingen in WordPress
23

24. WordPress - zelf aan de slag, SEO activeren
24

25. WordPress - zelf aan de slag, SEO activeren
• WordPress SEO door Yoast scherm komt onder elke pagina of bericht
• Binnenkort gaat Eddy hiermee verder
25

26. WordPress
Deel 8: het belang van social media op een website - traffic
26

27. WordPress - social media integratie (3 functies)
• weergeven van je eigen twittertijdlijn in een sidebar widget (*)
• door middel van een te maken widget bij twitter.com
• automatisch een tweet maken als je een bericht publiceert (*)
• bijvoorbeeld door ‘WP to Twitter’ (plugin)
• Social media icons plaatsen op je website
• bijvoorbeeld met ‘simple social icons’ (plugin)
(*) vooral de technici laten doen ;-)
27

28. WordPress - twitter.com
1
2
3
28

29. WordPress - WP to Twitter (app maken)(*)
29

30. WordPress - WP to Twitter (app maken)(*)
30

31. WordPress - Simple Social Icons
31

32. WordPress
Deel 9: mobiel
32

33. WordPress - responsive design
• Responsive design - automatische aanpassing ‘opmaak’ op basis van
resoluties
• Doe het zelf maar eens met http://www.mijnnieuwsmarkt.nl
33

34. WordPress - webapp
• aangepaste themes voor iOS en Android (smartphones en tablets)
• WPTouch (plug-in) van BraveNewCode
• het is een mobiele website, maar lijkt sterk op een native app
• voordeel: apart menu mogelijk, dus je kunt pagina’s speciaal geschikt
maken voor mobiel, die niet zichtbaar zijn op ‘gewone’ website
• ook ‘eigen’ opstartschermpje
34

35. WordPress - webapp
35

36. WordPress - webapp
36

37. WordPress - voorbeeld: www.printmedianieuws.nl
37

38. WordPress
Deel 10: huiswerk
38

39. WordPress - huiswerk
• activeer de plugin ‘simple social icon’
• plaatst de widget (bij weergave - widgets) in het ’secondaire widgetgebied’
• vul je eigen gegevens in de widget in en experimenteer met de instellingen
• bekijk het resultaat
39

40. Starten met een eigen website
• Dank voor jullie aandacht
• Veel succes
door @peterluit
40