website usability deel 3: vervolg wordpress

Starten met een eigen WordPress website

door @peterluit

1

Programma 2e avond - wat hebben we gedaan?

• 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

2

Wat gaan we vanavond nog doen?

• deel 11: een formulier maken (oefening)

• deel 12: mailchimp integratie

• deel 13: beveiliging van WordPress, backups

• deel 14: informatiebronnen

• deel 15: afsluiting

3

WordPress

Deel 11: een formulier maken

4

Plugins voor formulieren

5

• contactform7 (gratis te downloaden bij WordPress.org)

• erg eenvoudig, veelal ‘slechts’ gericht op naam, email, onderwerp, inhoud

• Gravity Forms vanaf $39

• zeer fraaie plugin, conditionele stappen, integratie betaalmethoden d.m.v add-ons etc.

• Formidable Pro

• Lite versie gratis, daarna vanaf $47, ook mogelijk om berichten en pagina’s te maken vanaf een formulier

We gaan aan de slag met Gravity Forms

6

21

Aanmaak formulier en beschrijving

7

2

1

Het formulier vullen met velden

8

Het eerste veld kiezen

9

12

Het veld bewerken

10

1

Geavanceerde velden

11

Meer keuze mogelijkheden

12

12

Formulier over meerdere pagina’s verdelen

13

Oefening: zelf formulier maken en plaatsen

14

• voorbeeld op de hoofdwebsite te vinden

Instellingen

15

Instellingen

16

E-mail adres instellen voor ontvanger

17

1

WordPress

Deel 12: beveiliging van WordPress

18

Wat kan je wel en niet doen?

• geen ‘admin’ gebruiken als gebruikersnaam

• Gebruik complexe wachtwoorden: RE4&8H%@9GBvdj76%

• Rechten op het gebruik van bestanden (*)

• Overbodige bestanden verwijderen (*)

• Niet gebruikte plugins en thema’s verwijderen

• Gebuik alleen actuele plugins en thema’s

19

Beveiligen door middel van plugins?

• Askimet beschermt je website tegen spam

• werkt met API key (aanvragen)

• Backups maken van database en databestanden (WP-DBManager)

• artikelen en pagina’s staan in de database

• beelden staan in de map wp-content (vraag provider naar backup basis)

• Optimaliseren database

• opruimen ongebruikte tabellen (bijvoorbeeld door plugins)

20

Aantal plugins rondom beveiliging en performance

• Beveiliging

• WordFence Security (goed, maar maakt nogal wat tabellen aan in de database)

• Better WP Security (lijst met verbeter suggesties)

• Performance door middel van caching (is altijd ‘beetje’ rommelen)

• W3Total Cache (was altijd actueel, nu niet meer)

• Quick Cache

• WP Minify

21

WP-Security lijst met mogelijke verbeteringen

22

Updaten van WordPress, plugins en thema’s

23

Updaten van WordPress, plugins en thema’s

• Doe dat niet meteen, wacht altijd paar weken

• WordPress automatiseert zelf minor updates, dus van 3.7.1 naar 3.7.2

• Check bij plugins altijd het forum bij wordpress.org of naar het support deel van de leverancier bij betaalde plugins

• Idem vormgevings thema’s

• Updaten is niet alleen nodig om nieuwe functies toe te voegen

• Updates zijn vaak nodig om ‘lekken’ te dichten

24

Het automatisch managen van WordPress sites

25

Het automatisch managen van WordPress sites

26

WordPress

Deel 13: mailchimp integratie voor e-mail marketing

27

Mailchimp

28

• account aanmaken op mailchimp.com

• per e-mail bevestiging

• de volgorde:

• type campagne kiezen (met de hand of RSS feed)

• lijst van ontvangers aanmaken/bewerken/kiezen

• algemene instellingen (naam, afzender etc.)

• vormgeving

• starten/sturen

Mailchimp

• eerst account aanmaken

• WordPress plugin: MailChimp

•

29

1

Mailchimp

30

inhoud overnemen in WordPress MailChimp plugin

Mailchimp - verbinden via plugin

31

Mailchimp

32

WordPress integratie

33

MailChimp pagina editor

34

WordPress

Deel 14: informatiebronnen

35

Je blijft leren

• wordpress.org

• boeken in overvloed......

• elke serieuze thema ontwikkelaar heeft een forum

• elke serieuze plugin ontwikkelaar heeft een forum

• veel groepen op LinkedIn, zeer actief

36

En dan verder (*)

• thema’s (parent en childthemes)

• hooks (actions en filters) - zie bijvoorbeeld generatewp.com

• php en css kennis ontwikkelen (pro)

• multisite (http://www.site.nl en dan http://sub.site.nl etc.)

• voor grotere netwerk oplossingen en intranetten

37

WordPress

Deel 15: afsluiting met vragen en antwoorden

38

Starten met een eigen website

• Dank voor jullie aandacht• Veel succes

door @peterluit

39