‘Another WordPress tutorial’
Stap voor stap je WordPress-website ontdekken!
Een uitgave van DTPH
Inhoud
Voorwoord................................................................................... 5 WordPress website, en nu?........................................................... 7 Pagina maken en bewerken......................................................... 11 Bericht plaatsen......................................................................... 15 Uploaden van foto’s en illustraties............................................... 19 Widgets en Plugins..................................................................... 26 Backup maken............................................................................ 29 Regelmatige updates................................................................... 31 Nawoord.................................................................................... 33
WordPress - 3
Wordpress en nu? Auteur: MMW van IJperen Vormgeving: DTP-hulp © 2011 DTP-hulp.nl
Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, of openbaar gemaakt, in enige vorm of op enige wijze, het zij elektronisch, mechanisch, door fotokopieën, opnamen, of enig andere manier, zonder voorafgaande toestemming van de uitgever. Eerste druk, eerste oplage 4 - WordPress
Voorwoord WordPress is een open source content management systeem waardoor je als leek, je eigen website kunt updaten en bijhouden. Voorheen moest je eerst contact zoeken met de webbouwer en wachten tot hij of zij tijd had om de update te doen. Dit leidde vaak tot grote frustratie, omdat op deze manier werken, duidelijk niet werkte. Kerstaanbiedingen stonden er pas met pasen op. Adreswijzigingen werden 4 maanden later pas veranderd. Met de komst van WordPress ben je zelf in staat, op eenvoudige wijze je website up-to-date te houden. Dit boek beschrijft op een duidelijke manier het proces om je eigen website te bewerken en uit te breiden waardoor je meer haalt uit je WordPress website. WordPress is een open source systeem wat betekent dat iedereen kan meehelpen het product te verbeteren. WordPress is gebruiksvriendelijk, zoekmachine-vriendelijk en makkelijk in gebruik.
WordPress - 5
WordPress website, en nu? In dit ebook gaan we er van uit dat je de installatie en vormgeving over hebt gelaten aan een professioneel bureau. Daar zit je dan met je nieuwe website die helemaal naar je eigen smaak is gemaakt. Maar nu is het aan jou om de site levendig te houden. Want je website is dan wel zoekmachinevriendelijk gebouwd maar hij moet ook regelmatig voorzien worden van nieuwe content. Wanneer je dat niet doet, wordt je website onaantrekkelijk voor zoekmachines, je doelgroep en zak je al snel in ranking. Om te beginnen met bloggen, log je in op het back-end van de je website. http://www.tikhierjedomeinnaam.nl/admin-wp Er verschijnt een inlogvenster waarin je de inloggegevens invult, die je hebt gekregen bij de oplevering van je website.
WordPress - 7
8 - WordPress
Nadat je bent ingelogd, kom je in het back-end van de website terecht. Vanaf dit punt ga je werken aan je eigen site. Op dit Dashboard vind, je links het menu waarmee je zult gaan werken. Op de pagina van het Dashboard staat een opsomming van eigenschappen van je website, zoals bijv hoeveel pagina’s de site heeft, hoeveel nieuwsberichten, commentaar op de nieuwsberichten maar ook nieuws over WordPress zelf. Het menu is opgedeeld in blokken, afhankelijk van de rechten die je hebt, zul je sommige blokken wel of niet zien. Het is mogelijk dat sommige blokken nog ingeklapt staan. Wanneer je er op klikt, klapt het blok open en zie je de extra knoppen die eventueel nodig zou kunnen hebben. Een korte omschrijving van de verschillende items: • Berichten (of posts) Dit zijn de nieuwsberichten die allemaal op één pagina verschijnen. Je kunt deze optie gebruiken voor het verversen van je site met nieuws, laatste werk of korte berichten. De nieuwsberichten verschijnen onder elkaar op één pagina, met de nieuwste posting als laatste. Het is ook mogelijk om deze postings terug te laten komen in je sidebar op elke pagina.
WordPress - 9
• Media Onder Media vind je de bibliotheek van de site. Hier staan alle geüploade bestanden van je website. • Koppelingen (Links) Standaard geeft WordPress een aantal algemene koppelingen die verwijzen naar WordPress sites. Deze links kun je bij Koppelingen (links) verwijderen of toevoegen. Wanneer je in je sidebar een Koppelingsblok hebt geactiveerd worden de links automatisch toegevoegd of verwijderd. • Pagina’s (Pages) In tegenstelling tot de nieuwsberichten, is het item ‘Pagina’s bedoeld voor statische pagina’s, zoals achtergrondinformatie, referenties en contactpagina. Deze pagina’s zullen minder snel veranderen als de nieuwspagina. • Reacties (Comments) Hier vind je alle achtergelaten reacties op je nieuwsberichten terug. Je kunt ze zelf beheren door ze te markeren als spam, goedkeuren of afkeuren. Het onderste gedeelte van de knoppen is vooral bedoeld voor eigen instellingen. Deze instellingen zijn zichtbaar wanneer je de juiste rechten hebt toegewezen gekregen. 10 - WordPress
Pagina maken en bewerken Het verschil tussen het maken van nieuwsberichten (posts) en pagina’s (pages) is niet zo heel groot. Je klikt het tabje Pages (of pagina’s) open in je menubalk en je kiest voor Add New (of nieuwe pagina). Er verschijnt een hoofdvenster waar een aantal zaken moeten worden ingevuld. De titel van de pagina komt automatisch in je menubalk te staan, bedenk dus goed welke knop je er bij wilt hebben.
a
• Onder de titel staat de editor waarin de inhoud van de pagina komt. De knoppen die boven de editor staan zijn over het algemeen hetzelfde als de knoppen uit het bekende programma Word, waar iedereen wel eens mee heeft gewerkt. Wanneer niet alle knoppen zichtbaar zijn, klik je op de meest rechtse knop, ‘Gootsteen’ genaamd, waardoor er een tweede balk aan knoppen verschijnt. WordPress - 11
Voor iemand die niet gewend is aan HTML-codes, is het belangrijk om in het tabblad Wysiwyg te blijven. De tabbladen vind je rechtsboven het tekstvenster. De opmaak wordt aangestuurd door een stylesheet wat in je thema is meegeleverd. De tekst die je in het tekstvenster zet, wordt automatisch in deze stijl neergezet. Bedenk daarom goed, hoe je gebruik maakt, van je knoppen en speel niet teveel met verschillende kleuren of lettertypes. Daarmee houd je de stijl van je website in eenzelfde vorm. Een link toevoegen in de tekst gaat vrij simpel. Selecteer het woord of het stuk tekst wat je wilt linken. Klik in de menubalk boven het tekstvenster op het schakelsymbool . Een pop-up verschijnt waarin je de volledige url en de titel invult. Link de tekst naar een pagina binnen je eigen website, kies er dan voor om de link in hetzelfde venster te openen. Gaat de link naar een andere website, vink dan het hokje aan, om de de link te laten openen in een nieuw venster of tabblad. Code-vrij kopiëren Wanneer je teksten uit een ander programma kopieert, kunnen ongewenste codes mee gekopiëerd worden, waardoor de opmaak van je pagina er raar uit kan komen te zien. Je kunt dit tegen gaan door de volgende knoppen te gebruiken: De knoppen staan respectievelijk voor: plakken als platte tekst (zonder 12 - WordPress
codes), plakken vanuit Word met alleen de basisopmaak en de opmaak verwijderen van de gekopieerde tekst. Voor het internet schrijven is een andere manier van schrijven dan voor gedrukte media schrijven. Maak er geen roman van. Hou het kort en bondig maar vooral duidelijk. Zorg er voor, dat je links werken en je plaatjes goed laden. Volgorde Een pagina verschilt met een posting doordat de titel van de pagina in de menubalk verschijnt. Natuurlijk wil je de pagina’s in je menu in een bepaalde volgorde. Het staat onlogisch als de welkomspagina als laatste staat en de contactknop als eerste. Deze volgorde geeft je aan bij Page Attributes.
Hoofdpagina’s laat je op ‘no parent’ staan. Dit betekent dat de pagina niet onder een andere pagina komt te staan. Een subpagina maak je aan door bij WordPress - 13
Page attributes de pagina te kiezen, waar de subpagina onder moet vallen. De volgorde van zowel hoofd- als subpagina’s geef je aan bij ‘order’, de eerste pagina in het menu begint bij 0 en zo oplopend tot de laatste pagina. Reacties wel of niet toestaan Afhankelijk van je instellingen, vink je bij Reacties ‘Allow Comments’ en ‘Pingbacks’ aan of uit. Op de statische pagina’s is het niet gebruikelijk commentaar te krijgen dus het is beter deze optie uit te zetten.
14 - WordPress
Bericht plaatsen Zoals al eerder is beschreven, is er een wezenlijk verschil tussen nieuwsberichten (posts) en pagina’s (pages). De nieuwsberichten worden allemaal verzameld in categorieën en staan onder elkaar op 1 pagina. Nieuwsberichten volgen elkaar in een snel tempo op en de content wisselt dagelijks of wekelijks, afhankelijk van je bloggedrag. De pagina’s zijn bestemd voor de statische pagina’s in de site, zoals een pagina met achtergrondinformatie over jou of over je bedrijf, een contactformulier. Pagina’s waarop de content niet snel hoeft te veranderen. Het plaatsen van een nieuwsbericht gaat als volgt. • Klap het Post-menu open en kies voor Toevoegen/Add new. Er verschijnt een nieuw tekstvenster. • Kies de titel van je nieuwe bericht.
WordPress - 15
• Onder de titel staat de editor waarin de inhoud van je bericht gaat neerzetten. De knoppen die in de editor staan zijn over het algemeen hetzelfde als de knoppen uit het bekende programma Word waar iedereen wel eens mee heeft gewerkt. Wanneer niet alle knoppen zichtbaar zijn, klik je op de meest rechtse knop, ‘gootsteen’ genaamd, waardoor er een tweede balk aan knoppen verschijnt. Voor iemand die niet gewend is aan HTML-codes is het belangrijk om in het tabblad Wysiwyg te blijven. De tabbladen vind je rechtsboven het tekstvenster. De opmaak wordt aangestuurd door een stylesheet wat in je thema is meegeleverd. De tekst die je in het tekstvenster zet wordt automatisch in deze stijl neergezet. Bedenk daarom goed, hoe je gebruik maakt van je knoppen en speel niet teveel met verschillende kleuren of lettertypes. Daarmee houd je de stijl van je website in eenzelfde vorm. Een link toevoegen in je tekst gaat vrij simpel. Selecteer het woord of het stuk tekst wat je wilt linken. Klik in de menubalk boven het tekstvenster op het schakelsymbool . Een pop-up verschijnt waarin je de volledige url en de titel invult. Linkt de tekst naar een pagina binnen je eigen website, kies er dan voor om de link in hetzelfde venster te openen. Gaat de link naar een andere website, vink dan het hokje aan om de de link te laten openen in een nieuw venster of tabblad. 16 - WordPress
Categorie Naast de titel, de platte tekst en de eventuele foto, is het belangrijk een aantal velden in het back-end in te vullen wat ten goede komt aan de zoekmachine-optimalisatie. Als eerste begin je met de juiste berichttags in je post te zetten. Met deze berichttags label je het bericht.
Daarna is het belangrijk om het bericht in de juiste categorie te plaatsen. Dit houdt je website zowel voor jezelf als voor de lezer overzichtelijk en zijn berichten over een bepaalde categorie makkelijk terug te vinden. Bedenk voor jezelf wat voor jouw website de juiste categorieën zijn en post daar regelmatig nieuwe berichten in. Het is ook mogelijk om één bericht in meerdere categorieën te plaatsen.
WordPress - 17
Heb je een bericht gemaakt wat pas na een bepaalde datum gepubliceerd mag worden? Dan kun je aan het bericht een publicatiedatum hangen. Of je wilt dat een bepaald bericht boven aan blijft staan, een sticky genoemd. Al deze informatie kun je invullen in het kader rechtsboven bij Publish.
18 - WordPress
Uploaden van foto’s en illustraties Wanneer je een nieuw bericht of een nieuwe pagina hebt aangemaakt, wil je daar misschien ook een foto bij plaatsen. Wanneer je het nieuwe bericht al hebt aangemaakt ga je als volgt te werk: • Zet je cursor in het tekstkader op de plek waar de foto moet komen. • Kies voor het eerste kader naast de tekst: ‘Upload/insert’
a • Er opent een nieuw kader met de volgende opties: van compter, van url of uit de bibliotheek.
WordPress - 19
• Wanneer je de foto nog niet in je Media bibliotheek hebt staan, kies je ervoor om een nieuwe foto te uploaden vanaf je eigen computer. Je klikt op de knop bladeren en zoekt de juiste foto op je computer. Wanneer je de juiste foto hebt gevonden, klik je op Upload. • De foto wordt nu in je bibliotheek wordt geladen. Daarna opent automatisch een nieuw venster waar je opnieuw een aantal instellingen kunt aangeven. Naast de foto staat de informatie over de foto zelf. De naam, het type, wanneer de foto in de bibliotheek is gezet en de grootte in pixels. Daaronder begint de informatie die je zelf kunt gaan ingeven. Deze gegevens zijn niet alleen belangrijk voor de ranking in de zoekmachines maar ook visueel gehandicapte bezoekers zijn je dankbaar voor een titel en subtitel van het plaatje. Dit wordt namelijk hardop vertaald wanneer de bezoeker op je website komt. De link-url in dit venster geeft de koppeling aan naar de foto. Wil je geen koppeling naar het originele bestand, haal je de koppeling weg. Is het belangrijk dat de 20 - WordPress
foto naar een andere pagina of website linkt, kun je hier een nieuwe koppeling aangeven. Verder kun je nog de uitlijning aangeven, linkslijnend, rechtslijnend of gecentreerd en de maat van de foto. Daarna klik je op Invoegen of Insert en je foto staat op de pagina. Om het resultaat te zien in je website, klik je daarna op Publish en de pagina is bewaard. Door je website verversen of opnieuw te laden, zie je de aanpaste pagina binnen je website. Krijg je na het zien van je pagina toch nog bedenkingen over de plek van de foto, is het altijd mogelijk om de instellingen aan te passen in het back-end. Wanneer je met je muis in het back-end de foto aanklikt, verschijnt er een submenu op de foto zelf. Met de linkerknop in het submenu kun je de instellingen aanpassen, met de rechterknop verwijder je de foto. Let wel op! De foto blijft nog wel in de bibliotheek staan.
WordPress - 21
Foto plaatsen via een url Wanneer je een foto wilt linken, wat al op het internet staat, gebruik je de tab From Url (van Url).
Er verschijnt nu een pop-up waarin je de url van het plaatje kunt typen samen met de titel erbij (belangrijk voor je zoekresultaten en voor visueel gehandicapte bezoekers) Foto plaatsen uit Media Bibliotheek Door het regelmatig gebruiken van je website, vult de media Bibliotheek zich steeds meer. Zo kan het voorkomen dat je gebruik wilt maken van een foto of een plaatje, wat je al eerder gebruikt hebt, of een keer erin hebt gezet maar nog nooit gebruikt hebt. Om daarbij te komen, klik je het tabblad Media Library (of media bibliotheek) aan. 22 - WordPress
Je bladert door de verschillende pagina’s om de juiste foto te vinden. Door op Show te klikken, verschijnt alle informatie van de desbetreffende foto. Vanaf dit punt zijn de stappen weer bekend. Door op invoegen in bericht te klikken verschijnt de foto in je pagina of post.
WordPress - 23
Ingesloten media Een volgende stap, is het uploaden van een filmpje of muziek. Ook hier heeft WordPress aan gedacht.
Naast de uploadknop voor foto’s staan nog drie knoppen, respectievelijk voor het invoegen van video’s, audio en andere soorten media. Dit werkt hetzelfde als het toevoegen van een foto. Wil je graag een video van Youtube in je pagina zetten? Haal dan de code op van het filmpje wat je wilt laten zien op je site. Schakel over naar het HTMLtabblad van de pagina waar het filmpje getoond moet worden. Plak daar de code van het filmpje in de pagina. Publiseer de pagina en bekijk het resultaat. Fotogallery Een fotogallery toevoegen aan je pagina kan op verschillende manieren. Er zijn veel plugins die mooie slideshows laten zien maar wil je simpel beginnen kan dat ook binnen WordPress zelf. Creëer een nieuwe pagina of blogbericht waar de fotogallery komt te staan. 24 - WordPress
Upload de foto’s die je hebt geselecteerd naar je Media Library. Zo ontstaat er direct de tab Gallery. Zijn al je foto’s naar wens geüpload, klik je wederom op Publish en de gallery staat online. Wanneer je toch nog een correctie wilt doen aan de volgorde of het soort foto, open je opnieuw het Media Library menu waar nu ook het tabblad Gallery terug te vinden is en de aanpassingen zijn door te voeren. De foto’s verschijnen als thumbnail op de pagina maar wanneer ze aangeklikt worden, komen ze vergroot naar voren.
WordPress - 25
Widgets en Plugins Widgets zijn kleine hapjes extra programmeertaal die aan WordPress wordt toegevoegd om een extra functionaliteit toe te voegen aan de website, zoals bijvoorbeeld een contactformulier. Deze Widgets worden doorgaans toegevoegd in de sidebar aan de zijkant van de website of in de footer maar je kunt ze via een code ook terug laten komen in de pagina zelf. De Widgets verschijnen in WordPress door de plugin er van te downloaden. Er zijn ontelbare plugins te vinden op de website van WordPress (http:// wordpress.org/extend/plugins) De kunst is om de juiste plugin te vinden die voldoet aan jouw eisen. Plugin downloaden Een plugin zet je in jouw WordPresssite door het blokje Plugin te openen in je back-end en te kiezen voor Add New (of Nieuw Plugins)
Met de zoektoptie die verschijnt, zoek je de juiste plugin. Heb de plugin gevonden die je nodig hebt, klik je op ‘Install Now’. Er verschijnt een menu waarin de FTP-gegevens van jouw provider staan. Klik op Proceed waardoor de plugin automatisch wordt toegevoegd aan jouw WordPresssite. 26 - WordPress
Kies voor Activate plugin. Afhankelijk van het soort plugin wat je gedownload hebt, verschijnt er wel of geen Widget in het Widgetmenu. Widget toevoegen In het Appearance menu (of Weergave menu) in de linkerbalk, staat de optie Widgets.
Wanneer je op Widgets klikt, verschijnt er een pagina met alle beschikbare Widgets op het hoofdscherm. Aan de rechterkant staan één of meerdere uitklapbare schermpjes waarin de Widgets kunnen worden geplaatst. Het ligt geheel aan de layout van je website of het mogelijk is om Widgets te plaatsen. Er zijn layouts waar het mogelijk is, zowel links, rechts als onderaan een widget te plaatsen. Het plaatsen van een Widget is simpel. Je pakt met je muis de titel van de Widget in het hoofdvenster op en je sleept dat naar het rechtervak wat bijvoorbeeld Sidebar kan heten of Zijbalk. Laat de Widget hier los en hij verschijnt automatisch in je sidebar op de website. Sommige Widgets hebben instellingen nodig om te kunnen functioneren maar dat vind je altijd terug in de omschrijving bij het downloaden. Staat de Widget toch niet mooi op je website, pak je de widget weer op uit de WordPress - 27
balk en sleept hem terug naar het hoofdmenu. Hij verdwijnt dan ook direct weer van je website. De plugin blijft actief totdat hij handmatig gedeactiveerd wordt. Probeer er aan te denken om niet-gebruikte plugins te deactiveren omdat ze je website onnodig zwaar maken. De volgorde van de Widgets kun je aanpassen door binnen de Sidebar de blokken tussen elkaar te verslepen. Je hoeft ze enkel op te pakken en naar boven of onder te verslepen. Het resultaat is direct zichtbaar op de website.
28 - WordPress
Backup maken Nu de website langzaam aan gevuld gaat worden, is het belangrijk regelmatig een backup te maken van je website. Er kan altijd iets gebeuren waardoor de website crasht of verdwijnt. Een goede hostingprovider zorgt er voor dat ze ook backup bestanden hebben van de site die er gehost worden. Toch is het belangrijk zelf regelmatig een backup te doen. Het is belangrijk een backup te maken van zowel de inhoud (database) van de site als de webmap (layout). Een backup maken kan op verschillende manieren. Ga naar www.wordpress.org om de plugin WP-DB-Backup te downloaden. Dit is een handige plugin die op vaste tijden een backup maakt van je website. Download en activeer de plugin via het pluginmenu. Er verschijnt nu een extra subkopje onder het Tools menu (of Extra) Klik Backup in het menu aan en er verschijnen twee rijen met tabellen. De linkertabel wordt standaard gebackupt. De rechtertabel mag je zelf aanvinken waarvan een backup gemaakt moet worden. Het eerste stuk van deze plugin, is bedoeld voor een handmatige backup. Wil je liever op een vast tijdstip je backup laten uitvoeren, geef je dat aan in het onderste gedeelte. Belangrijk is dat je de juiste tabellen aanvinkt en je emaildres invult. Bewaar de gegevens zodat de backup automatisch wordt bewaard. WordPress - 29
Naast de backup van je database, is het ook belangrijk om regelmatig een backup te maken van je webmap. Je kunt dit het beste doen via een FTPprogramma, er zijn er genoeg te downloaden. Bekijk voor jezelf welke je makkelijk vindt in gebruik. Wanneer je een goed FTP-programma hebt gevonden, vul je de FTP-informatie in, die je van je hostingprovider hebt ontvangen. Je logt in en je gaat naar de www-map of public map. Hoe deze map heet, hangt af van je provider. In deze map zie je de WordPress gegevens staan. Naast een aantal losse bestanden staan er drie mappen: wp-admin, wp-content en includes. In dit geval is het enkel nodig om de map wp-content te kopiëren naar je harde schijf. Deze map is je backup. Een andere mogelijkheid om van je website een backup te maken, zit onder Tools en is de import en exportfunctie. Gebruik de exportfunctie om van alle pagina’s en blogs binnen je website één bestand te maken. Dit bestand kun je daarna weer importeren op een ander domein of in je nieuwe website.
30 - WordPress
Regelmatige updates WordPress komt regelmatig met een nieuwe versie. Dit biedt niet alleen meer veiligheid maar ook meer opties om een site verder uit te werken. Maak gebruik van die updates maar ga wel veilig te werk.
Op het moment dat er een nieuwe Wordpress versie uitkomt, krijg je automatisch bij inloggen de melding op je dashboard. Upgraden is niet moeilijk maar zorg wel voor een recente backup, mocht er toch iets fout gaan, kun je ten alle tijde de backup weer terug zetten. Zoals net besproken is het belangrijk een backup van zowel je contentmap als je database te maken. Deactiveer al je plugins, sommige plugins kunnen een conflict veroorzaken met een nieuwe update. Om dat te voorkomen, activeer je de plugins na de update stuk voor stuk. Klik nu op Update Automaticly.
WordPress - 31
Controlleer of je site nog steeds goed werkt en activeer de plugins. Als de website ook na het activeren van de plugins nog goed werkt, is je update prima verlopen. Blijkt er toch iets fout gegaan te zijn tijdens het updaten? Begin dan met het de-activeren van je plugins. Het is mogelijk dat een plugin te oud is geworden voor de nieuwe WordPress-versie. Je kunt dit oplossen door een ander soort plugin te downloaden die hetzelfde resultaat heeft.
32 - WordPress
Nawoord Laat je website leven Nu je zelf jouw website vult met content, begint je website ook te groeien en gaat de informatie uiteindelijk ook een eigen leven leiden. Lezers reageren op je berichten, je wordt aanbevolen in netwerken en gelinkt op andere websites. Bekijk regelmatig de statistieken in Google Analytics om te bekijken wat je lezers interessant vinden om te lezen of via welke kanalen men binnenkomt. Is dat na een flyeractie, door een aanbieding, een beursactie of juist door regelmatig twitteren. Op welke zoekwoorden word je gevonden en valt daar nog wat aan te sleutelen. De wereld verandert. Ruim tien jaar geleden was je klaar, als jouw website online stond, tegenwoordig is het bijhouden van je website één van de werkzaamheden die erbij horen als zelfstandig ondernemer. Pak een vast tijdstip om de statistieken te bekijken, te bloggen en te twitteren. Maar blijf vooral meegroeien en laat je website meegroeien met de doelgroep die je wilt bereiken. Heb je vragen of kom je ergens niet uit? Laat dan een bericht achter op http://www.dtp-hulp.nl en je krijgt zo snel mogelijk antwoord!
WordPress - 33