Bonus bij de training website usability van de hogeschool utrecht

1. Starten met een eigen WordPress website
bonus
versie 3.0 - maart 2016
door @peterluit
1

2. WordPress - bonus
1. Zinvolle plugins
2

3. Typen plugins
3
• advertenties
• gerelateerde berichten
• print-to-web
• bezoekersanalyse/vindbaarheid
• auteursprofielen
• betaalmuren/ledenwebsites

4. Advertenties
4
• door middel van een slider (zie http://www.golfbaanspraarwoude.nl)
• https://wordpress.org/plugins/logo-slider/

5. Advertenties
5
• door middel van een ‘roulerende’ banner in een widget, zie bijvoorbeeld
http://www.offshorevisie.nl
• https://wordpress.org/plugins/useful-banner-manager/

6. Advertenties (*)
6
• OpenX integratie: plaats advertenties vanuit advertentie management
systeem
• https://wordpress.org/plugins/openx-wordpress-widget/
• OpenX heet tegenwoordig Revive Addserver
• webservice voor het meten van advertentie bewegingen
• is een vak op zichzelf, termen als CPM, CPC, CPA etc.

7. Gerelateerde berichten
7
• De bekende ‘Lees ook…’
• https://wordpress.org/plugins/yet-another-related-posts-plugin/

8. Print-to-web
8
• Een op papier lijkende online PDF-Reader
• https://wordpress.org/plugins/issuu-embed/

9. Bezoekersanalyse/vindbaarheid
9
• Google Analytics en SEO plugin
• https://yoast.com/wordpress/plugins/seo/ (apart behandeld)
• https://yoast.com/wordpress/plugins/google-analytics/
• Eventueel weergeven van Analytics op dashboard: https://wordpress.org/
plugins/google-analytics-dashboard-for-wp/

10. Auteursprofielen
10
• Onderaan een artikel: gegevens en (optioneel) koppelingen social media
kanalen per auteur
• https://wordpress.org/plugins/author-bio-box/

11. Betaalmuren/ledenwebsites (zie artikel)
11
• Talloze mogelijkheden, een paar voorbeelden:
• http://www.s2member.com/ (basis gratis, Pro betaald,
betaalmogelijkheden)

12. Betaalmuren/ledenwebsites
12
• Talloze mogelijkheden, een paar voorbeelden:
• https://wordpress.org/plugins/wp-members/
• https://wordpress.org/plugins/wordpress-access-control/
• http://www.cozmoslabs.com/wordpress-profile-builder/
• http://chrislema.com/comparing-wordpress-membership-plugins/ (een
overzicht en vergelijking van een aantal plugins op dit gebied)

13. WordPress - deel 4
3. Social Media integratie
13

14. Social media integratie
14
• Algemene icons op website, links naar de gebruikte kanalen (open nieuw
venster) - bijvoorbeeld Simple Social Icons
• Icons onderaan elk bericht/pagina om het artikel te liken of te delen (meestal
voorzien van tellertjes) - bijvoorbeeld Simple Share Buttons Adder
• Plugins om social media kanalen te berichten over de publicatie van een
nieuw bericht/pagina - bijvoorbeeld WP to Twitter

15. Social media integratie
15
• Lijst van Twitterberichten in widget - stukje code vanuit Twitter

16. website
eigen inhoud
brochures
filmpjes
presentaties
twitter
Facebook
LinkedIn
nieuwsbrief
Wat staat centraal?

17. je eigen website
centraal!
eigen inhoud
brochures
filmpjes
presentaties
twitter
Facebook
LinkedIn
nieuwsbrief
Verkeer genereren naar centraal medium

18. WordPress - deel 4
4. Nieuwsbrieven d.m.v. MailChimp (*)
18

19. Wat is MailChimp?
19
• Een Amerikaans web-based e-mail marketing systeem
• een forse omgeving op zichzelf (vergt echt wel wat tijd)
• integratie met WordPress door middel van MailChimp plugin of stukje
JavaScript code in een widget voor meer geavanceerde e-mail nieuwsbrief
inschrijfformulier

20. Wat is MailChimp?
20
• Hoe kan het volledig geautomatiseerd werken?
• RSS feed van berichten op basis van bepaalde frequentie

21. Wat is MailChimp?
21
• MailChimp werkt met zogenaamde ‘tags’ die per bericht de content vanaf de
website ophaalt
• *|RSSITEM:TITLE|* = de titel van elk artikel
• *|RSSITEM:CONTENT|* = de inhoud van elk artikel

22. Wat is MailChimp?
22
• Wat moet je dus doen (samenvattende aandachtspunten)
• account aanmaken in MailChimp
• een lijst van ontvangers (handmatig of via excel sheet) #toestemming?
• MailChimp plugin activeren en lijst kiezen, formulier in widget plaatsen
• een campagne maken op basis van RSS feed (voor geautomatiseerde
nieuwsbrief), frequentie, tijd ontvangst instellen
• een template kiezen voor de vormgeving en inhoud plaatsen (tags)
• de campagne starten

23. WordPress - deel 4
5. Zoekmachine optimalisatie (SEO)
23

24. Zoekmachine optimalisatie met ‘yoast’ plugin
24

25. Zoekmachine optimalisatie (SEO)
25

26. Zoekmachine optimalisatie (SEO)
26

27. Zoekmachine optimalisatie (SEO)
27

28. Zoekmachine optimalisatie (SEO)
28

29. Zoekmachine optimalisatie - oefening
29
• Kies één van je eigen berichten op je werksite
• Probeer de SEO instellingen in te stellen voor:
• SEO titel (meestal gelijk aan titel van je bericht, met daarachter de
naam van de website)
• je belangrijkste ‘focus’ zoekterm
• je meta omschrijving (meestal stukje van je inleiding)
• controleer je instellingen (na bijwerken) bij ‘Pagina Analyse’

30. WordPress - deel 4
5. Contactformulier(en)
30

31. Oefening: contactformulier met GravityForms
31
• Kies ‘nieuw formulier’
• Titel formulier
• Beschrijving formulier

32. Een contactformulier maken met GravityForms
32

33. Een contactformulier maken met GravityForms
33

34. Een contactformulier maken met GravityForms
34

35. Een contactformulier maken met GravityForms
35

36. • In je pagina plaatsen
• Kies ‘Add Form’
• Kies juiste formulier
• Kies ‘activeer Ajax’ (*)
• Zie code in pagina
• Testen
Oefening: contactformulier met GravityForms
36

37. WordPress - deel 4
5. Antispam d.m.v. Akismet
37

38. Akismet - anti SPAM, vereist een API key (gratis)
38

39. Akismet - anti SPAM, vereist een API key (gratis)
39

40. Akismet - anti SPAM, vereist een API key (gratis)
40

41. WordPress - deel 4
6. Sliders etc.
41

42. Sliders zijn een ‘mode’ artikel
42
• Slider plugins zijn doorgaans ‘groot’, vergen redelijk wat tijd om goed te
gebruiken. Twee voorbeelden:
• Layer Slider WP - $17 via codecanyon.net
• Revolution Slider - $18 via codecanyon.net
• gebruik ze met mate en overdrijf niet met de animaties tussen de
verschillende beelden in de slider

43. Layer Slider - screenshot
43

44. Revolution Slider - screenshot
44

45. WordPress - deel 4
7. Cookies
45

46. Cookies
46
• WordPress maakt gebruik van cookies
• alleen al het bewaren van inlog gegevens verloopt via cookies
• maak slechts melding dat je met respect voor privacy binnen je website
gebruikt maakt via cookies
• download geen plugins op dit gebied met hinderlijke ‘toestemming’
pop-up schermpjes

47. WordPress is learning by doing: veel succes!
47
advies, ondersteuning, implementatie:
@peterluit
peter@luit.nl
tel.:06-20709846