HANDLEIDING
WordPress
LAATSTE VERSIE: 29-12-2011
RODER!CKVS – WEBDESIGN & WEBHOSTING
WordPress Handleiding | RODER!CKVS
Inhoudsopgave Inloggen............................................................................................................................................................ 3 Een nieuw bericht plaatsen............................................................................................................................... 5 Aan een nieuw bericht beginnen.................................................................................................................. 5 Je bericht bewaren, een voorbeeld bekijken................................................................................................ 6 Bijkomende berichtgegevens: tags, categorieën, uittreksels.......................................................................7 Een pagina aanmaken...................................................................................................................................... 8 Een nieuwe pagina beginnen....................................................................................................................... 8 Categorieën en tags....................................................................................................................................... 10 Categorieën aanmaken............................................................................................................................. 10 Tags aanmaken......................................................................................................................................... 12 Mediabeheer................................................................................................................................................... 12 Afbeeldingen uploaden.............................................................................................................................. 12 Afbeeldingen invoegen.............................................................................................................................. 17
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Inloggen Typ het webadres van je site in de adresbalk van je browser en voeg er /wp-login.php aan toe: http://je-website.nl/wp-login.php
Vul je gebruikersnaam en je wachtwoord in en klik op Inloggen. Het webadres wijzigt nu in: http://je-website.nl/wp-admin/index.php
Je bevindt je nu in het administratie-paneel, het Dashboard:
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Het dashboard kan er afhankelijk van je site of administratie-rechten anders uitzien, maar bovenaan de pagina zie je volgende elementen:
Title van de website: hier zal de naam van jouw website staan: als je hier op klikt zal je website in je browser openen (let op dat je je werk bewaard hebt) Nieuw als je hierop klikt kan je een nieuw bericht plaatsen (zie verder) Hallo: dit is je gebruikersnaam Uitloggen: als je hierop klikt, log je uit.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Een nieuw bericht plaatsen Aan een nieuw bericht beginnen Berichten zijn artikels voor het blog-gedeelte van je website. Of je dat gedeelte nu nieuws of dagboek noemt, berichten komen hier terecht. Klik links in het menu op”berichten” of op de knop “Nieuw” in de bovenste balk: Je bevindt je nu in de berichten-bewerker. Onder Berichten | Nieuwe Bericht zie je het titel-veld. Daarin komt de titel van je artikel. Daaronder zie je het artikel-veld. Daarin komt de tekst van je artikel:
Zodra je in één van de velden begint te typen, zal het het CMS je bericht opslaan als een concept. Onder het titel-veld verschijnt een permalink (het webadres van dat bericht):
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Je kan in een bericht allerlei opmaak-bewerkingen uitvoeren, en er beeldmateriaal aan toevoegen.
Je bericht bewaren, een voorbeeld bekijken Rechts zie je de publicatie-status van je bericht. Die staat standaard op Concept. Je kan tijdens het schrijven je concept bewaren met Opslaan als concept, maar het CMS zal je berichten tijdens het schrijven ook periodiek automatisch opslaan. Sla op of publiceer voor je de pagina verlaat. Wil je nog afbeeldingen toevoegen, sla dan op als concept. Je kan je bericht vooraf bekijken met Voorbeeld:
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Met Zichbaarheid: Openbaar kan je je bericht een privé maken, een wachtwoord geven (twee opties die je vast niet gebruikt) of Sticky maken. Met Sticky blijft het bericht altijd als éérste artikel bovenaan staan, ook al publiceer je daarna nog nieuwe berichten.
Bijkomende bericht-gegevens: tags, categorieën, uittreksels Ben je klaar met het artikel, dan voeg je Tags en Categorieën toe door ze aan te vinken in het categorie-overzicht rechts.
Als je tevreden bent met je artikel, publiceer je het door rechtsboven op de blauwe knop Publiceren te klikken (tenzij je nog afbeeldingen wil koppelen of invoegen).
Het artikel staat nu live op de site, alle abonnees krijgen het nu automatisch toegestuurd via hun RSSfeed of email-inbox, afhankelijk van de functionaliteiten op je site.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Het artikel wordt nu ook vermeld in de lijst met Recente berichten.
Een pagina aanmaken
Een nieuwe pagina beginnen Pagina's zijn anders dan artikels. Ze komen voor in het hoofdmenu van je site en hebben geen publicatiedatum. Het zijn vaste pagina's zonder andere volgorde dan je zelf toewijst. Anders dan een artikel heeft een pagina dus een vaste, blijvende waarde. Klik links in het menu op Pagina's:
Je komt nu terecht in het pagina-overzicht:
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Je ziet hier een overzicht van je bestaande pagina's. Bovenaan zie je de knop Nieuwe Pagina. Klik erop om een nieuwe pagina aan te maken.
Je komt nu terecht in de pagina-bewerker. Die lijkt sterk op de artikel-bewerker.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Het belangrijkste verschil is dat een pagina geen categorieën of tags heeft. Je kan een pagina wel hiërarchisch laten afhangen van moeder-pagina's. Als je site daarop voorbereid is zal je in het menu rechts daarvoor een keuze kunnen maken. Voor de rest werkt een pagina hetzelfde als een artikel. Er is een titel-veld en een tekstveld, je kan een concept opslaan, de opmaak aanpassen en foto's toevoegen.
Categorieën en tags Categorieën zijn vooraf door jou bepaalde labels die duidelijk maken waar je site over gaat; het zijn de hoofdonderwerpen van je site. Je gebruikt een categorie om aan te geven bij welk van die onderwerpen een artikel hoort. Je selecteert ze door ze aan te vinken. Je kan altijd een nieuwe categorie toevoegen indien nodig, maar je hebt er best niet te veel. Een tag is een label dat specifiek bij het artikel hoort en de inhoud beschrijft. Je kan die zelf invullen, gescheiden door een komma. Categorieën aanmaken Rechts zie je de aanwezige categorieën. Klik onderaan op + Nieuwe categorie toevoegen.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Je vult vervolgens gewoon de naam van de nieuwe categorie in. Je kan subcategorieën aanmaken als je wil.
Klik dan op de knop Nieuwe categorie toevoegen. Je nieuwe categorie verschijnt nu bovenaan in de categorie-lijst.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Maak niet teveel categorieën aan. Wil je meer context aan je bericht geven, gebruik dan tags.
Tags aanmaken Tags aanmaken gebeurt op dezelfde manier als categorieën. Je kan echter meerdere tags tegelijk aanmaken; je scheidt ze dan door een komma.
De tags worden dan onderaan per bericht weergegeven; je kan ze meteen verwijderen door op het kruisje te klikken.
Media-beheer Afbeeldingen uploaden Je kan in pagina's en artikels afbeeldingen toevoegen. Dat kan rechtstreeks, of via je mediabibliotheek. Dat laatste is de meer geordende manier en die bespreek ik hier. Om in je media-bibliotheek te komen klik je links in het menu op Media.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
De pagina ziet er dan als volgt uit:
Klik op Nieuw bestand en vervolgens op Bestanden kiezen om een nieuwe afbeelding te uploaden
Vervolgens navigeer je naar de plek op je pc waar de foto staat die je wil uploaden. Afhankelijk van die locatie en je besturingssysteem ziet dat er anders uit, maar hier zie je een voorbeeld. Je foto wordt nu geüpload.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Zodra de upload klaar is krijg je de volgende opties te zien.
Bovenaan zie je de beschrijving van de foto: de originele bestandsnaam, het type bestand, de datum van upload en de afmeting in pixels. Je kan de foto nog Bewerken, maar het is aangeraden dat niet te doen. Zorg ervoor dat het bestand dat je upload al is bijgesneden en het formaat heeft dat je wil.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Vervolgens zie je het titelveld van je foto. Dat veld is verplicht en standaard staat daar de bestandsnaam van de afbeelding vooraf ingevuld. Je wijzigt dat best in een aantrekkelijke titel, in dit geval bijvoorbeeld "Saab 900". Het hangt ervan af waar deze titel wordt weergegeven maar standaard zal die zeker te zien zijn in het label dat getoond wordt wanneer je met de muis over de foto beweegt. De alternatieve tekst is niet verplicht maar die vul je beter wél in: Google bekijkt deze (verborgen) informatie om de pagina te duiden, en als het beeld niet zou laden, dan is het deze tekst die wordt weergegeven. Je kiest in dit geval bijvoorbeeld voor: "foto-saab-900-Antwerpen". Vervolgens is er het onderschrift. Het staat je vrij daar iets te plaatsen, maar standaard zal deze tekst onder je foto getoond worden. Kies dus voor iets als "Een Saab 900 in Antwerpen". Tenslotte is er de beschrijving. Hiervoor geldt hetzelfde: je bent vrij hier iets te plaatsen. Toen ik deze wagen zag kon ik niet nalaten er een foto van te nemen. Helemaal onderaan wordt de locatie van het bestand op de server nog eens herhaald. Wijzig dit zeker niet tenzij je weet wat je doet.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Heb je alles ingevuld, klik dan op Alle wijzigingen opslaan. Je keert nu terug naar de mediabibliotheek en je ziet nu de toegevoegde foto.
De foto is nu echter nog niet toegevoegd aan een pagina of een bericht. Daarvoor moeten we de afbeelding invoegen. Afbeeldingen invoegen Je kan altijd eender welke afbeelding in een artikel invoegen. Zoals eerder gezegd, hoef je daarvoor niet eerst via de media bibliotheek te gaan. Om één en ander georganiseerd te houden, doen we dat wél, en zullen we de afbeelding bovendien ook éérst koppelen. Het is straks dan gemakkelijker om de juiste afbeelding in ons bericht in te voegen. Klik daarvoor eerst op de link Bijvoegen naast de afbeelding in de media bibliotheek.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
In het volgende dialoogvenster typ je een gedeelte van de titel van het bericht dat je wil koppelen in en je klikt op Zoeken.
Dan vink je het bericht aan, en je klikt op Selecteren.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Het bericht wordt nu gekoppeld aan deze afbeelding. Om de afbeelding in te voegen, klik je op de titel van het bericht (je kan later ook altijd je bericht selecteren via het menu Berichten in de linkerkolom).
Zo kom je opnieuw terecht in de berichten-bewerker, waar je oorspronkelijk je bericht geschreven en gepubliceerd hebt. Om een afbeelding in te voegen, plaats je de cursor op de plek waar je de foto wil hebben. Dat moet niet, je kan dat later altijd aanpassen, maar het is wel gemakkelijker. Dan klik je op het eerste icoontje naast de tekst Uploaden/Toevoegen.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Zoals je ziet in het volgende dialoogvenster beschik je hier over een stel mogelijkheden.
Het standaard geselecteerde tabblad heet Van computer. Zoals gezegd kan je dus van hieruit nog altijd andere bestanden uploaden; je hoeft je dus niet eerst via de media-bibliotheek te werken, het is alleen ordelijker.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Je kan ook bestanden rechtstreeks Van URL invoegen. Dat is een webadres van een afbeelding op het internet of op je server. Beschik je over die URL van je eigen (!) beelden dan kan je deze snelle, technische optie kiezen. Let op: nooit zomaar naar iemand anders' beelden linken. Dat heet hot-linking: je steelt bandbreedte en het is onbeleefd. Bovendien overtreed je mogelijk ook auteursrechten. Je ziet ook dat je nog de keuze hebt uit Gallery en Media | Bibliotheek. Omdat je eerder je afbeelding en bericht al hebt gekoppeld, kan je nu voor de eerste optie gaan. Heb je dat niet gedaan, dan kan je via de laatste optie nog een beeld gaan selecteren uit je media. Klik dus op Gallery (1).
De foto met de auto is gekoppeld en je kan deze selecteren door op Tonen te klikken. Je krijgt een dialoogvenster te zien dat sterk lijkt op dat van vlak na het uploaden. Ook hier kan je nog wijzigingen aanbrengen en gevens toevoegen of aanpassen.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Het grootste verschil zit hem in de drie laatste opties. Koppelings-URL: hier wordt opnieuw de locatie van het bestand op je server getoond, maar met het verschil dat je eronder drie knoppen hebt.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034
WordPress Handleiding | RODER!CKVS
Geen: kies deze optie als je wil dat men niet op de foto kan klikken. Bestands-URL: kies deze optie als je een fotogallerij bij je site geïnstalleerd hebt en je wil dat een klik op de foto naar het grotere formaat leidt. Bericht-URL: gebruik deze optie als je wil dat klikken op de foto naar een (ander) bericht leidt. De Uitlijning bepaalt hoe de tekst rond de foto zal lopen. Met Geen zal er witruimte naast de foto overblijven, de andere opties zullen de foto in de tekst plaatsen. Afmeting: kies hier de grote van de foto voor je bericht of pagina. Afhankelijk van het ontwerp van je site en of je een fotogalerij hebt of niet. Klik uiteindelijk op Invoegen in bericht. Voor je je bericht sluit of de pagina verlaat, vergeet niet te klikken op Bijwerken rechts.
WEBDESIGN | SEO | SEA | SOCIAL MEDIA | WORDPRESS | DEVELOPMENT RODERICKVS.NL | 06-53250374 | BURGSTRAAT 18 | 4201 AC | GORINCHEM | KVK: 53227034