website usability deel 3: vervolg wordpress

39
Starten met een eigen WordPress website door @peterluit 1

Upload: peter-luit

Post on 17-May-2015

398 views

Category:

Education


1 download

DESCRIPTION

Website Usability deel 3: vervolg WordPress

TRANSCRIPT

Page 1: Website Usability deel 3: vervolg WordPress

Starten met een eigen WordPress website

door @peterluit

1

Page 2: Website Usability deel 3: vervolg WordPress

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

Page 3: Website Usability deel 3: vervolg WordPress

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

Page 4: Website Usability deel 3: vervolg WordPress

WordPress

Deel 11: een formulier maken

4

Page 5: Website Usability deel 3: vervolg WordPress

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

Page 6: Website Usability deel 3: vervolg WordPress

We gaan aan de slag met Gravity Forms

6

21

Page 7: Website Usability deel 3: vervolg WordPress

Aanmaak formulier en beschrijving

7

2

1

Page 8: Website Usability deel 3: vervolg WordPress

Het formulier vullen met velden

8

Page 9: Website Usability deel 3: vervolg WordPress

Het eerste veld kiezen

9

12

Page 10: Website Usability deel 3: vervolg WordPress

Het veld bewerken

10

1

Page 11: Website Usability deel 3: vervolg WordPress

Geavanceerde velden

11

Page 12: Website Usability deel 3: vervolg WordPress

Meer keuze mogelijkheden

12

12

Page 13: Website Usability deel 3: vervolg WordPress

Formulier over meerdere pagina’s verdelen

13

Page 14: Website Usability deel 3: vervolg WordPress

Oefening: zelf formulier maken en plaatsen

14

• voorbeeld op de hoofdwebsite te vinden

Page 15: Website Usability deel 3: vervolg WordPress

Instellingen

15

Page 16: Website Usability deel 3: vervolg WordPress

Instellingen

16

Page 17: Website Usability deel 3: vervolg WordPress

E-mail adres instellen voor ontvanger

17

1

Page 18: Website Usability deel 3: vervolg WordPress

WordPress

Deel 12: beveiliging van WordPress

18

Page 19: Website Usability deel 3: vervolg WordPress

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

Page 20: Website Usability deel 3: vervolg WordPress

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

Page 21: Website Usability deel 3: vervolg WordPress

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

Page 22: Website Usability deel 3: vervolg WordPress

WP-Security lijst met mogelijke verbeteringen

22

Page 23: Website Usability deel 3: vervolg WordPress

Updaten van WordPress, plugins en thema’s

23

Page 24: Website Usability deel 3: vervolg WordPress

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

Page 25: Website Usability deel 3: vervolg WordPress

Het automatisch managen van WordPress sites

25

Page 26: Website Usability deel 3: vervolg WordPress

Het automatisch managen van WordPress sites

26

Page 27: Website Usability deel 3: vervolg WordPress

WordPress

Deel 13: mailchimp integratie voor e-mail marketing

27

Page 28: Website Usability deel 3: vervolg WordPress

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

Page 29: Website Usability deel 3: vervolg WordPress

Mailchimp

• eerst account aanmaken

• WordPress plugin: MailChimp

29

1

Page 30: Website Usability deel 3: vervolg WordPress

Mailchimp

30

inhoud overnemen in WordPress MailChimp plugin

Page 31: Website Usability deel 3: vervolg WordPress

Mailchimp - verbinden via plugin

31

Page 32: Website Usability deel 3: vervolg WordPress

Mailchimp

32

Page 33: Website Usability deel 3: vervolg WordPress

WordPress integratie

33

Page 34: Website Usability deel 3: vervolg WordPress

MailChimp pagina editor

34

Page 35: Website Usability deel 3: vervolg WordPress

WordPress

Deel 14: informatiebronnen

35

Page 36: Website Usability deel 3: vervolg WordPress

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

Page 37: Website Usability deel 3: vervolg WordPress

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

Page 38: Website Usability deel 3: vervolg WordPress

WordPress

Deel 15: afsluiting met vragen en antwoorden

38

Page 39: Website Usability deel 3: vervolg WordPress

Starten met een eigen website

• Dank voor jullie aandacht• Veel succes

door @peterluit

39