Online Usability training Hogeschool Utrecht - CCJ (les 2)
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Online Usability training Hogeschool Utrecht - CCJ (les 2)

on

  • 379 views

Online Usability training Hogeschool Utrecht - CCJ (les 2)

Online Usability training Hogeschool Utrecht - CCJ (les 2)

Statistics

Views

Total Views
379
Views on SlideShare
354
Embed Views
25

Actions

Likes
0
Downloads
3
Comments
0

3 Embeds 25

http://www.mijnnieuwsmarkt.nl 18
http://www.luit.nl 6
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Online Usability training Hogeschool Utrecht - CCJ (les 2) Presentation Transcript

  • 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