SlideShare a Scribd company logo
1 of 45
Download to read offline
Aan de slag met WordPress
Deel 3
Inleiding
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.
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.
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

More Related Content

What's hot

Les 2 Inct. Training WordPress
Les 2 Inct. Training WordPressLes 2 Inct. Training WordPress
Les 2 Inct. Training WordPressPeter Luit
 
Joomla licht gevorderd
Joomla licht gevorderdJoomla licht gevorderd
Joomla licht gevorderdbparthoe
 
Online usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressOnline usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressPeter Luit
 
Qreativ cms kennismaking
Qreativ cms kennismakingQreativ cms kennismaking
Qreativ cms kennismakingQreativ BV
 
Les 4 Inct. Training WordPress
Les 4 Inct. Training WordPressLes 4 Inct. Training WordPress
Les 4 Inct. Training WordPressPeter Luit
 
Joomla 3.0
Joomla 3.0Joomla 3.0
Joomla 3.0bparthoe
 
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014Eric Tiggeler
 
Best Practice: Joomla! templating
Best Practice: Joomla! templatingBest Practice: Joomla! templating
Best Practice: Joomla! templatingHans Kuijpers
 
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...Eric Tiggeler
 
Hyperlocal Academy - deel 2: techniek
Hyperlocal Academy - deel 2: techniekHyperlocal Academy - deel 2: techniek
Hyperlocal Academy - deel 2: techniekPeter Luit
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesEmiel Kwakkel
 
Les 3 Inct. Training WordPress
Les 3 Inct. Training WordPressLes 3 Inct. Training WordPress
Les 3 Inct. Training WordPressPeter Luit
 
Joomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceJoomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceSimon Kloostra
 
Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenSander Potjer
 

What's hot (19)

Les 2 Inct. Training WordPress
Les 2 Inct. Training WordPressLes 2 Inct. Training WordPress
Les 2 Inct. Training WordPress
 
Joomla licht gevorderd
Joomla licht gevorderdJoomla licht gevorderd
Joomla licht gevorderd
 
Online usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressOnline usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPress
 
Qreativ cms kennismaking
Qreativ cms kennismakingQreativ cms kennismaking
Qreativ cms kennismaking
 
Les 4 Inct. Training WordPress
Les 4 Inct. Training WordPressLes 4 Inct. Training WordPress
Les 4 Inct. Training WordPress
 
Joomla 3.0
Joomla 3.0Joomla 3.0
Joomla 3.0
 
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014Templates maken met helix framework  Joomla User Group Utrecht 10 november 2014
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
 
Joomla
JoomlaJoomla
Joomla
 
Best Practice: Joomla! templating
Best Practice: Joomla! templatingBest Practice: Joomla! templating
Best Practice: Joomla! templating
 
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
 
Hyperlocal Academy - deel 2: techniek
Hyperlocal Academy - deel 2: techniekHyperlocal Academy - deel 2: techniek
Hyperlocal Academy - deel 2: techniek
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modules
 
DIMA MANAGER
DIMA MANAGERDIMA MANAGER
DIMA MANAGER
 
Inleiding Joomla
Inleiding JoomlaInleiding Joomla
Inleiding Joomla
 
Les 3 Inct. Training WordPress
Les 3 Inct. Training WordPressLes 3 Inct. Training WordPress
Les 3 Inct. Training WordPress
 
Uitleg van glogster
Uitleg van glogsterUitleg van glogster
Uitleg van glogster
 
Joomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla PerformanceJoomladagen 2015 Joomla Performance
Joomladagen 2015 Joomla Performance
 
Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publiceren
 
Cursus Joomla 1.6
Cursus Joomla 1.6Cursus Joomla 1.6
Cursus Joomla 1.6
 

Similar to Workshop: Aan de slag met WordPress - Deel 3

Workshop: Aan de slag met WordPress - Deel 2
Workshop: Aan de slag met WordPress - Deel 2Workshop: Aan de slag met WordPress - Deel 2
Workshop: Aan de slag met WordPress - Deel 2IDG Nederland
 
Google sites
Google sitesGoogle sites
Google sitesleodillen
 
Maak je eigen weblog!
Maak je eigen weblog!Maak je eigen weblog!
Maak je eigen weblog!saMBO-ICT
 
Ws 2 gedifferentieerd werken met leerpaden
Ws 2   gedifferentieerd werken met leerpadenWs 2   gedifferentieerd werken met leerpaden
Ws 2 gedifferentieerd werken met leerpadenArtevelde - VUB
 
Content Beheer Voor De Avans Open Website
Content Beheer Voor De Avans Open WebsiteContent Beheer Voor De Avans Open Website
Content Beheer Voor De Avans Open WebsiteJeroen Hoogeweij
 
20170310 Jouw eigen website maken - Sabbatini
20170310 Jouw eigen website maken - Sabbatini20170310 Jouw eigen website maken - Sabbatini
20170310 Jouw eigen website maken - SabbatiniI Like Media
 
Workshop gedifferentieerd werken met leerpaden
Workshop gedifferentieerd werken met leerpadenWorkshop gedifferentieerd werken met leerpaden
Workshop gedifferentieerd werken met leerpadenArtevelde - VUB
 
Opleiding WordPress voor Sabbattini
Opleiding WordPress voor SabbattiniOpleiding WordPress voor Sabbattini
Opleiding WordPress voor SabbattiniI Like Media
 
Wordpress Training Deel 1 2-3 - Handout
Wordpress Training Deel 1 2-3 - HandoutWordpress Training Deel 1 2-3 - Handout
Wordpress Training Deel 1 2-3 - HandoutWonderlijk Werken
 
Basisuitleg over webpagina’s
Basisuitleg over webpagina’sBasisuitleg over webpagina’s
Basisuitleg over webpagina’sgspeekenbrink
 
Stappenplan glogster voor leerlingen
Stappenplan glogster voor leerlingenStappenplan glogster voor leerlingen
Stappenplan glogster voor leerlingenEls Lambrechts
 

Similar to Workshop: Aan de slag met WordPress - Deel 3 (20)

Workshop: Aan de slag met WordPress - Deel 2
Workshop: Aan de slag met WordPress - Deel 2Workshop: Aan de slag met WordPress - Deel 2
Workshop: Aan de slag met WordPress - Deel 2
 
drpl
drpldrpl
drpl
 
Google sites
Google sitesGoogle sites
Google sites
 
Google sites
Google sitesGoogle sites
Google sites
 
Google sites
Google sitesGoogle sites
Google sites
 
Google sites
Google sitesGoogle sites
Google sites
 
Maak je eigen weblog!
Maak je eigen weblog!Maak je eigen weblog!
Maak je eigen weblog!
 
Ws 2 gedifferentieerd werken met leerpaden
Ws 2   gedifferentieerd werken met leerpadenWs 2   gedifferentieerd werken met leerpaden
Ws 2 gedifferentieerd werken met leerpaden
 
Content Beheer Voor De Avans Open Website
Content Beheer Voor De Avans Open WebsiteContent Beheer Voor De Avans Open Website
Content Beheer Voor De Avans Open Website
 
20170310 Jouw eigen website maken - Sabbatini
20170310 Jouw eigen website maken - Sabbatini20170310 Jouw eigen website maken - Sabbatini
20170310 Jouw eigen website maken - Sabbatini
 
Workshop gedifferentieerd werken met leerpaden
Workshop gedifferentieerd werken met leerpadenWorkshop gedifferentieerd werken met leerpaden
Workshop gedifferentieerd werken met leerpaden
 
Opleiding WordPress voor Sabbattini
Opleiding WordPress voor SabbattiniOpleiding WordPress voor Sabbattini
Opleiding WordPress voor Sabbattini
 
Product features_v3
Product features_v3Product features_v3
Product features_v3
 
Wordpress Training Deel 1 2-3 - Handout
Wordpress Training Deel 1 2-3 - HandoutWordpress Training Deel 1 2-3 - Handout
Wordpress Training Deel 1 2-3 - Handout
 
Intranet Instructie
Intranet InstructieIntranet Instructie
Intranet Instructie
 
Basisuitleg over webpagina’s
Basisuitleg over webpagina’sBasisuitleg over webpagina’s
Basisuitleg over webpagina’s
 
Wordpress.com les 1
Wordpress.com les 1Wordpress.com les 1
Wordpress.com les 1
 
Stappenplan glogster voor leerlingen
Stappenplan glogster voor leerlingenStappenplan glogster voor leerlingen
Stappenplan glogster voor leerlingen
 
Dnn Training Beatrix
Dnn Training BeatrixDnn Training Beatrix
Dnn Training Beatrix
 
Safari versie 7.0
Safari  versie 7.0Safari  versie 7.0
Safari versie 7.0
 

More from IDG Nederland

Aan de slag met Gimp
Aan de slag met GimpAan de slag met Gimp
Aan de slag met GimpIDG Nederland
 
Zet je Android-tablet in als keukenhulp
Zet je Android-tablet in als keukenhulpZet je Android-tablet in als keukenhulp
Zet je Android-tablet in als keukenhulpIDG Nederland
 
15 tips voor kindveilig internet
15 tips voor kindveilig internet15 tips voor kindveilig internet
15 tips voor kindveilig internetIDG Nederland
 
6 stijlvolle iPhone docks
6 stijlvolle iPhone docks6 stijlvolle iPhone docks
6 stijlvolle iPhone docksIDG Nederland
 
How To: Je Android-tablet op het werk
How To: Je Android-tablet op het werkHow To: Je Android-tablet op het werk
How To: Je Android-tablet op het werkIDG Nederland
 
6 Android-apps om de weg te vinden
6 Android-apps om de weg te vinden6 Android-apps om de weg te vinden
6 Android-apps om de weg te vindenIDG Nederland
 
6 games voor je Android-tablet
6 games voor je Android-tablet6 games voor je Android-tablet
6 games voor je Android-tabletIDG Nederland
 
Alle Google Chromebooks op een rij
Alle Google Chromebooks op een rijAlle Google Chromebooks op een rij
Alle Google Chromebooks op een rijIDG Nederland
 
Aan de slag met Google Hangouts
Aan de slag met Google HangoutsAan de slag met Google Hangouts
Aan de slag met Google HangoutsIDG Nederland
 
24 gadgets voor je Android-smartphone
24 gadgets voor je Android-smartphone24 gadgets voor je Android-smartphone
24 gadgets voor je Android-smartphoneIDG Nederland
 
How To: De Raspberry Pi als downloadmachine
How To: De Raspberry Pi als downloadmachineHow To: De Raspberry Pi als downloadmachine
How To: De Raspberry Pi als downloadmachineIDG Nederland
 
15 gratis tools om je systeem te checken
15 gratis tools om je systeem te checken15 gratis tools om je systeem te checken
15 gratis tools om je systeem te checkenIDG Nederland
 
How To: Alle media op je tablet
How To: Alle media op je tabletHow To: Alle media op je tablet
How To: Alle media op je tabletIDG Nederland
 
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013IDG Nederland
 
Cursus: Smartphone of tablet beveiligen
Cursus: Smartphone of tablet beveiligenCursus: Smartphone of tablet beveiligen
Cursus: Smartphone of tablet beveiligenIDG Nederland
 
Cursus: Deel 3 - Raspberry Pi als compact mediacenter
Cursus: Deel 3 - Raspberry Pi als compact mediacenterCursus: Deel 3 - Raspberry Pi als compact mediacenter
Cursus: Deel 3 - Raspberry Pi als compact mediacenterIDG Nederland
 
15 mythes rondom harde schijven - waar of niet waar?
15 mythes rondom harde schijven - waar of niet waar?15 mythes rondom harde schijven - waar of niet waar?
15 mythes rondom harde schijven - waar of niet waar?IDG Nederland
 
8 aanraakschermen voor Windows 8
8 aanraakschermen voor Windows 88 aanraakschermen voor Windows 8
8 aanraakschermen voor Windows 8IDG Nederland
 
Harde schijf of ssd klonen
Harde schijf of ssd klonenHarde schijf of ssd klonen
Harde schijf of ssd klonenIDG Nederland
 
Getest 17 powerline-adapters
Getest 17 powerline-adaptersGetest 17 powerline-adapters
Getest 17 powerline-adaptersIDG Nederland
 

More from IDG Nederland (20)

Aan de slag met Gimp
Aan de slag met GimpAan de slag met Gimp
Aan de slag met Gimp
 
Zet je Android-tablet in als keukenhulp
Zet je Android-tablet in als keukenhulpZet je Android-tablet in als keukenhulp
Zet je Android-tablet in als keukenhulp
 
15 tips voor kindveilig internet
15 tips voor kindveilig internet15 tips voor kindveilig internet
15 tips voor kindveilig internet
 
6 stijlvolle iPhone docks
6 stijlvolle iPhone docks6 stijlvolle iPhone docks
6 stijlvolle iPhone docks
 
How To: Je Android-tablet op het werk
How To: Je Android-tablet op het werkHow To: Je Android-tablet op het werk
How To: Je Android-tablet op het werk
 
6 Android-apps om de weg te vinden
6 Android-apps om de weg te vinden6 Android-apps om de weg te vinden
6 Android-apps om de weg te vinden
 
6 games voor je Android-tablet
6 games voor je Android-tablet6 games voor je Android-tablet
6 games voor je Android-tablet
 
Alle Google Chromebooks op een rij
Alle Google Chromebooks op een rijAlle Google Chromebooks op een rij
Alle Google Chromebooks op een rij
 
Aan de slag met Google Hangouts
Aan de slag met Google HangoutsAan de slag met Google Hangouts
Aan de slag met Google Hangouts
 
24 gadgets voor je Android-smartphone
24 gadgets voor je Android-smartphone24 gadgets voor je Android-smartphone
24 gadgets voor je Android-smartphone
 
How To: De Raspberry Pi als downloadmachine
How To: De Raspberry Pi als downloadmachineHow To: De Raspberry Pi als downloadmachine
How To: De Raspberry Pi als downloadmachine
 
15 gratis tools om je systeem te checken
15 gratis tools om je systeem te checken15 gratis tools om je systeem te checken
15 gratis tools om je systeem te checken
 
How To: Alle media op je tablet
How To: Alle media op je tabletHow To: Alle media op je tablet
How To: Alle media op je tablet
 
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013
[PREVIEW] Computer! Totaal Digitale Special #1 iPhone 5s November 2013
 
Cursus: Smartphone of tablet beveiligen
Cursus: Smartphone of tablet beveiligenCursus: Smartphone of tablet beveiligen
Cursus: Smartphone of tablet beveiligen
 
Cursus: Deel 3 - Raspberry Pi als compact mediacenter
Cursus: Deel 3 - Raspberry Pi als compact mediacenterCursus: Deel 3 - Raspberry Pi als compact mediacenter
Cursus: Deel 3 - Raspberry Pi als compact mediacenter
 
15 mythes rondom harde schijven - waar of niet waar?
15 mythes rondom harde schijven - waar of niet waar?15 mythes rondom harde schijven - waar of niet waar?
15 mythes rondom harde schijven - waar of niet waar?
 
8 aanraakschermen voor Windows 8
8 aanraakschermen voor Windows 88 aanraakschermen voor Windows 8
8 aanraakschermen voor Windows 8
 
Harde schijf of ssd klonen
Harde schijf of ssd klonenHarde schijf of ssd klonen
Harde schijf of ssd klonen
 
Getest 17 powerline-adapters
Getest 17 powerline-adaptersGetest 17 powerline-adapters
Getest 17 powerline-adapters
 

Workshop: Aan de slag met WordPress - Deel 3

  • 1. Aan de slag met WordPress Deel 3
  • 2. Inleiding 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.
  • 3. 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.
  • 4.
  • 5. 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.
  • 6.
  • 7. 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.
  • 8.
  • 9. 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.
  • 10.
  • 11. 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.
  • 12.
  • 13. 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.
  • 14.
  • 15. 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.
  • 16.
  • 17. 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.
  • 18.
  • 19. 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.
  • 20.
  • 21. 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.
  • 22.
  • 23. 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.
  • 24.
  • 25. 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.
  • 26.
  • 27. 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.
  • 28.
  • 29. 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.
  • 30.
  • 31. 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.
  • 32.
  • 33. 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.
  • 34.
  • 35. 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.
  • 36.
  • 37. 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.
  • 38.
  • 39. 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.
  • 40.
  • 41. 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.
  • 42. je
  • 43. 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.
  • 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