Starten met een eigen WordPress website

deel 2!!!!!door @peterluit

1

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

WordPress - deel 2

1. werken met content

3

Berichten maken, welke elementen

• titel (en permalink)

• de inleiding van je verhaal

• waar is het blok ‘samenvatting’ voor bedoeld?

• categorieën en tags (bij berichten)

• notatie (meta data)

• de uitgelichte afbeelding

• de tekstverwerking

• media toevoegen

• reacties/trackbacks toestaan

• revisies

• publiceren 4

Pagina’s en keuzes voor de homepage

• herhaling verschillen tussen berichten en pagina’s

• je eerste pagina maken

• je homepage instellen (zie ‘Instellingen’ - ‘Lezen’)

5

Volgorde

6

Titel van je bericht

7

Permalink belangrijk voor Google!

8

Inleiding kort en bondig: plaag om door te lezen!

9

Samenvatting is voor RSS feed, meestal inleiding

10

‘Verder lezen…’ na de eerste alinea

11

• selecteer een woord of meerdere woorden in de tekst als bron voor de link

• selecteer het kettingsymbool

• het scherm ‘Link toevoegen/bewerken’ verschijnt

Het maken van een in- of externe link

12

En publiceren (meerdere opties)

13

Volgorde

14

Bericht en mogelijkheid tot reageren

15

WordPress - deel 2

2. categorieën, tags en notatie

16

Doel van categorieën en tags (alleen bij berichten)

• primair bedoeld voor het interne ‘zoekveld’

• tevens duiding van het type bericht bij publicatie

• beperk het aantal categorieën (5-15) om overzicht te houden

• het is netjes om 1 categorie per bericht aan te houden - als het kan

17

Doel van categorieën en tags (alleen bij berichten)

• tags zijn toegevoegde woorden die vaak in de tekst voorkomen

• beperk het aantal ‘tag’ woorden per bericht tot 3 of 4

18

Doel van categorieën en tags (alleen bij berichten)

• zoekmachines ‘zien’ de verwijzingen naar categorieën en tags

• http://www.xxxxx.nl/categorie/onderzoek

• http://www.xxxxx.nl/tag/vorig-jaar

• de naam ‘categorie’ en ‘tag’ is aan te passen bij ‘Instellingen’

• Elk thema plaatst categorieën en tags op eigen wijze bij het bericht

19

Categorieën en tags vanuit bericht

20

Vanuit bericht categorie/tag toevoegen

21

Totaal overzicht vanuit ‘Berichten’ menu

22

Overzicht categorieën vanuit ‘Berichten’ menu

23

Beschouw de slug als permalink, dus geen spaties

24

Tags volgens hetzelfde principe: vrije woorden

25

Waar staan ze in het thema ‘TwentyFourteen’?

26

Notatie: type bericht aanduiden

27

• Deze voorziening is ingebouwd in de standaard WordPress thema’s, maar wordt verder nauwelijks toegepast en staat bij het gebruik meestal op ‘Standaard’

WordPress - deel 2

3. uitgelichte afbeelding

28

Uitgelichte afbeelding

29

• Een uitgelichte afbeelding is bedoeld als icoon/kenmerk bij een artikel, bijvoorbeeld een logo

• thema’s gaan hier verschillend mee om, sommige thema’s gebruiken ‘gewoon’ het eerste beeld uit een bericht als uitgelichte afbeelding

• thema’s zijn ook vrij in de grootte van de uitgelichte afbeelding, aanpassingen kunnen al dan niet direct in het dashboard worden verricht, of via aanpassingen in stylesheets

• een uitgelichte afbeelding kies je uit je media bibliotheek of je upload een nieuw beeld (behandeld bij media gebruik)

Voorbeeld: auteur als uitgelichte afbeelding

30

Voorbeeld: icoon als uitgelichte afbeelding

31

WordPress - deel 2

4. tekstverwerking

32

Tekstverwerking

33

• Doorgaans wat je gewend bent vanuit reguliere tekst verwerkingsprogramma’s

• ‘Wysiwyg’ is niet helemaal waar (klik altijd op ‘voorbeeld’ of ‘wijzigingen bekijken’ bij blokjePubliceren)

• Tekst is ‘platte weergave’ met codes voor bijvoorbeeld plaatsing van media, tekstformats, uitlijning etc.

Tekstverwerking - extra’s

34

• Blockquote

• Horizontale lijn invoegen

• Links (koppelen, ontkoppelen)

• Lees meer…

• Google is gek op h3 tags= tussenkopjes

WordPress - deel 2

5. media toevoegen: beelden, galerij, video

35

Media: in bibliotheek, uploaden of via URL

36

Media: in bibliotheek, uploaden of via URL

37

Media: een galerij aanmaken

38

Media: video plaatsen

39

• Voorheen door middel van embed (insluiten) code in ‘tekst’ modus in bericht

• Voorbeeld vanuit YouTube, copy/paste <iframe……..</iframe>

• Vanaf versie 4.0, alleen URL plaatsen:http://www.youtube.com/watch?v=xxxxxxx

WordPress - deel 2

6. reacties/trackbacks

40

Reacties: algemene instellingen

41

Reacties: per bericht

42

• Per bericht kunnen reacties al dan niet worden toegestaan

• Per bericht kunnen trackbacks/pingback worden toegestaan

• notificatie van verwijzing dat een link van je eigen artikel op een site van iemand anders staat

WordPress - deel 2

7. auteur (gebruikers), revisies en publiceren

43

Publiceren - de opties

44

• status (workflow)

• zichtbaarheid

• sticky

• via wachtwoord

• privé

• revisies

• datum/tijd publicatie (workflow)

• indien zoekmachine optimalisatie plugin: status SEO

Publiceren - Revisies overzicht vanuit ‘Publiceren’

45

Publiceren - Auteur en revisies vanuit bericht

46

• Auteur: pull-down lijst met te kiezen gebruikers

• Revisies: terug naar vorige versies bericht

Publiceren - Wat mogen gebruikers?

47

• abonnee - alleen lezen en eigen profiel bekijken/veranderen

• schrijver - idem, plus alleen ‘drafts’ maken, dus niet zelf publiceren

• auteur - idem, plus zelf publiceren en eigen artikelen bewerken

• redacteur - idem plus, mag alle artikelen van alle schrijvers/auteurs bewerken

• admin - mag alles wat redacteur mag plus technisch/creatief beheer

Publiceren - Overzicht gebruikers

48

Publiceren - Nieuwe gebruiker

49

WordPress - deel 2

8. pagina’s maken

50

Berichten

nieuwste

oudste

tijdlijn

ber

ichte

n

bestemd voor ‘dynamische’ informatie - onder elkaar

vandaag: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)

gisteren: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)

eergisteren: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)

vrijdag: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla (lees verder…)

51

menu: nieuws (bij regelmatig nieuws, vaak de homepage)

Pagina’s

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla

pagina’s: bestemd voor ‘statische’ informatie

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla

52

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla

wie zijn wij contactwat doen wij onze…..menu:

Overzicht alle pagina’s

53

Een pagina maken

54

• Het veldje ‘volgorde’ is een overblijfsel uit het verleden om pagina’s in een bepaalde volgorde in het menu te plaatsen. tegenwoordig gaat dat via de ‘Weergave’ - ‘Menu’ instellingen

• Thema’s kunnen verschillende templates aanbieden voor de weergave van pagina’s (voor nu nog niet van belang)

Volgorde en templates

55

• Zodra je je pagina hebt gemaakt, publiceer je deze, net zoals bij berichten

• Het tonen van je pagina doe je (nu nog) door middel van ‘Pagina bekijken’

Het tonen van een pagina

56

• Je laatste berichten

• Een statische pagina

Wat zet je op je homepage?

57

Volgende week: menu’s, thema’s en plugins

58

Alvast een voorproefje van menu’s

59

Huiswerk

60

• Probeer eens voor jezelf een menustructuur te bedenken

• Ga eens op zoek naar een voor jouw geschikt thema

• En bepaald welke soort inhoud (berichten of pagina) je op de homepage wilt publiceren

1 2 3

2a

2b