Starten met een eigen WordPress website deel 2 door @peterluit 1
Jan 24, 2015
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