Met WordPress (een content management systeem, cms) kan je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. Nu we WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien hoe je de vormgeving en functionaliteit van de site aanpast.
2. Inleiding
Met WordPress (een content management systeem, cms) kunt je blogs en
websites maken. In het eerste deel van deze workshop-reeks beschreven
we wat je nodig hebt en hoe het installatieproces verloopt. Nu we
WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van
gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien
hoe je de vormgeving en functionaliteit van jouw site aanpast.
3. 01 Meerdere gebruikers
Je kunt jouw site of blog in je eentje schrijven, maar WordPress is uitermate geschikt om
met meerdere personen aan een website te werken. Alle gebruikers kunnen andere
rechten hebben, zodat je bepaalde functies voor bepaalde gebruikers verborgen houdt.
Op deze manier kan een schrijver of stagiair alleen nieuwe berichten plaatsen, terwijl je
als administrator de vormgeving van de site kunt aanpassen. Elke gebruiker krijgt zijn of
haar eigen wachtwoord en alle gebruikers zijn te bekijken bij Gebruikers / Alle
gebruikers.
4.
5. 02 Administrator-opties
Onder Gebruikersnaam vindt je de naam van de administrator, in dit geval
beheerder. Klik op beheerder om gegevens aan te passen. Hoe de naam van
de administrator op de website wordt weergegeven, wijzig je door achter
Schermnaam een naam in te voeren. Achter Schermnaam (zoals getoond op
de site) moet je de zojuist aangemaakte naam nog even selecteren en achter
Voornaam en Achternaam kun je jouw naam noteren. Om het wachtwoord van
de beheerder te wijzigen, voer je achter Nieuw wachtwoord tweemaal een
nieuw wachtwoord in en sluit je af met Profiel bijwerken.
6.
7. 03 Gebruiker aanmaken
Een nieuwe gebruiker aanmaken, doe je bij Gebruikers / Nieuwe
toevoegen. Vul achter Gebruikersnaam bijvoorbeeld stagiair in en vul
zijn of haar e-mailadres in. De voornaam en achternaam van de stagiair
kun je aangeven achter de betreffende velden. Geef achter
Wachtwoord tweemaal bijvoorbeeld het wachtwoord !Stagi41r in.
Mocht er in de toekomst iemand anders van dit account gebruik gaan
maken, dan kun je hier de gegevens aanpassen. Achter Rol kies je
Schrijver. Klik op Nieuwe gebruiker toevoegen om de gebruiker aan
te maken.
8.
9. 04 Standaardthema bekijken
We gaan kijken naar de vormgeving van de website. Onder Weergave /
Thema’s zie je bij Thema’s beheren dat het standaardthema Twenty
Eleven is geselecteerd. Bij elke installatie van WordPress wordt
eveneens het thema Twenty Ten geleverd, je ziet hem staan onder
Beschikbare thema’s. Bij het huidige thema vind je de aanwezige opties
voor het thema, deze opties kunnen per thema verschillen. Bij Twenty
Eleven vind je bijvoorbeeld opties voor Widgets, Menu’s, Thema
instellingen, Header en Achtergrond.
10.
11. 05 Standaardthema aanpassen
Klik op Aanpassen, rechts zie je hoe jouw website op dit moment
wordt weergegeven, links vind je de beschikbare vormgevingsopties.
Klik op Websitetitel en ondertitel. Wij maken een website over onze
reis door Europa, dus passen direct de websitetitel aan. Onder
Ondertitel zetten we een beschrijving. Onder Kleuren kies je een
kleurstelling en bij Layout kies je de indeling van de pagina. Kies voor
Enkele kolom, geen sidebar als je de tekst onder Meest recente
berichten niet weer wilt geven. In deze workshop laten we Inhoud
links geselecteerd. Klik op Opslaan & publiceren.
12.
13. 06 Thema installeren
Je kunt andere thema’s voor jouw website installeren. Klik op Thema’s
installeren en onder Eigenschap filter zet je vinkjes voor eigenschappen die je
belangrijk vind. Selecteer bijvoorbeeld Wit, Een kolom en Fotobloggen en klik
op Thema’s zoeken. Om een voorbeeld van het thema te zien, kies je voor
Voorbeeld, bevalt het thema dan klik je meteen op Installeren. Voor de
workshop kiezen we het thema Hum, geef bij Zoeken de termen hum twenty
eleven, navigeer naar het thema Hum en klik op Nu installeren. Kies na
installatie voor Activeren.
14.
15. 07 Berichten begrijpen
Om het verschil te zien tussen berichten en pagina’s, klik je in het
Dashboard op de titel van jouw site (bij ons Reisverslag Europa) / Site
bekijken. Berichten, ook wel posts genoemd, zijn artikelen die je met
nieuwsitems kunt vergelijken. Berichten worden in veel thema’s vergezeld
van een plaatsingsdatum en bezoekers kunnen er eventueel op reageren.
Berichten worden meestal op verschijningsdatum onder elkaar weergegeven
op een website, maar sommige thema’s geven berichten op een andere
manier weer. Ga terug naar het Dashboard door op Reisverslag Europa /
Dashboard te klikken.
16.
17. 08 Berichtenoverzicht
Kies in het Dashboard voor Berichten en je ziet een overzicht van alle
berichten op jouw website. Op dit moment is er slechts één bericht. Om het
bericht te verwijderen, zet je een vinkje voor Hallo wereld! en kies je bij Acties
voor Naar de prullenbak verplaatsen. Bevestig de actie door op Uitvoeren te
klikken. Je kunt de actie altijd ongedaan maken door in de gele balk die
verschijnt voor Ongedaan maken te kiezen. Onder Titel zie je nu Geen
berichten gevonden, je kunt nu nieuwe berichten toevoegen.
18.
19. 09 Nieuw bericht aanmaken
Klik op Berichten / Nieuw bericht. Tik in het bovenste veld de titel van jouw
eerste bericht, in deze workshop is dit Bad Muskau. In het grote veld in het
midden van je scherm schrijf je de tekst van het bericht. Wil je het bericht
opslaan zonder te publiceren, omdat je bijvoorbeeld later meer tekst wilt
toevoegen, klik dan rechtsboven op Opslaan als concept. Een voorbeeld van
de vormgeving van het bericht zie je door op Voorbeeld te klikken. Om het
bericht meteen zichtbaar te maken op jouw website kies je Publiceren.
20.
21. 10 Media toevoegen
We willen graag beeld toevoegen aan ons bericht. Klik op het icoontje achter
Uploaden/Toevoegen. In het volgende venster kies je onder Van computer
voor Bestanden kiezen. Selecteer een afbeelding en klik op Open. Als
WordPress klaar is met het uploaden van de afbeelding naar jouw server, vul
je achter Titel een nieuwe naam in. Via Afbeelding bewerken kun je het
beeld bijvoorbeeld roteren of spiegelen. Klik na een bewerking op Opslaan.
Achter Afmeting kies je het beste voor Gemiddeld of Groot. Sluit af met
Invoegen in bericht en klik op Bijwerken.
22.
23. 11 Categorieën
Elk bericht kan in een bepaalde categorie worden geplaatst. Zo kunt je jouw
bezoekers meer overzicht bieden. Standaard krijgt een bericht de categorie
Geen categorie toegewezen. Wil je dit wijzigen, klik dan in het Dashboard op
een bericht en kies rechts bij Categorieën voor Nieuwe categorie toevoegen.
In deze workshop typ je in het veld nu bijvoorbeeld Duitsland in, omdat ons
bericht over een locatie in Duitsland gaat. Klik vervolgens op Nieuwe categorie
toevoegen. Het vinkje voor Geen categorie haal je weg.
24.
25. 12 Bericht inplannen
Je kunt berichten schrijven en opslaan zonder dat je ze op jouw website
publiceert. Dit is handig als je bijvoorbeeld op één dag alvast alle berichten voor
de komende maand wilt typen (maar minder nuttig bij een reisverslag). In een
bericht staat achter Geplaatst op de datum. Klik op Bewerken en geef voor het
bericht een datum in de toekomst aan, bijvoorbeeld volgende week. Klik op OK,
voor de datum is nu Ingepland voor te lezen. Bezoekers op je website krijgen
zo pas volgende week het bericht te zien. Om af te sluiten, klik je op Inplannen.
26.
27. 13 Pagina’s begrijpen
Pagina’s zijn bedoeld om informatie weer te geven die weinig of niet
verandert. Pagina’s komen in tegenstelling tot berichten standaard in het
menu van jouw website te staan en bezoekers kunnen deze informatie dus
meteen raadplegen vanaf de startpagina. Meestal bevat een website niet
meer dan een handjevol pagina’s om te voorkomen dat een menu overvol
wordt. Het creëren van een pagina gaat op bijna dezelfde manier als een
bericht. Standaard is tot nu toe één pagina te zien: de testpagina Voorbeeld
pagina die standaard door WordPress is aangemaakt bij de installatie.
28.
29. 14 Nieuwe pagina aanmaken
Klik in het Dashboard op Pagina’s / Nieuwe pagina en vul bij Voer hier
de titel in bijvoorbeeld de tekst Over mijn reis in. Schrijf jouw tekst en
voeg eventueel een afbeelding toe. Onder Pagina-attributen aan de
rechterkant vind je de optie Volgorde. Hier staat nu 0, omdat dit de
eerste pagina is die we aanmaken. Pagina’s worden op jouw website
standaard op alfabetische volgorde gesorteerd, maar door hier een
nummer in te vullen, bepaal je zelf de volgorde van de pagina’s op jouw
website. Klik op Publiceren om de pagina online te plaatsen.
30.
31. 15 Paginaoverzicht
Een overzicht van alle pagina’s vind je bij Pagina’s. Verwijder
de pagina Voorbeeld pagina. Als je meerdere pagina’s hebt
aangemaakt, kun je de pagina’s sorteren op titel, datum of
auteur. Hiervoor klik je op de blauwe woorden boven de
pagina’s. Dit heeft overigens geen gevolgen voor de positie
van pagina’s in het menu op jouw website. Heb je veel
pagina’s en wil je snel één pagina voor jouw neus, geef dan
een zoekterm in en klik op Zoek pagina’s. Deze functies vind
je overigens ook allemaal bij het berichtenoverzicht dat je
onder Berichten vindt.
32.
33. 16 Citaten en lijsten
Om in een bericht op pagina een citaat toe te voegen, klik je boven
het tekstveld op het citaat-icoontje, gekenmerkt door het dubbele
aanhalingsteken. Typ vervolgens een tekst en je ziet in het veld dat de
tekst als citaat wordt weergegeven. Ben je klaar met typen, klik dan
nogmaals op de aanhalingstekens om het citaat af te sluiten. Een lijst
maken werkt volgens hetzelfde principe, maar nu klik je op één van
de twee lijst-icoontjes. De eerste betreft een ongeordende lijst, de
tweede een geordende lijst. Klik op Bijwerken om de wijzigingen op
te slaan.
34.
35. 17 Vormgeving aanpassen
Uiteraard kun je zelf bepalen of je jouw tekst vet of cursief wilt laten
weergeven. Hiervoor gebruik je de eerste twee icoontjes in de lijst
boven het tekstveld. Het onderstrepen van woorden is niet
mogelijk, omdat dit meestal voor een hyperlink wordt aangezien. Het
doorhalen van tekst is wel mogelijk, iets wat in blogs vaak wordt
gebruikt zodra een artikeltekst niet meer accuraat is. Met de drie
uitlijningsknoppen in het midden bepaal je of de tekst links of rechts
uitgelijnd moet worden of dat de tekst gecentreerd moet komen te
staan.
36.
37. 18 Koppeling toevoegen
Om een hyperlink toe te voegen, selecteer je een deel van
de tekst of klik je op een afbeelding (afhankelijk van wat je
wilt laten linken). Kies voor het koppeling-icoontje, te
herkennen aan de afbeelding van een schakelketting. Geef
achter URL de koppeling aan, inclusief http://. Achter Titel
verzin je een duidelijke naam. Je kunt ook naar een pagina
of bericht binnen jouw website verwijzen. Klik hiervoor op
Of link naar bestaand bericht of pagina en selecteer de
betreffende pagina of het juiste bericht. Als je alles hebt
ingevuld, klik je op Link toevoegen.
38.
39. 19 Plug-in zoeken
Met een plug-in voeg je bepaalde functionaliteiten toe aan een website.
Zo zijn er plug-ins voor geavanceerde contactformulieren, voor fora of
waarmee je jouw website optimaliseert voor zoekmachines (search
engine optimization, seo, genaamd). Klik op Plugins / Nieuwe plugin en
geef een zoekterm in onder Zoeken als je precies weet waar je naar op
zoek bent. Weet je dat niet precies, klik dan op een tag onder Populaire
tags om te kijken welke plug-ins je tegenkomt. Het is verstandig om
plug-ins met een slechte waardering links te laten liggen, omdat deze
vaak conflicten veroorzaken.
40.
41. 20 Plug-in installeren
Klik in de zoekresultaten onder de naam van een plug-in op Nu
installeren en bevestig de actie met OK. WordPress uploadt
automatisch de bestanden naar jouw server, dit kan enkele minuten
duren. Zodra de plug-in is geïnstalleerd, klik je op Plugin activeren.
In het plug-in-overzicht zie je dat de plug-in is geactiveerd doordat de
achtergrond wit is geworden, een gedeactiveerde plug-in heeft een
grijze achtergrond. De meeste plug-ins hebben instellingen die je
kunt configureren door op Instellingen te klikken.
42.
43. 21 Deel 3
In deel drie van deze workshop nemen we een aantal geavanceerde
functies onder de loep en vertellen we hoe je widgets kunt
gebruiken, wat permalinks zijn en hoe je een reservekopie van jouw
website maakt. Ook leer je wat je met de aangemaakte categorieën
kunt doen en welke meerwaarde browser-plug-ins kunnen hebben bij
het maken en vormgeven van jouw website.
44.
45. Deze presentatie wordt je aangeboden in samenwerking met de redactie van
Computer!Totaal, het grootste computermagazine van de Benelux. Kijk voor meer
informatie over abonnementen op onderstaande url.
www.computertotaal.nl/abonneren
www.facebook.com/computertotaal
www.twitter.com/computertotaal