Starten met een eigen WordPress website

door @peterluit

1

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

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

WordPress

Deel 6: gebruikers en instellingen

4

Gebruikers en rechten: een overzicht

5

1

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

Instellingen: algemeen

7

1

Instellingen: reacties

8

Instellingen: reacties aan/uitzetten

9

1

Instellingen: permalinks

10

1

WordPress

Deel 7: je site verder verfijnen - plugins

11

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

WordPress - contact formulier gaan we oefenen

13

• kijk eens bij http://www.wordpress.org/plugins

WordPress - waar zoeken naar plugins?

14

WordPress - zoek op ‘social media icons’

15

• 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)

WordPress - plugins

16

WordPress - plugins

17

WordPress - plugins

18

WordPress - zoeken naar plugins

• binnen wordpress.org (gratis)

• maar ook gewoon via Google (zowel gratis als betaald)

19

2

1

3

WordPress - voorbeeld: Gravity Forms

20

WordPress - Google Analytics Dashboard - Eddy

21

WordPress - nieuwsbrief via mailchimp.com

22

WordPress - nieuwsbrief: instellingen in WordPress

23

WordPress - zelf aan de slag, SEO activeren

24

• WordPress SEO door Yoast scherm komt onder elke pagina of bericht

• Binnenkort gaat Eddy hiermee verder

WordPress - zelf aan de slag, SEO activeren

25

WordPress

Deel 8: het belang van social media op een website - traffic

26

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)

27(*) vooral de technici laten doen ;-)

WordPress - twitter.com

28

1 2 3

WordPress - WP to Twitter (app maken)(*)

29

WordPress - WP to Twitter (app maken)(*)

30

WordPress - Simple Social Icons

31

WordPress

Deel 9: mobiel

32

WordPress - responsive design

33

• Responsive design - automatische aanpassing ‘opmaak’ op basis van resoluties

• Doe het zelf maar eens met http://www.mijnnieuwsmarkt.nl

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

WordPress - webapp

35

WordPress - webapp

36

WordPress - voorbeeld: www.printmedianieuws.nl

37

WordPress

Deel 10: huiswerk

38

WordPress - huiswerk

39

• 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

Starten met een eigen website

• Dank voor jullie aandacht• Veel succes

door @peterluit

40