Online Usability training Hogeschool Utrecht - CCJ (les 2)

489 views

Published on

Online Usability training Hogeschool Utrecht - CCJ (les 2)

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
489
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Online Usability training Hogeschool Utrecht - CCJ (les 2)

  1. 1. Starten met een eigen WordPress website door @peterluit 1
  2. 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. 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. 4. WordPress Deel 6: gebruikers en instellingen 4
  5. 5. Gebruikers en rechten: een overzicht 1 5
  6. 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. 7. Instellingen: algemeen 1 7
  8. 8. Instellingen: reacties 8
  9. 9. Instellingen: reacties aan/uitzetten 1 9
  10. 10. Instellingen: permalinks 1 10
  11. 11. WordPress Deel 7: je site verder verfijnen - plugins 11
  12. 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. 13. WordPress - contact formulier gaan we oefenen 13
  14. 14. WordPress - waar zoeken naar plugins? • kijk eens bij http://www.wordpress.org/plugins 14
  15. 15. WordPress - zoek op ‘social media icons’ 15
  16. 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. 17. WordPress - plugins 17
  18. 18. WordPress - plugins 18
  19. 19. WordPress - zoeken naar plugins • binnen wordpress.org (gratis) • maar ook gewoon via Google (zowel gratis als betaald) 1 2 3 19
  20. 20. WordPress - voorbeeld: Gravity Forms 20
  21. 21. WordPress - Google Analytics Dashboard - Eddy 21
  22. 22. WordPress - nieuwsbrief via mailchimp.com 22
  23. 23. WordPress - nieuwsbrief: instellingen in WordPress 23
  24. 24. WordPress - zelf aan de slag, SEO activeren 24
  25. 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. 26. WordPress Deel 8: het belang van social media op een website - traffic 26
  27. 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. 28. WordPress - twitter.com 1 2 3 28
  29. 29. WordPress - WP to Twitter (app maken)(*) 29
  30. 30. WordPress - WP to Twitter (app maken)(*) 30
  31. 31. WordPress - Simple Social Icons 31
  32. 32. WordPress Deel 9: mobiel 32
  33. 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. 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. 35. WordPress - webapp 35
  36. 36. WordPress - webapp 36
  37. 37. WordPress - voorbeeld: www.printmedianieuws.nl 37
  38. 38. WordPress Deel 10: huiswerk 38
  39. 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. 40. Starten met een eigen website • Dank voor jullie aandacht • Veel succes door @peterluit 40

×