Een WordPress site zelf installeren Ik ben Saskia Frankena. Ik vind het fijn om mensen te helpen hun website zelf vorm en inhoud te geven. Als webdesigner, trainer en docent heb ik veel ervaring opgedaan waarmee ik jou een stap verder help. Met deze handleiding lukt het jou om zonder kennis en ervaring van Wordpress je eigen site neer te zetten en te vullen met de inhoud waarmee jij jouw klanten gaat bereiken.
Waarom Wordpress? Ik kan je nooit alle redenen geven om Wordpress te gebruiken om jouw website te ondersteunen, er zijn er gewoon teveel. Maar de belangrijkste zijn toch wel: • • • • •
Het is gratis, Het is gebruiksvriendelijk Het wordt goed ondersteund Het is veilig En bovenal met een Wordpress site is het vindbaar zijn voor zoekmachines makkelijker te realiseren.
In dit e-book leer je wat je nodig hebt om een Wordpress site op te zetten. Ik neem je stap voor stap mee. Aan het eind heb jij je eigen site staan en ben je klaar om jouw plannen, business of passies met de wereld te delen! Wil je ondersteuning om te kijken waarmee je jouw klanten het beste kunt bereiken? Bij Easy Wordpress Website kun je in een gesprek helder krijgen wat jou het beste zorgeloos zichtbaar maakt bij jouw klanten.
Even een korte uitleg over de structuur van dit document. Ik hou het graag eenvoudig en zal je niet onnodig om de oren slaan met technische termen. Je kunt heel goed een Worpress site draaien zonder technische kennis van websites. Toch noem ik diverse zaken gewoon bij hun naam en geef er een uitleg bij. Hoe vaker je een met Wordpress werkt, hoe meer er op zijn plek zal vallen. Achterin vind je een invullijst om al je wachtwoorden en gebruikersnamen te noteren, zodat je alles overzichtelijk bij de hand hebt tijdens de installatie. Ik raad je aan deze op een veilige plek te bewaren. Ieder item begint met een puntsgewijs overzicht van wat je aan stappen moet doorlopen. Zo heb je gelijk een idee van wat je al weet en waar je misschien nog wat dieper op in moet gaan. Een uitgebreidere uitleg van de punten vind je er na.
Zelf je Wordpress website installeren en beheren
1
Wat heb je nodig voor een Wordpress site? • • • •
Een computer met toegang tot het internet Een domeinnaam Een hostingpakket dat PHP en MySQLondersteunt, vraag dit na bij twijfel. Toegang tot controlpanel o.i.d. van je hosting
Nu zijn er twee mogelijkheden: jouw hostingbedrijf heeft een zogenaamde 1-druk-op-knopinstallatie voor Wordpress (vaak met Installatron) of je moet het zelf doen. In het eerste geval ben je zo klaar en hoef je je niet druk te maken over databases of up- en downloaden. Je gaat verder bij “Aan de slag! Wordpress installeren” In het tweede geval volg je de handleiding voor de handmatige installatie verderop. Dat lijkt meer en moeilijker dan het is, gewoon een kwestie van de stapjes volgen.
Een computer met toegang tot het internet Blijkbaar heb je die al, anders kon je dit document niet lezen! Stap 1 is gezet.
Een domeinnaam De domeinnaam is de naam die mensen intikken in hun browser om bij jouw site uit te komen. Als je in Nederland opereert is het logisch om een domeinnaam te nemen die op .nl eindigt. Dat wordt makkelijker onthouden. .com En .eu kunnen ook goed als alternatief. Het makkelijkst is het om de domeinnaam samen met je hostingpakket aan te vragen. Je betaalt er vaak niets extra’s voor.
Een hostingpakket dat PHP en MySQL ondersteunt Als je webruimte aanvraagt doe je dit bij een hosting bedrijf. Je koopt daarmee en stukje ruimte op de server van dit bedrijf. Dit heet een hostingpakket. Wordpress heeft daarnaast ook nog ondersteuning nodig van PHP (de taal waarin Wordpress geschreven is) en MySQL ( het type database waarmee Wordpress werkt). De meeste hostingbedrijven leveren dit wel, maar soms zijn de goedkopere pakketten niet geschikt. Een goede indicatie is de beschikbaarheid van PHP en MySQL, of als verteld wordt dat er een LAMP-omgeving is. En uiteraard als ze een 1-druk-op-knop-installatie aanbieden. Het gaat te ver om dit verder uit te leggen in dit ebook.
Vraag het bij twijfel gewoon even na bij de support- of salesafdeling.
Zelf je Wordpress website installeren en beheren
2
Toegang tot controlpanel, direct admin, o.i.d. van je hostingpakket De loginnaam en wachtwoord (username en password) om bij je hostingbedrijf in te loggen heb je straks nodig om een database aan te maken als je een handmatige installatie gaat doen.. Je maakt en beheert hier hier ook je e-mailadressen. Heeft jouw hostingbedrijf een 1-druk-op-de-knop-installatie dan kun je die ook in de beheeromgeving vinden. Verschillende bedrijven hebben hun hosting met verschillende pakketten ondersteund. Vandaar dat niet te zeggen is hoe jouw beheerspanel heet. Veel gebruikt zijn “CPanel” en “DirectAdmin”. Kijk bij de FAQ’s van jouw hostingbedrijf voor meer uitleg over de toegang en het gebruik.
Beheergedeelte van CPanel na inloggen
Beheergedeelte van DirectAdmin na inloggen
Zelf je Wordpress website installeren en beheren
3
Nodig voor de handmatige installatie Naast de gegevens die hiervoor genoemd werden heb je voor een handmatige installatie ook nodig: • Een ftp-programma om bestanden over te zetten van jouw computer naar de plek waar jouw website draait (uploaden). • Wordpress files (downloaden van http://wordpress.org of http://nl.wordpress.org • Ftp-gegevens om de Wordpress bestanden van jouw pc naar jouw webruimte te uploaden • Een database
FTP-programma Om je bestanden in jouw webruimte op de server te krijgen maak je gebruik van een ftpprogramma. Filezilla is hiervoor erg geschikt en ook gratis. Ga naar http://filezilla-project.org om de Filezilla-client te downloaden en installeer deze op jouw pc.
Downloadpagina voor Filezilla
Pak het .zipbestand uit en installeer het volgens de wizard. Klaar!
WordPress files Wordpress is een pakket dat je neer moet zetten op de server waar jouw domein draait. De bestanden van Wordpress zijn gratis te downloaden via http://wordpress.org of als je gelijk voor de Nederlandse versie gaat via: http://nl.wordpress.org. Zelf je Wordpress website installeren en beheren
4
Beide sites leveren ook veel naslagmogelijkheden en een forum als je er niet uit komt. Op http://wordpress.org, de Engelstalige site, zijn bovendien duizenden thema’s en plugins te vinden. Uitleg daarover volgt verder op in dit ebook. Als je de Nederlandse versie installeert heb is gelijk het deel dat jouw bezoekers straks zien vertaald, dus zonder Engelse termen. Maar ook het deel waar jij in gaat werken. Dat is wel zo prettig.
Downloadpagina voor de Nederlandse Wordpress versie
Zelf je Wordpress website installeren en beheren
5
Downloadpagina voor de Engelse Wordpress versie
Door deze files te downloaden komen ze op jou eigen computer te staan. Het zijn zogeheten .zip-bestanden. Dat betekent dat ze verkleind zijn om makkelijker, sneller verstuurd te kunnen worden. Als deze bestanden op jouw pc staan moet je ze nog even “unzippen”, uitpakken. Dit doe je door er op te dubbelklikken. Dit kan eventjes duren. Je krijgt dan een map met de naam Wordpress, met daarin alle bestanden die je straks naar de webruimte op jouw server gaat kopiëren.
Wordpress bestanden na het uitpakken (unzippen)
Deze bestanden kun je nog wel vaker gebruiken als je de smaak te pakken krijgt. Het is daarom slim ze in een aparte map te zetten in je documentenmap, zodat je ze makkelijk terug kunt vinden.
FTP-gegevens om de WordPress bestanden van jouw pc naar jouw webruimte te uploaden. Als je een hostingpakket aanvraagt krijg je een mailtje van jouw hostingbedrijf met daarin: • loginnaam en wachtwoord (username en password) om bij je hostingbedrijf in te loggen. • ftp-gegevens: hostnaam, gebruikersnaam en wachtwoord Bewaar de gegevens uit dit mailtje goed. Op zich is alles weer te achterhalen als je het kwijt raakt, maar het is een hoop gedoe.Gebruik hiervoor bijvoorbeeld
de laatste pagina van dit ebook.
Zelf je Wordpress website installeren en beheren
6
Een database Alle veranderlijke inhoud van jouw site, bijvoorbeeld al jouw teksten en berichten, komen in de database te staan. Je kunt het een beetje vergelijken met een ouderwets archief. Je maakt een database aan door bij jouw hostingbedrijf in te loggen op het beheergedeelte van jouw webruimte. Hiervoor gebruik je de loginnaam en het wachtwoord die je bij aankoop gekregen hebt.
Kijk in de handleiding van jouw hostingbedrijf hoe je dit moet doen. Onthoud de gevens die je bij het aanmaken van de database krijgt. Soms krijg je dit opgestuurd in een mailtje, maar niet bij alle. Bewaar daarom je databasename, username en wachtwoord op een veilige plek. Ook deze gegevens zijn weer te achterhalen, maar je hebt ze straks ook nodig.
Database aanmaken in CPanel
Database aanmaken in DirectAdmin
Zelf je Wordpress website installeren en beheren
7
Aan de slag! Wordpress installeren
De 1-druk-op-de-knop-installatie
Als jouw hostingbedrijf een 1-druk-op-knopinstallatie aanbiedt, rest je nog maar één ding:
HIT THE BUTTON!
Wordpress handmatig installeren Moet je de installatie toch zelf doen, of wil je dat graag, volg dan het volgende stappenplan. • • • • •
Maak een database aan Upload de Wordpressbestanden Draai de Wordpress install Configureer wachtwoord en andere instellingen KLAAR!
Zelf je Wordpress website installeren en beheren
8
Maak een database aan Maak een database aan en onthoud de datebasenaam en de usernaam. Meestal zijn deze het zelfde. Verder heb je het wachtwoord van je database nodig, dat is een ander wachtwoord dan dat waarmee je inlogt op de beheerruimte van je domein. Daarnaast moet je ook een naam van de host weten. In de meeste gevallen is dat localhost. Is dat niet zo, dan zal je hostingbedrijf dit melden. Weet je niet hoe je een database aan moet maken? Kijk in de FAQ van jouw hostingbedrijf, of neem contact op met de supportafdeling.
Upload de Wordpressbestanden • • • •
Ftp-programma openen Inloggen met ftp-gegevens Wordpress bestanden selecteren op pc Wordpress bestanden uploaden
Uploaden houdt in dat je bestanden van een lokale computer op het web plaatst. Hiervoor gebruik je het ftp-programma (Filezilla). De Wordpress bestanden heb je al eerder gedownload ( dus van het web naar je lokale computer gekopiëerd) en uitgepakt (ge-unzipped). Deze staan nu in een map op jouw computer.
Scherm van Filezilla
Zelf je Wordpress website installeren en beheren
9
ftp-programma openen Open op jouw computer het ftp-programma (Filezilla) Er verschijnt een scherm met vier vakken met aan de linkerkant een overzicht van bestanden op je computer. Rechts worden straks de ge-uploade bestanden zichtbaar. Zoek in het vak linksboven naar de folder met de Wordpress bestanden onder het kopje Local site. Dit zijn de bestanden die je gaat uploaden.
Inloggen met ftp-gegevens Voor je dit doet moet je echter zorgen dat Filezilla weet waar de bestanden naar toe moeten. Hiervoor heb je de ftp-gegevens nodig. Typ boven in de invoervelden in • je ftp.domeinnaam.nl bij Host • je ftp-gebruikersnaam bij username • je ftp-wachtwoord bij password (zie de afbeelding hiervoor) Je hebt nu contact gemaakt met jouw webruimte op de server. Na het inloggen verschijnen aan de rechterkant de mappen zoals die op de server staan. Als het goed is is het vak rechtsonder (bijna) leeg. Afhankelijk van jouw hostingbedrijf moet je nu de map public/sites of public-html of httpdocs of www openen om de bestanden naar toe te kopiëren. Het kan ook nog anders heten, vraag dit bij twijfel na bij je hostingbedrijf.
Links bestanden op jouw pc, rechts bestanden op de server Zelf je Wordpress website installeren en beheren
10
Open de Wordpress map en in het vak linksonder met het kopje filename verschijnen alle Wordpress bestanden
Selecteer deze door de bovenste aan te klikken, de shifttoets vast te houden en daarna naar de onderste te scrollen en deze aan te klikken. Als je daarna met de rechtermuisknop op de geselecteerde bestanden klikt, krijg je een menuutje te zien met de mogelijkheid uploaden Klik uploaden aan. Nu zie je de bestanden gekopiëerd worden naar het rechtervak. Het duurt een tijdje voordat het uploaden klaar is. Wacht dit rustig af.
Mappenstructuur van jouw computer zoals je het ziet in Filezilla
Heb je bij het zoeken naar bestanden de verkeerde afslag genomen? Geen nood: klik op het mapje met de drie puntjes ernaast en je gaat vanzelf een stapje terug. Vermijd dubbel klikken op een map met een naam. Filezilla gaat dit bestand dan automatisch up- of downloaden. Zelf je Wordpress website installeren en beheren
11
De beroemde 5 minuten installatie van Wordpress Je hebt nu het lastigste achter de rug. Nu komt het leukste stuk van de installatie. De beroemde 5 minuten installatie van Wordpress. Misschien dat je er een eerste keer 5 minuten over doet, later worden dat er beslist minder! De install bestaat uit de volgende stappen:
• •
Configuratiebestand aanmaken via de installatie of handmatig Invoeren databasegegevens
• • •
De echte installatie Inloggen KLAAR!
Een configuratiebestand aanmaken Je hebt keuze uit de volgende mogelijkheden: • Geautomatiseerde aanmaak van je wp-config.php. • Handmatige configuratie van je wp-config.php
Geautomatiseerde aanmaak van je config.php:
Het klinkt misschien best heftig, maar eigenlijk laat je Wordpress het werk doen. Typ in de browser jouw domeinnaam in. Je komt nu in het volgende scherm, schrik niet, dit is geen foutmeldening! (Bij sommige serversetups werkt dit niet, in dat geval ga je over op de handmatige install, zie verder.)
Aanmaken configuratiebestand
Zelf je Wordpress website installeren en beheren
12
Klik de button “Maak een configuratiebestand” aan. Je komt nu in het volgende scherm.
De benodigde gegevens klaar hebben
Let's go, waar wacht je op!?
Hier vul je de gegevens in die je hebt verkregen toen je de database aanmaakte. Zelf je Wordpress website installeren en beheren
13
Localhost laat je staan, tenzij jouw hostingprovider aangeeft dat er iets anders moet komen. De table prefix hoef je ook niets mee. Klik op SUBMIT.
Wordpress laat hier weten dat de database gevonden is. Heb je iets fout ingetypt, dan kun je gewoon opnieuw beginnen. Check je gegevens even op juistheid. Ga voor de verder installatie door naar “de beroemde 5 minuten installatie”. Hierna volgt eerst een de handleiding voor een handmatige aanmaak van wp-config.php voor als je geen geautomatiseerde aanmaak van je config.php kon gebruiken.
Zelf je Wordpress website installeren en beheren
14
Handmatige configuratie van Wordpress • •
wp-config-sample.php aanpassen en opslaan als wp-config.php wp-config.php uploaden vanaf je pc naar de server
Wp-config-sample.php aanpassen Het kan zijn dat je om de één of andere reden Wordpress niet geautomatiseerd kunt installeren. Dan zul je zelf een wp-config.php moeten aanmaken. Standaard zit deze niet in de installatie. Wel is er al een voorbeeldbestand meegeleverd: wp-config-sample.php. Als je op je eigen computer in de map met Wordpress bestanden kijkt zie je de wp-config-sample.php er tussen staan.
Wp-config-sample.php
Dit wp-config-sample.php moet je openen in een editor, Kladblok bijvoorbeeld. Gebruik geen Word of een soortgelijk programma. Deze tekstverwerkers voegen onderwater allerlei informatie toe, waardoor jouw wp-config.php niet zal werken.
Zelf je Wordpress website installeren en beheren
15
Wp-config-sample.php na openen in een editor
Nu heb je weer de database gegevens nodig die je kreeg na het aanmaken van je database. Op regel 19, 22 en 25 zie je: • •
• •
'database_name_here' . Vervang alles tussen de quotes door je databasenaam. 'database_username_here' . Vervang alles tussen de quotes door je databasegebruikersnaam. 'password_here' . Vervang alles tussen de quotes door je databasewachtwoord. 'localhost' laat je staan, tenzij jouw hostingbedrijf aangeeft dat hier een andere waarde moet komen.
Als je dit gedaan hebt moet je nog de Secret Key genereren en in je wp-config-sample.php kopiëren. Ga naar https://api.wordpress.org/secret-key/1.1/salt/. Deze url genereert gelijk een unieke keyset.
Zelf je Wordpress website installeren en beheren
16
Selecteer deze hele keyset van deze website door op een Windows pc ctrl A en vervolgens ctrl C in te typen en op een Apple cmnd A en vervolgens cmnd C in te typen.
Selecteer de dummy keyset
Nu selecteer je in het wp-config-sample.php de hele dummy keyset en plakt de keyset die je net gegenereerd hebt er voor in de plaats.
Een unieke keyset voor jouw website in de wp-config-sample.php
Als je dit gedaan hebt sla je het bestand met “save as” of “bewaren als” op in jouw Wordpress map en geeft het de naam: wp-config.php
wp-config.php uploaden vanaf je pc naar de server Nu ga je verder in je ftp-programma, je wilt wp-config.php van jouw computer in jouw webruimte op de server krijgen. Ga in de linkerkant naar jouw Wordpress map en selecteer het bestand wp-config.php dat je daar opgeslagen hebt. Zorg dat in de rechterkant van je Filezillascherm nog steeds de bestanden van jouw website zichtbaar zijn. Klik met je rechtermuisknop of dubbelklik. Het bestand wordt nu geupload. Je hebt nu handmatig een wp-config.php aangemaakt! Zelf je Wordpress website installeren en beheren
17
De 5 minuten installatie Vanaf dit punt is de procedure weer hetzelfde, of je nu een geautomatiseerde of handmatige installatie doet.
Nu volgt de werkelijke installatie van jouw website. Vertel aan Wordpress hoe jouw website gaat heten. Je kunt hier alles invullen. Bijvoorbeeld “Easy Wordpress Website” . Of als jouw site vanharen.nl heet en je bent kapper: Van Haren | Kapper in Opgeest. Dit komt jouw vindbaarheid in de zoekmachines ten goede. Het wachtwoord kun je hier zelf aanmaken. Vul je niets in, dan genereert Wordpress er zelf één. De gebruikersnaam kun je hier ook al aanpassen. Bijvoorbeeld in jouw naam of de functie. Je vult hier ook een e-mailadres is. Wordpress gebruikt dit om systeemboodschappen naar toe te sturen. Maar ook een reset-mail als je ooit je wachtwoord vergeten bent.
Zelf je Wordpress website installeren en beheren
18
Je bent nu klaar om je eigen website te gaan bezoeken.
Inlogscherm van een Wordpress site
Log in met de gebruikersnaam en het wachtwoord dat je net hebt aangemaakt. Vergeet je één van beiden (of allebei) ooit: geen nood. Klik op “Wachtwoord vergeten?” en je krijgt een reset-mail. Na de installatie kom je weer in het inlogscherm door jouwdomeinnaam.nl/wp-admin in te typen in jouw browser. Typ je alleen jouwdomeinnaam.nl in, dan kom je op de voorkant, dat deel wat jouw bezoekers zien, terecht. Neem maar eens een kijkje! Je website staat klaar!
Zelf je Wordpress website installeren en beheren
19
Aan de slag met jouw eigen Wordpress website Gefeliciteerd! Je hebt nu een eigen Wordpress website geïnstalleerd. Dit was verreweg het meest technische deel van het maken van jouw eigen website. Je bent nu ingelogd op het dashboard van jouw eigen site door jouwdomeinnaam.nl/wp-admin in te typen in de browser en je gebruikersnaam en wachtwoord te geven.
Dashboard van een Wordpress site na inloggen
Nu wil je natuurlijk de wereld laten weten wat jij te vertellen hebt. Eerst moeten er toch nog een paar zaken ingesteld worden om jouw site goed en veilig te laten zijn. Dit doe je allemaal onder het kopje “Instellingen” dat je in het menu aan de linkerkant ziet staan. Je gaat hier het volgende aanpassen: • • • • •
De algemene instellingen Privacy Reacties Permalinks Lezen
Zelf je Wordpress website installeren en beheren
20
Algemene instellingen aanpassen
Onder Instellingen/ algemeen vind je nu de gegevens die je eerder bij de installatie hebt ingevuld. Je kunt ze hier altijd aanpassen. De site omschrijving is echter nog niet aangepast. Hier staat standaard “En nog een WordPress site”. Vul hier een eigen omschrijving in. Iedere aanpassing in Wordpress moet worden doorgegeven aan de database. Dit betekent dat je altijd alles op moet slaan om een aanpassing te laten werken.
Privacy aanpassen
Het kan zijn dat je de zoekmachines nog even niet op jouw site wilt hebben, dan kun je dat onder Instellingen/ Privacy aangeven. Niet vergeten terug te zetten als je klaar bent voor de wijde wereld. Zelf je Wordpress website installeren en beheren
21
Reacties aanpassen
Onder Instellingen / reacties kun je voor nu het meeste laten staan zoals het is. Er zijn veel mogelijkheden, maar in ieder geval wil je aangevinkt hebben: “Een adminstrator moet de reactie altijd toelaten”. Je krijgt anders onherroepelijk bergen spam op je blog.
Zelf je Wordpress website installeren en beheren
22
Permalinks aanpassen Ieder bericht, ieder pagina die jij aanmaakt voor jouw Wordpress site heeft een eigen uniek nummer. Dat is handig, want zo weet Wordpress altijd alles te vinden. Je kunt dit zien door een pagina aan te roepen in de browser. Als je dan in de urlbalk kijkt zie je iets als: http://easywordpresswebsite.nl/?page_id=25 Niks aan de hand zou je denken. Ware het niet dat zoekmachines dit niet erg waarderen. Een zoekmachine heeft het liefst een url waarin duidelijk een zoekterm zit besloten. Stel dat deze pagina ging over permalinks aanpassen dan wordt een url als http://easywordpresswebsite.nl/permalinks-aanpassen veel beter gewaardeerd in de zoekmachines als Google.
In Wordpress is dit heel makkelijk te bereiken. Ga naar Instellingen/ permalinks en vink klik bij de instellingen de radiobutton “Berichtnaam” aan. Er verschijnt nu automatisch bij ”Aangepaste structuur” : /%postname%/. Dit zorgt ervoor dat Wordpress de ?page_id=25 vervangt door permalinks-aanpassen. Als dat tenminste de naam van jouw pagina of bericht is. Vergeet niet op te slaan! Zelf je Wordpress website installeren en beheren
23
Lezen aanpassen
Onder Instellingen / Lezen kun je aangeven hoe jouw bezoekers jouw site of blog gaan zien. Je kunt Wordpress gebruiken als blog, dus dat er steeds nieuwe artikelen op de homepagina verschijnen. Maar het is ook heel goed mogelijk om Wordpress te gebruiken voor een volwaardige website, al dan niet met een blog er op. Dit kun je eigenlijk pas doen als je pagina en een blogpagina hebt aangemaakt, maar ik behandel het hier vast, omdat het onder instellingen valt. Ik heb al een pagina Home aangemaakt en een pagina Blog waar ik straks mijn berichten wil hebben. In het scherm geef ik nu eerst aan dat ik een “statische voorpagina” wil hebben. Dat is een voorpagina die er altijd het zelfde uit ziet, dus geen blogberichten. Tegelijkertijd kan ik, als ik wel wil gaan bloggen, aangeven waar die berichten dan wel moeten komen. In dit geval de pagina die ik Blog heb genoemd. Voor de blogberichten kan ik ook nog aangeven hoeveel er getoond moeten worden. De rest verdwijnt in het archief. Verder kan ik aangeven of ik het hele bericht wil laten zien of een samenvatting, met een lees meer-optie
Zelf je Wordpress website installeren en beheren
24
De Wordpress site inrichten Nu is jouw site er helemaal klaar voor om zo ingericht te worden als jij wilt. Je gaat hiervoor aan de slag met het: • • • • •
Pagina's aanmaken Berichten aanmaken Afbeeldingen toevoegen Het uiterlijk veranderen (thema´s) Functionaliteit toevoegen (plugins en widgets)
Pagina’s aanmaken Pagina’s zijn delen van de website die min of meer onveranderlijk zijn. Je kunt natuurlijk best de inhoud aanpassen, door een nieuwe tekst toe te voegen.
Je maakt een nieuwe pagina aan door in het dashboardmenu naar “pagina’s “ te gaan en nieuwe pagina aan te klikken. Je komt nu in een eenvoudige tekstverwerker. Klik je op “pagina's” of “Alle pagina's” dan krijg je een overzicht van de pagina's die er al zijn. Deze kun je bewerken, bekijken of weggooien.
Dashboardmenu
Zelf je Wordpress website installeren en beheren
25
Tekstverwerker voor nieuwe pagina's of pagina's bewerken
Wordpress heeft een eenvoudige tekstverwerker. Hierin kun je tekst typen of plakken vanuit een ander bestand. Daarnaast zijn er enkel opmaak mogelijkheden. Als je niet thuis bent in html, of je hebt het niet nodig, zorg dan dat rechtsboven de Wysiwyg-optie aan staat. (What You See Is What You Get). Deze geeft echter niet helemaal 100% weer wat je krijgt. Je moet het dus altijd nog checken in jouw website zelf, maar je hoeft je in ieder geval niet met de html bezig te houden. Typ een titel in het titelvak en de tekst die je wilt gebruiken in het tekstvak daaronder. Kopiëer je de tekst vanuit een andere tekstverwerker/locatie houd er dan rekening mee dat veel verborgen code meegenomen wordt betreffende de opmaak. Komt jouw tekst uit Word, gebruik dan het icoontje “Plakken vanuit Word”, voor een andere locatie het icoontje links daarvan “Plakken als platte tekst”. Zie je het icoontje niet, dan heb je waarschijnlijk de gootsteen ingeklapt. Klik op het meest rechtse icoontje van de bovenste regel. Er verschijnt nu een tweede regel met nog meer opmaakmogelijkheden.
Zelf je Wordpress website installeren en beheren
26
Nu wil je even een paar dingen checken: 1 Of het veld reacties aan of uit staat 2 Of de Slug is wat jij in jouw browser wilt laten zien. www.domeinnaam.nl/slug Dit is de permalink die in de url-balk van de browser wordt weergegeven.
Klik daarvoor op het grijze vlak met de tekst “Scherminstellingen” rechts bovenin je scherm. Er verschijnen nu veldjes die je aan kunt klikken. Klik als extra aan: het eerste veldje “reacties” en “slug”. Er verschijnen nu extra invoervelden onder de tekstverwerker.
Bij pagina’s laat je meestal geen reacties toe. Je kunt een pagina onder een andere laten vallen. In de rechter kolom bij “Pagina Attributen” kun je een hoofdpagina aangeven. Tevens heb je daar de mogelijkheid om de volgorde zoals het in het menu verschijnt aan te passen, d.m.v. volgnummers. Sla elke wijziging op door op “Publiceren” of later “Bijwerken” te klikken. Jouw nieuwe pagina is nu zichtbaar in het menu. Wil je een pagina nog even uit het zicht houden dan kun je dit met de zichtbaarheid regelen. Zet de pagina op prive, of sla op als concept.
Pagina's bewerken Een pagina die al aangemaakt is hoef je niet weg te gooien als hij je niet meer bevalt. Je kunt pagina's gewoon bewerken. Ga daarvoor in het dashboard naar: Pagina's >> Alle Pagina's. Je komt nu weer in de tekstverwerker, maar nu met de tekst zoals je die eerder op jouw website hebt gepubliceerd. Je kunt hem nu gewoon aanpassen zoals je wilt. De knop publiceren is vervangen door “Bijwerken”. Sla je veranderingen op door hierop te klikken.
Zelf je Wordpress website installeren en beheren
27
Posts/ berichten toevoegen Het aanmaken van posts/ berichten werkt eigenlijk hetzelfde als een pagina aanmaken. Ga in het dashboard naar Berichten >> Nieuw Bericht. Je ziet nu een zelfde tekstverwerker als bij het aanmaken van pagina's. Bij berichten wil je echter wel de mogelijkheid bieden tot reacties. Vink deze optie daarom aan.
Tags Als extra mogelijkheid kun je hier “Tags” meegeven. ( rechter kolom). Tags zijn kernwoorden die Voer ze in gescheiden door komma’s. Eerder gebruikte tags verschijnen onder meest gebruikte tags. Berichten Categorieēn Standaard wordt de Berichten categorie “Geen Categorie” aangemaakt. Elk nieuw bericht krijgt deze categorie toegewezen, tenzij je een andere aangemaakt hebt en dit aanvinkt in de Categorie-opties rechts naast de tekstverwerker. Onder ieder bericht verschijnt in welke categorie deze staat. Je kunt op deze manier bijvoorbeeld een archief aanmaken dat op categorie gesorteerd is en deze in de zijbalk van jouw site laten verschijnen. Bijvoorbeeld voor een site over fietsen een categorie toertochten, nieuwste modellen, geschiedenis van de fiets, accessoires. De berichten verschijnen standaard op de home-pagina. Heb je daar een statische pagina van gemaakt, dan zul je bij “Instellingen>>Lezen” een andere pagina uit moeten kiezen voor de berichten. Deze moet je wel eerst aangemaakt hebben. Een “Lees meer..” invoegen (Blog)erichten worden vaak op een overzichtspagina vertoond. Dan wil je dat mensen in één oogopslag zoveel mogelijk berichten zien. Wordpress heeft in de tekstverwerker een knop zitten waarmee je kunt aangeven dat alleen het eerste stukje op de overzichtspagina vertoond moet worden en de rest na een klik op de “Lees Meer...”-knop. Ga op de plek in jouw tekst staan waar je deze wilt afbreken en klik op het icoontje voor “Lees Meer..” in de knoppenbalk. Er verschijnt nu een stippellijn in jouw tekst met een labeltje “more”.
Zelf je Wordpress website installeren en beheren
28
Plaatjes in pagina's of berichten Één plaatje zegt meer dan duizend woorden. Wordpress geeft daarom de mogelijkheid bij een artikel een plaatje toe te voegen. Boven de knoppenbalk van de tekstverwerker staat nog een icoontje met de tekst Uploaden/ toevoegen. Dit is de mediaknop. Hier kun je allerlei soorten media bestanden toevoegen. In dit e-book beperk ik mij tot een afbeelding. Ga eerst in jouw tekst staan op de hoogte waar jij het plaatje toegevoegd wilt hebben. Dat kan in de linkerkantlijn, later bepaal je of het plaatje links rechts of in het midden moet komen. Klik op het icoontje. Je komt nu in een scherm waar je de mogelijkheid hebt een bestand van jouw eigen computer, het internet of uit de mediabibliotheek van de website toe te voegen. Dat laatste gebruik je voor plaatjes die je al eerder geupload hebt. Handig als je iets vaker wilt gebruiken. Voor het uploaden vanaf je eigen computer klik je op “Van Computer”. Je komt nu in het uploadscherm. Klik op bestanden kiezen en ga in de verkenner (Windows) of finder (Apple) naar het betreffende bestand en klik deze aan. Dit bestand wordt nu geupload en toegevoegd aan de media bibliotheek.
Je krijgt nu een scherm te zien met diverse invulvelden en aanvinkmogelijkheden. Vul in ieder geval de “Alternatieve Tekst” in. Deze wordt namelijk vertoond als het plaatje om de één of andere reden niet getoond kan worden. Zo weten jouw bezoekers dat er een afbeelding had moeten staan en met wat. Verder kun je de grootte instellen en of het plaatje links, rechts in het midden of niet uitgelijnd moet worden. En afbeelding als invoegen in de tekst of als uitgelichte afbeelding. Als je vervolgens de afbeelding invoegt in het bericht, verschijnt hij op jouw website op de plek die je uitgekozen hebt. Het verschijnt echter niet in de samenvatting op de overzichtspagina. Je kunt een afbeelding ook als Uitgelichte Afbeelding toevoegen. Vele plugins, maken gebruik van uitgelichte afbeeldingen.
Zelf je Wordpress website installeren en beheren
29
Galerij Als je een afbeelding geupload hebt verschijnt hij automatisch in de galerij van dat bericht. Met name plugins die een diavoorstelling weergeven maken gebruik van afbeeldingen in de galerij. Ook als je een afbeelding weer uit jouw artikel verwijdert blijft deze nog in de galerij staan. Toch niet blij met jouw plaatje? Wil je de afbeelding achteraf toch niet in jouw artikel hebben staan, dan is deze ook weer makkelijk te verwijderen. Dubbelklik op het plaatje in de tekstverwerker. Dit wordt nu blauw. Tevens zie je een icoontje met een rode cirkel met een streep er door. Door daar weer op te klikken verwijder je de afbeelding uit jouw artikel.
Het uiterlijk veranderen: thema’s uitkiezen en installeren Het uiterlijk van een Wordpress website is bijna letterlijk met één druk op de knop te veranderen met behulp van de thema's • •
Wat zijn thema's Een thema installeren
Wat zijn thema's? Verreweg het belangrijkste voordeel voor jou als gebruiker van een CMS (Content Management System) als Wordpress, is dat je inhoud aan kunt passen zonder dat dit gevolgen heeft voor de layout en omgekeerd. Je kunt dus bij wijze van spreken je hele website klaar en ingericht hebben en dan besluiten dat het er toch maar anders uit moet zien. Daarvoor gebruik je de thema's. Deze bepalen hoe jouw website er uit gaat zien. De kleur, de indeling, lettertype, de widget area's, etc. Standaard wordt Wordpress geïnstalleerd met het thema “Twenty Eleven”. Dit is op zich een prima thema, maar ziet er wel heel WordPress-achtig uit. Je kunt dit heel eenvoudig veranderen terwijl de inhoud gewoon blijft staan!
Een thema installeren Ga in het dashboard naar “Weergave>>thema’s” Je ziet dan alle thema’s die al op jouw site geïnstalleerd zijn. De bovenste is actief, dus zichtbaar. Wil je nog wat anders, dan kun je klikken op het tabblad “Thema’s installeren”. Pick your choise en klik op installeren en daarna op activeren. Er zijn duizenden en duizenden Zelf je Wordpress website installeren en beheren
30
thema’s te verkrijgen. Vele zijn gratis, maar er zijn er ook waarvoor je een (bescheiden) bedrag moet neertellen. Ga rustig eens Googelen. Bij o.a. Themeforest of Elegant Themes zijn er veel te krijgen tegen een redelijk bedrag. Op de site van Wordpress zelf (http://wordpress.org) staan rond de 1500 thema's. Deze hebben in ieder geval de zekerheid dat er geen kwaadwillende codes in staan. Veel thema’s hebben zelf ook nog weer opties om e.e.a. te veranderen middels een panel, zodat je niet in de code hoeft te gaan grutten. Als je onder een thema in de lijst op details klikt krijg je wat meer informatie te zien, o.a. een waardering ofwel rating in de vorm van sterren.
Zelf je Wordpress website installeren en beheren
31
Er kan nog meer: plugins en widgets. WordPress zelf is min of meer een basissite. Je kunt er aardig mee uit de voeten als je niet te veel bijzonders wilt. Wil je meer mogelijkheden hebben met jouw website dan kun je de functionaliteit uit breiden met zogeheten plugins en widgets. • • • •
Wat zijn plugins en widgets? Waar moet ik op letten bij een plugin? Plugins toevoegen Widgets toevoegen
Wat zijn plugins en widgets? Plugins zijn in feite kleine (en soms minder kleine) programmaatjes die je toevoegt aan de code van jouw Wordpress website. Ze zijn speciaal geschreven om samen te werken met Wordpress. Met deze plugins kun je vele functionaliteiten toevoegen aan jouw website. Plugins kun je invoeren in je pagina’s en berichten of voegen soms hele vergaande functionaliteiten toe aan jouw hele site. Denk maar aan een webwinkel, of een diashow, een contactformulier, volgbuttons, etc. Op dit moment staan er ruim 18.000 plugins op http://worpress.org alleen al. Om een indruk te krijgen van de diversiteit is het aardig daar eens een kijkje te nemen. Daarnaast zijn er ook vele commercieel aangeboden plugins. De meesten op deze site zijn gratis, of wel helemaal ofwel als uitgeklede core-versie. Een widget wordt ook toegevoegd als een plugin, maar kan, en moet vaak, daarna geplaatst worden in een zogeheten widget area. Dat is een stukje van jouw site dat geprepareerd is voor widgets. Vaak is dat de zijbalk, maar het kan ook de header (de kop) of de footer (de voettekst) zijn. Dit is afhankelijk van jouw thema.
Waar moet ik op letten bij een plugin? Plugins worden veel, zoals ook de thema's, gemaakt door mensen die zelf iets wilden en hun werk graag delen. Zij stoppen er vaak veel tijd en moeite in, ook om de plugin up-to-date te houden na een update van Wordpress, of om evt. bugs er uit te halen. Wordpress wordt op die manier ondersteund door een uitgebreide wereldwijde community. Toch zijn niet alle plugins van even goede kwaliteit of worden ze even goed onderhouden. Daarnaast zijn er wel degelijk kwaadwillenden die proberen met een plugin jouw website te gebruiken voor hun snode plannen met zogeheten Malware. Download daarom bij voorkeur een plugin via http://wordpress.org. Deze plugins zijn in ieder geval vrij van Malware. Ook commerciële plugins staan hier vaak tussen. Maar daarnaast wil je ook weten of een plugin echt goed doet waar hij voor gemaakt is en bijgehouden wordt.
Zelf je Wordpress website installeren en beheren
32
WordPress geeft gebruikers de mogelijkheid een waardering mee te geven. Daarnaast kun je bij “details” zien hoe lang geleden het is dat een plugin is bijgewerkt. Is dat erg lang geleden dan bestaat de kans dat hij niet meer onderhouden wordt. Dat hoeft niet altijd een probleem te zijn. Maar een lage rating, lang geleden bijgewerkt en ook nog voor een versie ouder dan 3.1 geschikt, maakt dat het de moeite waard om naar een geschiktere kandidaat om te zien. Gebruik bij plugins je gezonde verstand. Is een Plugin weinig gedownload, met een lage rating of een hoge van erg weinig mensen of lang geleden voor het laatst bijgewerkt? Beter van niet!
Een plugin zoeken en installeren Alle widgets en plugins kun je installeren door ze te uploaden via “Plugins>>nieuwe plugin”. Een widget is nl. niets anders dan een kleine plugin speciaal voor een geprepareerde widget-area. Een plugin installeer je door op “Nu installeren “ te klikken. Je komt weer terug in het dashboard en hebt nu de mogelijkheid de plugin te activeren. Doe je dat niet, dan is hij niet beschikbaar voor jouw site. Als je aan het testen bent en je hebt een paar plugins geüpload die ongeveer hetzelfde doen, dan is het slim eerst de vorige te deactiveren. Soms zitten ze elkaar in de weg. Wil je een plugin echt verwijderen dan moet je hem ook eerst deactiveren en daarna op verwijderen klikken
Is jouw geüploade plugin een widget, dan verschijnt deze onder “Weergave>>widgets”. De widgets kun je heen en weer slepen naar de plek waar je ze wilt hebben op jouw site. Soms kan of moet je er nog zaken aan instellen. Wordpress installeert standaard al een aantal widgets mee en plaatst enkele in de zijbalk. Je kunt ze aanpassen of verwijderen door ze uit de zijbalk te slepen of op verwijderen te klikken. Wil je widget verwijderen, maar de instellingen die je al gedaan hebt nog bewaren, sleep de widget dan naar de speciale ruimte onderaan. Al jouw eigen instellingen blijven zo beschikbaar voor hergebruik.
Zelf je Wordpress website installeren en beheren
33
Widget beheerpanel
Sommige plugins en widgets maken een eigen tabblad aan of verschijnen onder “Instellingen”. Check dit voor de zekerheid even als je je afvraagt hoe je de plugin moet laten doen wat jij wilt.
Gefeliciteerd! Als je tot hier gekomen bent heb je al een aardig complete Wordpress website. In ieder geval heb je de basisbeginselen onder de knie om er flink mee aan de slag te gaan. Wil je er nog een praktijk ondersteuning bij, dan heeft Easy Wordpress Website voor jou een instapcursus Worpresswise. Samen met anderen de beginselen Wordpress al doende onder de knie krijgen onder begeleiding van een ervaren Wordpress professional. Daarnaast biedt Easy Wordpress Website nog verdiepingscursussen Wordpresswiser. Voor als je de fijne kneepjes van alle onderdelen en mogelijkheden wilt leren kennen. Ook dit uiteraard onder begeleiding van een ervaren Wordpress professional.
Zelf je Wordpress website installeren en beheren
34
Gegevens voor de Wordpress-website
Logingegevens van jouw hostingbedrijf Loginnaam of gebruikersnaam: Wachtwoord: FTP-gegevens van de website Host: FTP-gebruikersnaam: FTP-wachtwoord: Database gegevens Database-naam: Databasegebruikersnaam: Database-wachtwoord: Database-hostnaam: Inloggegevens voor jouw Wordpress website Gebruikersnaam: Wachtwoord: E-mailadres voor systeemberichten: Zelf je Wordpress website installeren en beheren
35
Zelf je Wordpress website installeren en beheren
36