Aan de slag met WordPress Deel 3

Met WordPress (een content management systeem, cms) kun je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. In het tweede deel maakten we gebruikers, schreven we berichten en pasten we de vormgeving en functionaliteit van de website aan. In dit derde en laatste deel duiken we dieper in het Dashboard, leer je hoe je reacties moet beheren en laten we je zien hoe je aangepaste menu’s maakt. Ook vertellen we je hoe je een reservekopie van de website maakt.

Inleiding

01 Reacties uitschakelen Als je een blog bijhoudt, kunnen bezoekers veelal op je berichten reageren. In sommige

gevallen wil je niet dat mensen op je website de mogelijkheid hebben om hun mening

achter te laten. Het is in WordPress eenvoudig om de gehele reactie-module van de

website uit te schakelen. Klik op Instellingen / Reacties en haal het vinkje voor Sta toe

dat bezoekers kunnen reageren op nieuwe artikelen en sluit af met Wijzigingen

opslaan. Denk erom dat deze instelling alleen geldt voor nieuwe berichten. Op oude

berichten kan nu nog steeds gereageerd worden.

02 Reactie per bericht instellen Je kunt ook per bericht bepalen of bezoekers mogen reageren. Ga in het

Dashboard naar een bericht. Om deze instelling te kunnen veranderen, moet je

bovenin op Scherminstellingen klikken en een vinkje voor Reacties zetten.

Onder het bericht zie je nu de nieuwe functie Reacties. Als je het bericht hebt

aangemaakt nadat je alle reacties hebt uitgeschakeld, zal het vinkje voor

Reacties toestaan weg zijn. Je kunt ervoor kiezen om voor dit bericht reacties

toe te staan door het vinkje weer aan te zetten. Vergeet niet op Bijwerken te

klikken.

03 Reacties beheren Standaard is ingesteld dat je een reactie moet goedkeuren alvorens hij wordt

geplaatst. Ga naar Reacties en je ziet alle reacties op de site. Rechts zie je op

welk bericht iemand heeft gereageerd en links vind je de bezoekersgegevens.

De gele achtergrond geeft aan dat je de reactie nog moet accepteren. Zet een

vinkje voor de reactie, kies voor Acties / Toelaten en klik op Uitvoeren. De gele

achtergrond verdwijnt en de reactie zal onder het bericht te zien zijn. Om een

spam-reactie te melden, kies je voor Acties / Als spam markeren.

04 Headerafbeelding veranderen Bij bijna elk thema kun je een headerafbeelding instellen. Ga naar Weergave /

Header. Achter Voorbeeld ziet je welke afbeelding je nu hebt geselecteerd. Dit

voorbeeld is gebaseerd op het standaardthema van WordPress en kan op je

website er anders uitzien als je een ander thema hebt geactiveerd. Selecteer

jouw eigen afbeelding door bij Afbeelding selecteren op Bladeren te klikken en

vervolgens een afbeelding te openen en voor Uploaden te kiezen. Je kunt ook

een standaardafbeelding uitzoeken en met Willekeurig geeft WordPress op

elke pagina een andere afbeelding weer.

05 Achtergrond veranderen Wanneer je de achtergrond van je website wilt veranderen, klik je op Weergave

/ Achtergrond. Ons thema heeft op het moment een egaal grijze achtergrond.

Wijzig de achtergrondkleur door achter Achtergrondkleur een hexadecimale

HTML-kleurcode in te geven of klik op Een kleur kiezen als je de HTML-code

niet weet. Je kunt ook een afbeelding kiezen als achtergrond, maar dit kan wel

tot een langere laadtijd van de pagina’s leiden. Klik op Kies een afbeelding van

je computer of kies een al eerder geüploade afbeelding bij Of kies een

afbeelding uit de mediabibliotheek.

06 Media-instellingen Of afbeeldingen groot, gemiddeld of in postzegelformaat worden weergegeven,

bepaal je als je een afbeelding in een bericht of pagina invoegt. Hoe groot deze

waarden precies zijn, stel je in bij Instellingen / Media. Geef de waarde in pixels

aan achter Thumbnail, Gemiddelde afmeting of Grote afmeting. Standaard

worden geüploade afbeeldingen opgeslagen in verschillende mappen op basis

van de uploaddatum. Wil je meer bestanden in één map, zet dan het vinkje voor

Uploads bewaren in mappen op basis van maand en jaar uit en sluit af met

Wijzigingen opslaan.

07 Aangepaste menu’s Standaard is er in de meeste thema’s een koppeling naar de startpagina te

vinden en geeft het menu de pagina’s weer. Wil je iets anders, dan kun je het

menu op je website helemaal zelf instellen. Neem bijvoorbeeld bepaalde

categorieën in het menu op. In ons geval zouden we ervoor kunnen kiezen om

de categorieën Duitsland en Frankrijk op te nemen in het menu, zodat

bezoekers met één klik alle berichten over de betreffende landen kunnen zien.

Voorwaarde is natuurlijk wel dat je bij de berichten de juiste categorieën hebt

aangegeven.

08 Aangepast menu aanmaken Klik in het Dashboard op Weergave / Menu’s en voer achter Menunaam een

naam voor het menu in, bijvoorbeeld Hoofdmenu. Deze naam wordt niet op de

website weergegeven. Klik op Menu aanmaken om elementen aan het menu

toe te voegen. Onder Thema locaties staat hoeveel menu’s je thema

ondersteunt, bij ons thema is dit er slechts één. Selecteer hier Hoofdmenu en

klik op Opslaan. In het blokje Pagina’s / Toon alles selecteer je Home en Over

mijn reis en klik je op Aan menu toevoegen. Sluit af met Menu opslaan.

09 Categorieën toevoegen Ga terug naar Weergave / Menu’s en selecteer Hoofdmenu. Onder

Categorieën / Toon alles selecteren we Duitsland en Frankrijk. Sluit af met

Aan menu toevoegen. Aan de rechterkant ziet je jouw aangepaste menu. Je

kunt de elementen naar boven en naar beneden schuiven. Ben je tevreden, sla

dan het menu op door op Menu opslaan te klikken. Op de website zie je nu dat

de twee categorieën onder de elementen Home en Over mijn reis staan.

10 Sidebars en footers De meeste thema’s bieden ondersteuning voor sidebars. Een sidebar (zijbalk)

kan bijvoorbeeld informatie over een bepaald bericht bevatten zodra je een

bericht opent. Deze sidebars voed je met widgets. Een voorbeeld van een

widget kan een zoek-module zijn, in een sidebar van een bericht wordt dan altijd

een zoekvenster weergegeven. Footers, oftewel voetteksten, kunnen ook met

widgets worden gevuld. Een overzicht van de beschikbare sidebars in je thema

vind je bij Weergave / Widgets.

11 Widget in footer zetten Klik op het driehoekje naast Footergebied een en sleep de widget Recente

reacties naar de cursieve tekst onder Footergebied een. Vul onder Titel de

tekst Reacties in klik op Opslaan. Je zult zien dat aan de onderkant van de

pagina nu de meest recente reacties worden weergegeven. Sleep nu twee

andere widgets naar de teksten onder respectievelijk Footergebied twee en

Footergebied drie en klik bij beide op Opslaan. De gehele ruimte onder je

berichten is nu gevuld met drie widgets.

12 Tags weergeven Naast één of meerdere categorieën, kan een bericht ook tags bevatten. Het

bericht over Carantec op onze voorbeeldwebsite, kan bijvoorbeeld de tags

strand, Bretagne, zee en augustus bevatten. Vul deze tags bij een bericht in het

Dashboard in onder Tags. Meerdere tags scheid je met een komma. Sluit af met

Toevoegen en sla het bericht op met Bijwerken. Bij Weergave / Widgets sleep

je de widget Tagwolk naar één van de footer-gebieden, geef het de titel Tags

om de tags in de voettekst weer te geven.

13 Permalinks veranderen WordPress maakt standaard een getal aan voor elk item dat je aanmaakt. Een

bericht kan dan bijvoorbeeld de url www.richard-veenstra.nl/?p=123 hebben. Dit

is niet zo aantrekkelijk voor zoekmachines, het zou beter zijn als de url de naam

van het bericht zou bevatten. Ga naar Instellingen / Permalinks, selecteer

Berichtnaam en sluit af door op Wijzigingen opslaan te klikken. Als je nu naar

de website gaat en op een bericht klikt, zie je dat de url van het bericht over Bad

Muskau is gewijzigd van ?p=123 in index.php/Bad-Muskau.

14 Contactformulier aanmaken In het vorige deel van de Workshopreeks heb je Contact Form 7 geïnstalleerd. Links in het menu klik je op Contact / Contact form 1. Onder Formulier zie je de elementen van het contactformulier, de teksten tussen <p> en <br /> onder Formulier kun je wijzigen. Onder Mail vul je je e-mailadres in, kopieer de code in het bruine veld bovenin en klik op Opslaan. Maak een pagina aan die je Contact noemt, klik boven het tekstveld op HTML en plak de code in het tekstveld. Voer een titel in, klik op Publiceren en voeg de pagina toe aan het menu.

15 Startpagina wijzigen Wil je niet de nieuwste berichten weergeven op je startpagina, maar bijvoorbeeld

de pagina Over mijn reis, klik dan op Instellingen / Lezen. Selecteer achter

Startpagina toont de optie Een statische pagina en kies bij Voorpagina voor

Over mijn reis. Klik vervolgens op Wijzigingen opslaan. Als bezoekers je

website bezoeken, ziet men deze pagina als eerste. Om berichten te kunnen

lezen, maak je een nieuwe pagina aan en noem je deze Berichten. Bij

Instellingen / Lezen selecteer je achter Berichtpagina de pagina Berichten.

Vergeet niet deze pagina nog aan je menu toe te voegen.

16 XCloner installeren Het is belangrijk dat je reservekopieën maakt van je website. Een reservekopie

bestaat uit twee onderdelen. Ten eerste de bestanden die je hebt geüpload en

de bestanden van thema’s en plug-ins. Daarnaast wil je alle teksten en

voorkeuren kopiëren die je in je Dashboard hebt ingegeven. Deze data zijn

allemaal naar een MySQL-database geschreven. Om alle onderdelen op te

slaan, installeer je de plug-in XCloner. Ga naar Plugins / Nieuwe plugin en

zoek naar XCloner. Onder XCloner – Backup and Restore klik je op Installeer

nu. Activeer de plug-in en ga naar de instellingen bij Plugins / XCloner.

17 XCloner instellingen Vul achter zowel Username als Password het woord admin in en klik op

Login. Ga naar Settings / Authentication en vul beheerder achter Login

Username in. Kies een wachtwoord (bijvoorbeeld w4chtw00rd@) achter Login

Password. Kijk bij General of achter Backup Start Path de root-map van je

server is geselecteerd. Onder MYSQL check je nog even of XCloner de juiste

gegevens heeft overgenomen. Dit zijn de gegevens die je in het eerste deel van

de workshopreeks bij de installatie hebt aangemaakt.

18 Reservekopie maken Klik op Cron en kijk of Full (files + database) achter Cron Settings / Backup

type is geselecteerd. Klik op Actions / Generate Backup. Onder Backup

Database zie je welke tabellen uit de database worden gekopieerd, verander

hier niks. Klik op Files Options om te zien welke bestanden worden gekopieerd.

Klik op Continue en de reservekopie wordt gemaakt. Als de reservekopie klaar

is, klik je op Close. Bij Actions / View backups ziet je de reservekopie, deze

staat in een speciale map op je server. Wil je de reservekopie downloaden, klik

dan op het diskette-icoontje.

19 Website indexeren Je website is uiteraard al online, maar wordt nog niet geïndexeerd door

zoekmachines. Wil je deze beperking opheffen, ga dan naar Instellingen /

Privacy en selecteer de optie Sta zoekmachines toe deze site te indexeren.

Deze optie selecteer je pas als de vormgeving en structuur van de site klaar is,

om te voorkomen dat Google of Bing een onvolledige website in de

zoekresultaten weergeeft. Sluit af met Wijzigingen opslaan.

20 Verwijzen naar submap Als je WordPress in een submap hebt geïnstalleerd, de tweede optie die je bij

stap 16 van deel 1 kon selecteren, dan moet je nog een extra handeling

verrichten. Download index.php uit de rootmap van je server en verander de

tekst require('./wp-blog-header.php'); in require('./wordpress/wp-blog-

header.php');. Upload het bestand naar de root, je overschrijft het oude

bestand. Bij Instellingen / Algemeen geef je achter Website adres (URL)

http://www.<uwdomeinnaam>.nl/wordpress aan. De tekst ‘wordpress’ is in

beide gevallen de naam van de map waar je de installatiebestanden naartoe

hebt gekopieerd.

je

21 Website bijhouden Om bezoekers geïnteresseerd te houden, moet je af en toe nieuwe content

schrijven. Je hoeft hiervoor niet steeds naar het Dashboard te navigeren in de

browser. Ga naar Instellingen / Schrijven en sleep de knop Publiceer dit naar

je bladwijzerbalk. Ben je op een interessante webpagina en wil je de informatie

op je website delen, klik dan op Publiceer dit in de bladwijzerbalk, een pop-up

venster wordt geopend. Hier schrijf je meteen een bericht, de link van de

webpagina is al in het tekstveld ingevoerd. Klik op Publiceren om het bericht op

je website te plaatsen.

www.computertotaal.nl/abonneren

www.facebook.com/computertotaal

www.twitter.com/computertotaal

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.