Download - Les 4 Inct. Training WordPress
![Page 1: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/1.jpg)
Starten met een eigen WordPress website
deel 4!!!!!door @peterluit
1
![Page 2: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/2.jpg)
Programma omvat 4 middagen, globale inhoud
• deel 1: introductie
• deel 2: werken met content
• deel 3: menu’s, thema’s en plugins
• deel 4: sidebars en widgets
2
![Page 3: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/3.jpg)
WordPress - deel 4
1. Sidebars en widgets binnen thema’s
3
![Page 4: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/4.jpg)
Sidebars en widgets
4
• Het samenspel van thema en plugins bepalen de mogelijkheden van de ‘widget’ editor voor het plaatsen van widgets in de verschillende sidebars
• met de term ‘widget area’ wordt een sidebar bedoeld
• indien van toepassing wordt na de installatie van een plugin een ‘available widget’ in de widget editor getoond, om geplaatst te worden in een sidebar
• voorbeeld: een plugin om formulieren te maken ‘Gravity Forms’ maakt het mogelijk om een invulformulier in een sidebar te plaatsen
![Page 5: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/5.jpg)
Widgets plaatsen in sidebars binnen een thema
5
![Page 6: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/6.jpg)
Widgets plaatsen in sidebars binnen een thema
6
4 footer gebieden
![Page 7: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/7.jpg)
Sidebars en widgets
7
• Elk thema maakt gebruik van één of meer sidebars, waarin meerdere widgets kunnen worden geplaatst
• WordPress biedt standaard een hele reeks bruikbare widgets
• Plugins kunnen widgets installeren, die zelf geplaatst kunnen worden
![Page 8: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/8.jpg)
WordPress - deel 4
2. Plugins voor uitgeefdoeleinden
8
![Page 9: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/9.jpg)
Typen plugins
9
• advertenties
• gerelateerde berichten
• print-to-web
• bezoekersanalyse/vindbaarheid
• auteursprofielen
• betaalmuren/ledenwebsites
![Page 10: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/10.jpg)
Advertenties
10
• door middel van een slider (zie http://www.golfbaanspraarwoude.nl)
• https://wordpress.org/plugins/logo-slider/
![Page 11: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/11.jpg)
Advertenties
11
• door middel van een ‘roulerende’ banner in een widget
• https://wordpress.org/plugins/useful-banner-manager/
![Page 12: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/12.jpg)
Advertenties (*)
12
• 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.
![Page 13: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/13.jpg)
Gerelateerde berichten
13
• De bekende ‘Lees ook…’
• https://wordpress.org/plugins/yet-another-related-posts-plugin/
![Page 14: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/14.jpg)
Print-to-web
14
• Een op papier lijkende online PDF-Reader
• https://wordpress.org/plugins/issuu-embed/
![Page 15: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/15.jpg)
Bezoekersanalyse/vindbaarheid
15
• 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/
![Page 16: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/16.jpg)
Auteursprofielen
16
• Onderaan een artikel: gegevens en (optioneel) koppelingen social media kanalen per auteur
• https://wordpress.org/plugins/author-bio-box/
![Page 17: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/17.jpg)
Betaalmuren/ledenwebsites (zie artikel)
17
• Talloze mogelijkheden, een paar voorbeelden:
• http://www.s2member.com/ (basis gratis, Pro betaald, betaalmogelijkheden)
![Page 18: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/18.jpg)
Betaalmuren/ledenwebsites
18
• 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)
![Page 19: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/19.jpg)
WordPress - deel 4
3. Social Media integratie
19
![Page 20: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/20.jpg)
Social media integratie
20
• 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
![Page 21: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/21.jpg)
Social media integratie
21
• Lijst van Twitterberichten in widget - stukje code vanuit Twitter
![Page 22: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/22.jpg)
website
eigen inhoud
brochures
filmpjes
presentaties
nieuwsbrief
Wat staat centraal?
![Page 23: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/23.jpg)
je eigen website centraal!
eigen inhoud
brochures
filmpjes
presentaties
nieuwsbrief
Verkeer genereren naar centraal medium
![Page 24: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/24.jpg)
WordPress - deel 4
4. Nieuwsbrieven d.m.v. MailChimp (*)
24
![Page 25: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/25.jpg)
Wat is MailChimp?
25
• 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
![Page 26: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/26.jpg)
Wat is MailChimp?
26
• Hoe kan het volledig geautomatiseerd werken?
• RSS feed van berichten op basis van bepaalde frequentie
![Page 27: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/27.jpg)
Wat is MailChimp?
27
• 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
![Page 28: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/28.jpg)
Wat is MailChimp?
28
• 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
![Page 29: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/29.jpg)
WordPress - deel 4
5. Zoekmachine optimalisatie (SEO)
29
![Page 30: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/30.jpg)
Zoekmachine optimalisatie met ‘yoast’ plugin
30
![Page 31: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/31.jpg)
Zoekmachine optimalisatie (SEO)
31
![Page 32: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/32.jpg)
Zoekmachine optimalisatie (SEO)
32
![Page 33: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/33.jpg)
Zoekmachine optimalisatie (SEO)
33
![Page 34: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/34.jpg)
Zoekmachine optimalisatie (SEO)
34
![Page 35: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/35.jpg)
Zoekmachine optimalisatie - oefening
35
• 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’
![Page 36: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/36.jpg)
WordPress - deel 4
5. Contactformulier(en)
36
![Page 37: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/37.jpg)
Oefening: contactformulier met GravityForms
37
• Kies ‘nieuw formulier’
• Titel formulier
• Beschrijving formulier
![Page 38: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/38.jpg)
Een contactformulier maken met GravityForms
38
![Page 39: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/39.jpg)
Een contactformulier maken met GravityForms
39
![Page 40: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/40.jpg)
Een contactformulier maken met GravityForms
40
![Page 41: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/41.jpg)
Een contactformulier maken met GravityForms
41
![Page 42: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/42.jpg)
• In je pagina plaatsen
• Kies ‘Add Form’
• Kies juiste formulier
• Kies ‘activeer Ajax’ (*)
• Zie code in pagina
• Testen
Oefening: contactformulier met GravityForms
42
![Page 43: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/43.jpg)
WordPress - deel 4
5. Antispam d.m.v. Akismet
43
![Page 44: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/44.jpg)
Akismet - anti SPAM, vereist een API key (gratis)
44
![Page 45: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/45.jpg)
Akismet - anti SPAM, vereist een API key (gratis)
45
![Page 46: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/46.jpg)
Akismet - anti SPAM, vereist een API key (gratis)
46
![Page 47: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/47.jpg)
WordPress - deel 4
6. Sliders etc.
47
![Page 48: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/48.jpg)
Sliders zijn een ‘mode’ artikel
48
• 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
![Page 49: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/49.jpg)
Layer Slider - screenshot
49
![Page 50: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/50.jpg)
Revolution Slider - screenshot
50
![Page 51: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/51.jpg)
WordPress - deel 4
7. Cookies
51
![Page 52: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/52.jpg)
Cookies
52
• 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
![Page 53: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/53.jpg)
WordPress - deel 4
8. Wat hebben we geleerd?
53
![Page 54: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/54.jpg)
Samenvatting bereikte leerdoelen met 200 slides
54
• dashboard, inloggen gebruikers, instellingen
• berichten, pagina’s, reacties, categorieën, tags, spam, indeling homepage
• media, plaatsen, uitlijnen, vergroten/verkleinen, embedden, uitgelichte afb.
• soorten thema’s, sidebars, widgets, header, footer
• plug-ins, gericht op uitgevers
• conditionele content/menu’s
• basis SEO, Google Analytics, Formulier, Sliders, Cookies
![Page 55: Les 4 Inct. Training WordPress](https://reader034.vdocuments.site/reader034/viewer/2022051323/547c4c7cb47959b6508b45fb/html5/thumbnails/55.jpg)
WordPress is learning by doing: veel succes!
55
advies, ondersteuning, implementatie:!@[email protected].:06-20709846!algemene informatie WordPress trainingen: @inct