Online Usability training Hogeschool Utrecht - CCJ (les 2)

  • 219 views
Uploaded on

Online Usability training Hogeschool Utrecht - CCJ (les 2)

Online Usability training Hogeschool Utrecht - CCJ (les 2)

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
219
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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