VOORWOORD 2 [INTERNET VOOR IEDEREEN ]

2

[INTERNET VOOR IEDEREEN ]

VOORWOORD Voor je dit boek leest, zorg ervoor dat je altijd de laatste versie gedownload hebt op www.websitemakenvoorbeginners.com, zo ben je zeker dat je up-to-date bent! Iedereen heeft jeugddromen, dingen die hij wil bereiken als hij later groot is. De ene wil piloot worden, de andere chirurg of profvoetballer, de ene dan weer acteur of zanger, maar bij mij was het anders. Ik herinner me nog goed dat er thuis een IBM-computer stond die draaide op DOS van Microsoft, veel meer dan op het toetsenbord tokkelen –zonder ik er echt iets van begreep- kon ik niet. Maar met gewoon achter die computer zitten en “doen alsof” ik er echt op aan het werken was, kon ik me uren bezig houden. Mijn standaard antwoord op de vraag “Wat wil jij later worden?” was dus niet voor niets al van in de kleuterklas “Iets met computers..”. Toen ik rond het jaar ‘98 voor de eerste keer in aanraking kwam met het internet, wist ik het meteen. Hiermee zou ik mijn hele leven verder willen gaan, met het internet wil ik mijn geld verdienen. Ik wil deel uitmaken van het internet en zelf websites online kunnen plaatsen. Niet perse voor mezelf, maar voor mensen die iets willen vertellen aan de wereld. Het grootste “probleem” op dat moment was dat ik zelf amper 8 jaar was en ik echt niet wist waar ik moest beginnen. (En wie zou er in godsnaam ook naar een snotneus van 8 jaar willen luisteren?) Ik had geen geld, geen kennis en ik kende ook niet onmiddellijk iemand die mij zou kunnen helpen. Het leek voor mij op dat moment dan ook bij een droom te blijven, een droom waarvoor ik jarenlang zou moeten studeren. “Enkel de sterke programmeurs, de slimme nerds en de grootste informatici kunnen websites maken.” dacht ik toen nog. In de jaren die volgden werd mijn passie voor het internet en webdesign alleen maar groter en groter. Ik heb ondertussen al ongeveer 10 jaar ervaring op het internet, heb mijn eigen webbureau opgericht (www.zoofa-design.be) en als ik 10 jaar geleden wist wat ik nu weet, dan had mijn hele online “carriere” er volledig anders uitgezien. Ik heb namelijk 3 jaar geleden een methode ontdekt, waarmee je van uit het niets, in minder dan 1 uur tijd, een volledig, professionele website online kan plaatsen, inclusief eigen .be, .nl, .com of punt whatever domeinnaam. Het meest geweldige van dit hele proces is dat je hier helemaal geen technische kennis moet voor hebben.

Stijn Van den Bogaert - WebsiteMakenVoorBeginners.com

[INTERNET VOOR IEDEREEN]

3

Dankzij deze methode, kan iedereen met een beetje gezond verstand zijn eigen website maken, in NO-TIME! Omdat ik vaak merk dat er nog veel ondernemers te terughoudend zijn om hun eerste stappen op het internet te zetten, heb ik dit boek geschreven. Ik hoop op deze manier de mythes over het internet en een eigen website maken te kunnen ontkrachten. Het hoeft echt niet zo moeilijk te zijn als dat je denkt. Ik ga je enkele zeer waardevolle tips en technieken meegeven, waarmee jij vandaag nog jouw eigen website online zal kunnen plaatsen. Ik begrijp ook dat je nu nog denkt dat dit niets voor jou is, dat je dit misschien niet zal kunnen, maar geloof mij, volg gewoon stap voor stap de tips in dit boek en binnen enkele ogenblikken maak jij jouw eigen professionele website. Mijn methode leert je niet hoe je je eigen Facebook of Google kan maken, het is trouwens ook nooit mijn bedoeling geweest om zelf zo’n “one billion dollar”-website te maken en het is ook onbegonnen werk om zoiets op te starten of aan te leren aan iemand zonder enige technische kennis, tenzij je zwaar wilt investeren in programmeurs natuurlijk. Ik ga je ook niet leren hoe je geld kan verdienen met je website. (Dat kan ik je wel leren, maar niet via dit boek). Als je mijn methode volgt ga je ook geen professionele webdesigner zijn – sorry -, maar je gaat wel je eigen professionele website kunnen maken. (Huh, hoe kan dat? Lees gewoon verder.. ;-) ) Ik weet dat de volgende gedachten waarschijnlijk bij je opkwamen wanneer je bovenstaande las: • • • • • • • • • •

Moeilijk Technisch Programmeren Onverstaanbare codes Veel werk Lange termijn Duur Saai Niets voor mij ... [ vul zelf ook maar eentje in ;-) ]


4


Maar wat als ik allemaal deze negatieve vooroordelen en mythes nu eens weg zou kunnen nemen met dit boek en het daarmee interessant voor jou zou maken om zelf zo’n professionele website op te zetten? No worries. Je gaat helemaal geen extra software moeten downloaden en je hebt ook helemaal geen honderden euros per maand nodig om je webmaster te betalen (je gaat zelf webmaster zijn, remember?). En zelfs wanneer je op dit moment nog denkt dat je hier helemaal geen tijd of kennis voor zal hebben, ben ik er nog van overtuigd dat je er door deze technieken toch zal in slagen zelf een website te bouwen en dat je even de tijd moet nemen om verder te lezen. Ik wens je veel plezier toe met het lezen van dit boek en alle succes bij het ontdekken van mijn methode en het opzetten van jouw website, want ik ga er natuurlijk vanuit dat je ook actie gaat ondernemen na het lezen van dit boek en dat je mij binnenkort een mailtje stuurt met jouw website in! Mijn contactgegevens zal ik achteraan dit boek bijvoegen, maar voor nu, -na de belangrijke disclaimer hierna- veel succes!



5

DISCLAIMER Wanneer je gaat zoeken op het internet naar tips om zelf een website te maken, zal je veel “experts” en “gurus” tegenkomen die je via dure cursussen of opleidingen zelf een website willen leren maken. Ik noem mezelf niet graag een expert of een guru, maar liever een specialist. Omdat ik me gespecialiseerd heb in WordPress en websites maken. Maar hoeveel websites ik ook zal maken en hoe goed ik er ook zal in zijn, er zullen altijd dingen zijn die ik niet weet, waardoor ik mezelf dus ook geen expert zal noemen. In dit boek leer je niet hoe je een webdeveloper of een webdesigner wordt, dat duurt veel te lang en het doel van een ondernemer of een organisatie moet veel verder liggen dan alleen een website hebben. Een goede ondernemer gebruikt zijn website als een medewerker. Een goede website beantwoord vragen, helpt klanten, geeft de uitstraling van de onderneming weer, zorgt voor interactie tussen het bedrijf en de bezoekers en wanneer je het echt goed doet, kan je via je website ook geld verdienen door je producten aan te bieden en te verkopen. Dit boek is bedoeld om deze ondernemers of verenigingen een duwtje in de goede richting te geven en hen een snelle en eenvoudige methode te geven om hun eigen website te bouwen, zodat ze zich verder kunnen concentreren op de kern van hun zaak.


6


INHOUDSOPGAVE Veelgestelde Vragen ....................................................................................................................... 7 Wat is WordPress? ................................................................................................................................... 7 Waarom zou ik WordPress gebruiken? ............................................................................................ 8 Ik heb zelf geen kennis van website-‐ontwikkeling is WordPress iets voor mij? ............... 8 Wat is het verschil tussen een (web)site en een weblog/blog? ................................................ 8 Wat zijn een domeinnaam en hosting? Heb ik deze nodig? ....................................................... 9 Welke programma’s heb ik nodig om mijn WordPress-‐site te installeren? ........................ 9 Wat zijn pagina’s en berichten? Wat is het verschil? ................................................................. 10 Wat betekent media in WordPress? ................................................................................................ 10 Wat zijn theme’s/thema’s/templates? ............................................................................................ 10 Wat zijn plugins? .................................................................................................................................... 10 Stap 1: Een Goede Domeinnaam Kiezen ............................................................................... 11 Stap 2: Domeinnaam Registreren ........................................................................................... 13 Stap 3: WordPress Installeren (Automatisch) .................................................................... 15 Stap 4: WordPress: De Eerste Stappen .................................................................................. 20 Pagina’s ...................................................................................................................................................... 22 Startpagina Instellen ............................................................................................................................ 25 Berichten .................................................................................................................................................. 27 Enkele Basisinstellingen ..................................................................................................................... 30 Nawoord .......................................................................................................................................... 35 Nog Vragen? .................................................................................................................................... 35



7

VEELGESTELDE VRAGEN Voor we starten met het installeren van onze website, ga ik proberen enkele vragen die gedurende dit boek bij jou zullen opkomen, op voorhand te beantwoorden, zodat het verdere verloop vlotter kan gaan. Moest je buiten deze vragen, zelf nog vragen hebben, aarzel dan niet om ze me toe te sturen, mijn emailadres staat achteraan in dit boek. ;-)

Wat is WordPress? De grootste reden waarom je dit boek leest is waarschijnlijk omdat je een oplossing zocht om je website snel en eenvoudig zelf te kunnen maken, online plaatsen en beheren. Wel, de oplossing voor dit probleem is WordPress. WordPress zorgt er voor dat jij, door middel van een persoonlijke gebruikersnaam en wachtwoord, jouw website kan beheren, alsof je een mailtje aan het typen zou zijn. Inderdaad, zo eenvoudig maak ik het aanpassen van een website voor u. Nu komt er wel wat meer bij kijken, we moeten eerst ons systeem volledig opzetten en we moeten nadien alles in orde zetten om een zo goed mogelijke website te hebben. En goed betekent hier: gebruiksvriendelijk, mooie layout, gevonden kunnen worden door Google en uiteraard SNEL EN EENVOUDIG WIJZIGINGEN DOORVOEREN. WordPress is een opensource systeem en kan dus gedownload worden op het internet. Je mag dit ook aanpassen zoveel je wil en gebruiken zoveel je wil. Er zijn over de hele wereld duizenden programmeurs die samenwerken om WordPress te verbeteren of uit te breiden met nieuwe plugins. Je werkt dus met zeer waardevolle en kwalitatieve websoftware! Om ervoor te zorgen dat je je iets kan voorstellen bij WordPress, heb ik een tekening gemaakt:


8


Op vorige afbeelding zie je hoe de database (met alle gegevens voor op de website) fungeert als “tussenpersoon” tussen WordPress en onze website. Via WordPress kan je op een gebruiksvriendelijke manier gegevens invoegen in de database, dit in de vorm van pagina’s, berichten, foto’s, ... De website (wat de eindgebruiker zal zien) haalt die gegevens dan uit diezelfde database op. Op deze manier wordt er voor gezorgd dat u als ondernemer, volledig zelf de touwtjes in handen heeft, voorlopig enkel nog offline, na het lezen van dit boek ook online!

Waarom zou ik WordPress gebruiken? Een website is de dag van vandaag onmisbaar voor elke ondernemer die zijn onderneming serieus neemt. Ook sportclubs of andere verenigingen kunnen er niet meer onderuit om op het internet aanwezig te zijn. De doorsnee ondernemer of voorzitter van een vereniging heeft geen technische kennis om zelf een website op te bouwen en meestal is er ook geen budget om een webdesigner of webmaster in te huren. Het is op dit punt dat WordPress DE OPLOSSING zal bieden. Met WordPress kunt u namelijk supersnel en supereenvoudig uw pagina’s van de website aanpassen. Gedaan dus met duizenden euro’s uit te geven aan een webbureau of een webmaster. U zal vanaf nu gewoon zelf uw website kunnen aanpassen! (Mijn volledige cursus in verband met WordPress en dergelijke vindt u hier: http://bit.ly/interessante-info)

Ik heb zelf geen kennis van website-ontwikkeling is WordPress iets voor mij? Uiteraard! Het is juist voor de mensen die geen technische kennis hebben dat WordPress ontwikkeld is. U kan perfect zonder voorkennis uw website onderhouden en wel even gemakkelijk en snel als het versturen van een email!

Wat is het verschil tussen een (web)site en een weblog/blog? Een website bestaat vaak uit een aantal vaste pagina’s, die niet echt veel worden aangepast. Een website biedt de bezoeker informatie over een onderneming aan. Bij een blog is het een beetje anders. Op een blog verschijnen regelmatig nieuwe (nieuws)berichten. Deze berichten kunnen dan onderveeld worden in categorieën. Op deze manier kan je dus als onderneming regelmatig je klanten van nieuwe informatie



9

voorzien. Met WordPress heeft u de kans om zowel een normale website als een weblog te maken.

Wat zijn een domeinnaam en hosting? Heb ik deze nodig? De domeinnaam is het webadres dat verwijst naar jouw persoonlijke website. De domeinnaam van Google is bijvoorbeeld www.google.com, www.google.be of www.google.nl, ... Elke website heeft namelijk een bepaalde locatie op het internet. Deze locatie (een plaats op een server die met het internet verbonden is = hosting) krijgt een uniek IPadres mee. Een domeinnaam wordt gekoppeld aan dit ip-adres, zodat de bezoeker geen ip-adres, maar een eenvoudige websitenaam kan onthouden, om zo toch nog naar de website te kunnen surfen. Om een website online te plaatsen is het dus zeker noodzakelijk om hosting te hebben, zodat je je bestanden op een server kan zetten die verbonden is met het internet. Het is ook nogal ongebruikelijk om mensen door te sturen naar het ip-adres van jouw stukje hosting, dus is het aan te raden om sowieso ook een domeinnaam aan te kopen. Meestal worden een domeinnaam en hosting gezamelijk gekocht in één pakket en moet je je zelf geen zorgen maken over het koppelen van de domeinnaam aan de hosting, dit wordt voor jou gedaan.

Welke programma’s heb ik nodig om mijn WordPress-site te installeren? In principe kan je WordPress installeren zonder dat je hiervoor andere programma’s moet downloaden. Een computer die verbonden is met het internet is voldoende. Er zijn immers genoeg hosts die de dag van vandaag toelaten om WordPress te installeren in slechts enkele klikken. Geheel automatisch dus. Moest dit voor jou niet het geval zijn, dan is het noodzakelijk dat je een FTPprogramma downloadt. Dit zal je dan nodig hebben om de WordPress bestanden naar je webserver te uploaden, zodat je op deze manier WordPress kan installeren. Over hoe dit werkt hoef je je geen zorgen te maken wanneer je gewoon de stappen in dit boek volgt.


10 [INTERNET VOOR IEDEREEN ]

Wat zijn pagina’s en berichten? Wat is het verschil? Wanneer je een website maakt kan je beslissen om op voorhand het aantal pagina’s vast te leggen. Je maakt deze pagina’s in het begin als je je website installeert (je kan er eventueel later nog toevoegen), vult je tekst in en komt hier later niet meer aan. Pagina’s zijn ook meestal zichtbaar in het hoofdmenu van de website. Wanneer je ook berichten gebruikt, betekent dit dat je blogt. Een blog bestaat uit berichten die opgedeeld zijn in categorieën. Op deze manier kan je je bezoekers en klanten dus van de laatste nieuwtjes voorzien door af en toe een blogbericht te schrijven. Het beste voorbeeld van een blog zijn de nieuwssites. Deze bestaan uit hoofdzakelijk uit berichten, opgedeeld in categorieën.

Wat betekent media in WordPress? De media-bibliotheek in WordPress bestaat uit de foto’s, video’s, pdf- en andere bestanden die je op je website ingevoegd hebt. Op deze manier hoef je een bestand maar 1x te uploaden en kan je het overal op je website invoegen.

Wat zijn theme’s/thema’s/templates? In WordPress kan je de layout van je website makkelijk wijzigen door een thema in te stellen. Thema’s hebben geen invloed op de inhoud van je website, maar zullen enkel het uitzicht van je website veranderen. Met thema’s kan je je website een unieke look and feel meegeven.

Wat zijn plugins? Dankzij de duizenden plugins die beschikbaar zijn voor WordPress, is de kans klein dat je iets niet zou kunnen toevoegen aan je website als je dat wil. Plugins zijn stukjes software waarmee je je bestaande WordPress-installatie kan uitbreiden. Hierdoor kan je in slechts enkele muisklikken zaken zoals een Facebook Likebutton, een forum, een fotoalbum, ... toevoegen aan je website zonder dat je zelf de technische kennis hebt om dit te programmeren. Easy as 1 2 3.



11

STAP 1: EEN GOEDE DOMEINNAAM KIEZEN Voordat we onze domeinnaam gaan kiezen, moeten we eerst eens kijken welke domeinextensie we gaan nemen. Een domeinextensie ken je onder de vorm van: • • • • •

.be .nl .com .net ...

Maar welke van deze moet jij nu gaan registreren? Wel, het hang af van je business. Bevindt je doelpubliek zich hoofdzakelijk in België, ga dan voor de .be, bevindt je publiek zich in Nederland, ga dan voor de .nl, zo simpel is het. Wil je liever wereldwijd gaan of verspreid over meerdere landen werken, kies dan de .com of indien deze niet meer beschikbaar is, de .net of het Europese alternatief voor .com, de .eu-extensie Deze domeinextensies zullen beter scoren in de Google-versie van het betreffende land. Zo scoort de .be beter in Google.be en .nl beter in Google.nl, wat logisch is. Niet alleen de extensie, maar de domeinnaam zelf is vanzelfsprekend ook belangrijk. Wanneer jij een zelfstandige loodgieter bent en je hebt een website als www.elektricien.be, dan zal je niet veel relevant verkeer over de vloer krijgen en Google zal ook niet snel doorhebben waarover je website gaat. Een belachelijk voorbeeld, maar zo weet je wat ik bedoel. :-) Willen we dus een goede domeinnaam, dan moet je eerst voor jezelf uitmaken welke business je hebt en wat je de mensen aan te bieden hebt. Wil je bijvoorbeeld ook liever werken binnen een bepaalde regio en niet zozeer over het hele land? Dan kan je ook dit duidelijk maken in je domeinnaam. Stel nu, je bent een loodgieter en je wil een domeinnaam gaan registreren. Dan zijn er twee mogelijkheden, je registreert een domein op naam of bedrijfsnaam, dus bv: www.janjanssens.nl .be of .com of www.loodgieterjanssens.nl .be of .com Een andere mogelijkheid is dat je je gaat richten op je beroep en werkgebied, dan registreer je een domeinnaam in de vorm van: www.loodgieterbrabant.nl of www.loodgieterantwerpen.be.


12 [INTERNET VOOR IEDEREEN ] Probeer ook te gaan voor een domeinnaam zonder koppelteken, deze scoren over het algemeen beter in Google. Het is aan jou om uit te maken wat je het liefste wilt, maar hou er rekening mee dat mensen eerder op zoek zullen gaan naar “loodgieter” dan naar “jan janssens”. In dit geval zou ik opteren om te gaan voor www.loodgieterjanssens.be of www.loodgieterantwerpen.be Let op: een goede domeinnaam betekent niet automatisch dat je een goede positie zal hebben in de zoekmachines, maar het zet je wel goed op weg. (Mijn volledige cursus in verband met Zoekmachine Optimalisatie en dergelijke vindt u hier: http://bit.ly/interessante-info)



13

STAP 2: DOMEINNAAM REGISTREREN Voordat we een website kunnen maken en online plaatsen, moeten we de hosting & een domeinnaam kopen. Nu je beslist hebt welke domeinnaam je wilt kan je deze registreren. Laten we hier als voorbeeld www.wordpressmastertraining.com eens bestellen. Ik ga naar www.antagonist.nl of deze pagina van WebChamp -ik wil niemand verplichten om hier je website te kopen, er zijn tal van andere hosts, maar dit is hoe ik het doe- en controleer ofdat het domein nog beschikbaar is.

Zoals je ziet in bovenstaande afbeelding zijn alle domeinnamen voor “wordpressmastertraining” nog beschikbaar. Ik ga nu de .com bestellen en je ziet dat dit €29,95 per jaar zal kosten voor: •

•

Domeinnaam: een gemakkelijk te onthouden woordje –websitenaam- die de gebruiker verbindt met de juiste informatie op het internet. In ons geval: wordpressmastertraining.com Webhosting: dat stukje op de server dat we dus nodig hebben om onze website op te zetten en onze website online beschikbaar te maken.


14 [INTERNET VOOR IEDEREEN ] Dat is in totaal nog geen 3euro per maand voor een eigen website, wat dus spotgoedkoop is. Het enige wat je nu nog moet doen is de bestelling plaatsen en betalen. Van zodra jouw betaling ontvangen werd bij Antagonist (of waar jij je website wilt kopen), zal je website geactiveerd worden en zal je ook een mail ontvangen met alle benodigde gegevens voor de verdere installatie van de website. Van zodra je deze gegevens hebt, kan je van start gaan met de volgende stap. PS: Print de mail die je ontvangt uit, of zorg er toch op één of andere manier voor dat je deze gegevens nooit kwijt geraakt.



15

STAP 3: WORDPRESS INSTALLEREN (AUTOMATISCH) Als je je website net zoals in de vorige stap ook via Antagonist of WebChamp besteld hebt, zal je een email ontvangen met je ftp-gegevens van je website. (Dit is bij de meeste andere hosts ook het geval, dus je kan gewoon de stappen blijven volgen moest je je website ergens anders gekocht hebben). Je zal ook zien dat er een adminpanel beschikbaar is voor je website, dat je kan bereiken via :2222 achter je domeinnaam te typen. In mijn geval zou dit www.wordpressmastertraining.com:2222 zijn. Ik krijg dan dit scherm te zien:

Met de gegevens die je in de mail ontvangen hebt, kan je nu hier inloggen. Als je ingelogd bent, kom je in het DirectAdmin-panel. Scroll hier naar onderen en zoek “Installatron Applications Installer”. Rechtsonderaan onder de titel “Advanced Features”. Zoals in de afbeelding hieronder:


16 [INTERNET VOOR IEDEREEN ] Daarna kan je via de Installatron “Applications Browser” via enkele klikken WordPress automatisch laten installeren.

Onderaan in de Applications Browser vind je het icoontje van WordPress, klik daar op (je vindt deze onder het titeltje “Apps Voor Content Management”:

In het scherm dat je nu te zien krijgt zoek je naar de “Install This Application”-knop (druk hierop):

In het volgende scherm is het enkel nog een kwestie van enkele gegevens in te vullen en de installatie kan starten. Binnen enkele ogenblikken staat jouw website dus online en is hij klaar voor gebruik!



17

Als je je website op je hoofddomein wil hebben, mag je het veld naast “Path” leeglaten. Wil je liever WordPress installeren (zoals ik in het voorbeeld hieronder) in een submap op de website, dan kies je hier een naam voor en vul je deze in in het veld naast Path. Mijn installatie zal nu te bezichtigen zijn via www.wordpressmastertraining.com/testsite

Bij de versie kies je best de laatste nieuwe, de taal kies je zelf. Ik kies uiteraard voor Nederlands:


18 [INTERNET VOOR IEDEREEN ] De database instellingen laat je staan zoals hieronder:

Als “Administrator Username” kiezen we “admin”, het wachtwoord kies je zelf. Kies voor iets dat je makkelijk kunt onthouden, je kan dit achteraf nog altijd wijzigen. “Administrator Email” moet je invullen met jouw emailadres, zodat je meldingen krijgt wanneer er iets aan de hand is met je WordPress website. Als titel kies je best de naam van je onderneming, sportclub, hobby ..

Klik nu op “Install”



19

Na enkele ogenblikken zal je zien dat je WordPress succesvol geïnstalleerd hebt en je kan nu je website bezoeken via het domein waarop je WordPress zopas geinstalleerd hebt. In mijn geval is dit: www.wordpressmastertraining.com/testsite. Als dit gelukt is, kunnen we verder naar de volgende stap en kunnen we onze website klaar zetten voor de bezoekers. Momenteel zou je website er ongeveer zo moeten uitzien:



STAP 4: WORDPRESS: DE EERSTE STAPPEN Nu onze website geïnstalleerd is, kunnen we deze beginnen opvullen met de informatie van onze onderneming. WordPress biedt u ook de mogelijkheid om te kiezen uit verschillende thema’s (ook het internet staat vol van thema’s voor WordPress die je kan downloaden), zodat jij je website een unieke uitstraling kan geven. In deze handleiding ga ik het standaard-thema van WordPress behouden. Ik ga je wel tonen hoe je hier enkele aanpassingen kan aan maken en hoe je je eigen headerafbeelding kan uploaden. In het begin van dit boek heb ik uitgelegd wat pagina’s en berichten zijn. Nu is het dus tijd om er ook effectief te gaan aanmaken. Als je nu kijkt naar de website bestaat deze uit twee pagina’s: “Home” en “About”. De homepage is momenteel een overzicht van de blogberichten op de website (op dit moment is er enkel het “Hello World” bericht te zien). Wanneer je op de titel van dit bericht klikt, krijg je het volledige bericht te lezen. Ik hoop dat je op deze manier een beeld krijgt van hoe onze website er op dit moment uit ziet. Vergeet nu even deze twee pagina’s en bedenk voor jezelf welke pagina’s jij op je website wilt hebben. Ik ga kiezen voor “Home”, “Blog”, “Over ons” en “Contact”. Nu, hoe maken we deze aan? Om te beginnen moeten we inloggen in ons adminpanel van onze website. Dit is niet hetzelfde adminpanel als waar WordPress daarnet geïnstalleerd hebben. Hier gaat het om het adminpanel van onze WordPress-website zelf. Om dit te doen gaan we naar www.jouwwebsite.com/wp-admin. In mijn geval is dit www.wordpressmastertraining.com/testsite/wp-admin. (Wat ik dus doe is “/wpadmin” achter de url van mijn website typen. Ik raad je wel het adminpanel te openen in een nieuw tabblad of in een nieuw scherm, zo kan je mooi het overzicht bewaren tussen de voor- en achterkant van je website) Wanneer je dan op enter klikt krijg je volgend scherm te zien:



21

Via dit scherm kan je nu inloggen met de gegevens die je zelf gekozen hebt tijdens de installatie. Normaal zou je als gebruikersnaam “admin” moeten gekozen hebben. Als je de gegevens ingevuld hebt klik je op de blauwe knop “Inloggen”. Het volgende dat je zal zien heet het “Dashboard”. Dit geeft een overzicht van wat er allemaal te zien is binnen je website.


22 [INTERNET VOOR IEDEREEN ] Wanneer je dit de eerste keer ziet is het normaal dat er een hele boel informatie op je afkomt, vandaar dat we ons nu enkel gaan concentreren op de belangrijkste zaken van je website, zodat je een mooie start kan maken! We gaan het hebben over de pagina’s, berichten, hoe je een startpagina en blogpagina instelt en dan nog enkele kleine basisinstellingen die je zeker moet toepassen.

Pagina’s Aan de linkerkant van het dashboard zie je een vertikaal menu. Klik hier op “Pagina’s” om een overzicht te krijgen van de huidige pagina’s op je website. Voorlopig zien we dus enkel de “About”-pagina. We hadden op de website ook een homepage, maar dat was een overzicht van de berichten op de website, ik toon je straks nog hoe je dit aanpast.

Ik ga er vanuit dat je de huidige “About”-pagina wilt verwijderen. We gaan straks toch zelf onze pagina’s aanmaken. Om deze pagina te verwijderen ga je met je muis over de titel van de pagina en je zal zien dat er een nieuw menuutje tevoorschijn komt. Klik op “Prullenbak” en de pagina is verwijderd.

Nu dit gebeurd is gaan we starten met onze eigen pagina’s aan te maken. Om dit te doen klik je bovenaan op “Nieuwe pagina”:



23

We krijgen alweer een nieuw scherm te zien waar veel te beleven valt. Wat wij nu nodig hebben is enkel het bovenste tekstvak voor de titel en het grote tekstvak voor de tekst die uiteindelijk op onze pagina zal verschijnen.

Ik heb 4 pagina’s nodig: “Home”, “Blog”, “Over ons” en “Contact”. Om de eerste pagina aan te maken vul ik dus in het bovenste tekstvak als titel “Home” in. Bij de tekst komt dan de tekst die je op de startpagina wil tonen:


24 [INTERNET VOOR IEDEREEN ] In dit grote tekstvak kan je natuurlijk invullen wat je zelf wilt. De eerste pagina is eigenlijk al klaar nu, veel meer dan op de grote blauwe knop “Publiceren” klikken aan de rechterkant moeten we niet meer doen.

Op deze manier (via “Nieuwe pagina” bovenaan) kunnen we nu ook de andere pagina’s voor de website aanmaken. Wanneer je de pagina’s wil rangschikken in het menu op de website, dan kan je ze een volgnummer meegeven. De eerste pagina (de meest linkse in het menu) krijgt het volgnummer 0, het volgende nummer 1, dan nummer 2 en zovoort. Voor mijn tweede pagina, de blog-pagina, stel ik dus nummer 1 in bij Volgorde:

Wanneer we dit voor elke pagina die we nodig hebben doen, krijgen we in het paginaoverzicht iets zoals dit te zien:



25

Nu onze pagina’s aangemaakt zijn kunnen we eens kijken hoe dit er nu aan de voorkant uitziet.

Zoals je ziet zijn onze pagina’s nu in het menu verschenen op de website, wanneer je navigeert door het menu zal je ook de tekst te zien krijgen die je bij elke pagina afzonderlijk ingevuld hebt. Een redelijk werkende website al tot hiertoe.

Startpagina Instellen Het probleem dat we nu hebben is dat we twee keer “Home” in het menu hebben staan en dat de blogpagina helemaal geen overzicht toont van de blogberichten. Dit kunnen we oplossen door een startpagina en een blogpagina in te stellen. Om dit te doen ga je in het adminpanel naar het menu in de linkerkant en kies je voor “Instellingen” > “Lezen”:

In dit scherm zie je dat de startpagina ingesteld staat om de laatste berichten te tonen:

Om zelf onze startpagina te kiezen, klikken we op het bolletje naast “Een statische pagina”. In het dropdown-menuutje naast “Voorpagina” kies je de pagina die je als startpagina wilt instellen. Als je een blogpagina wil tonen, duid je deze pagina aan naast “Berichtenpagina”. Wil je geen blog op jouw website, dan laat je dit gewoon


26 [INTERNET VOOR IEDEREEN ] staan zoals het staat en kies je enkel de voorpagina. In mijn voorbeeld maken we wel gebruik van een blogpagina:

Wanneer we dit gedaan hebben, rest ons alleen nog de instellingen te bewaren. Dat doen we door onderaan deze pagina op de blauwe knop “Wijzigingen opslaan” te klikken:

Als we nu terug naar de voorkant van onze website gaan, zien we dat er in het menu maar 1x “Home” staat en dat de blogpagina een overzicht toont van blogberichten op de website:



27

Berichten Berichten toevoegen gebeurt op dezelfde manier als pagina’s toevoegen. Alleen kan je berichten indelen in verchillende categoriën en kan je er tags aan toevoegen. Berichten komen ook niet in het menu op de website, maar zullen (de nieuwste bovenaan) op de berichtenpagina (bij ons dus de “Blog”-pagina) verschijnen. Klik in het adminpanel in het menu aan linkerkant op “Berichten” om een overzicht te krijgen van de huidige berichten. De “Hello World” – post kunnen we op dezelfde manier verwijderen als dat we daarstraks gedaan hebben met de “About”-pagina.

Ga met de muis over het bericht en klik op “Prullenbak” om het bericht te verwijderen. Als je zelf wilt gaan bloggen kan je op dit moment je eerste blogbericht plaatsen. Klik bovenaan deze pagina op “Nieuw bericht”:

In het tekstveld bovenaan vullen we de titel in van ons bericht. In het grote veld de inhoud (zelfde principe als bij de pagina’s).



Bovenaan het grote tekstvak (zorg dat het tabblad “Wysiwyg” rechtsbovenaan aangeduid staat) zie je een balk met icoontjes. Via deze icoontjes kan je eventueel de opmaak van de tekst aanpassen naar keuze. Ook kan je via het icoontje naast “Uploaden/Toevoegen” afbeeldingen, filmpjes, .. invoegen in je bericht. (Dit werkt ook bij de pagina’s). Ik vertelde je ook al dat we berichten kunnen opdelen in categorieën. Zo kan je latere berichten toevoegen aan dezelfde categorie en kunnen bezoekers die specifiek op zoek zijn naar informatie over dat onderwerp gemakkelijker de juiste informatie vinden. per categorie. Om dit bericht aan een categorie te koppelen moet je het vakje naast de categorie die je wenst aanduiden. Dit vind je aan de rechterkant:

In het begin zijn er natuurlijk nog geen categorieën aanwezig, enkel “Uncategorized”. Ik neem aan dat je liever andere categorieën had toevoegd. Dat doe je door onderaan dit vak op “+ Nieuwe categorie toevoegen” te klikken en dan een naam van een



29

categorie in te geven. Wanneer je deze toegevoegd hebt aan het lijstje, kan je deze categorie aanvinken en is dit bericht hieraan gekoppeld. Het volgende waarin berichten verschillen van pagina’s is dat je tags kan meegeven aan een bericht. Tags zijn kort samengevat enkele kernwoorden waarover jouw bericht gaat. Op deze manier kan je in de toekomst ook andere berichten die over dit kernwoord iets vermelden aan deze tag koppelen. Ook dit zorgt er voor dat bezoekers sneller bij hun informatie terecht kunnen en ook Google vindt het plezant wanneer er een structuur in jouw website zit en wanneer de pagina’s en berichten op je website onderling naar elkaar verwijzen. Je creëert als het ware een spinnenweb tussen je pagina’s zodat de “spin” van Google jouw pagina’s makkelijker in zijn database kan opnemen. Om tags toe te voegen moeten we in het vakje onder de categorieën zijn. Zo’n 2-5 tags per bericht is het meest gebruikelijke. Probeer hier ook wel een regelmaat in te steken en tags te hergebruiken in volgende berichten wanneer deze over een soort gelijk onderwerp gaan.

Als we dit alles ingesteld hebben kunnen we ons bericht gaan publiceren. Klik (zoals altijd als we iets willen opslaan) op de grote blauwe knop “Publiceren” rechtsbovenaan deze pagina:


30 [INTERNET VOOR IEDEREEN ] Als het bericht gepost is, zal je aan de voorkant van je website op de blogpagina zien dat dit bericht verschenen is:

Op dit moment zijn de eerste stappen voor je website zo goed als gezet. We kunnen pagina’s creëeren en toevoegen aan het menu, we kunnen een startpagina en blogpagina instellen en we kunnen blogberichten schrijven. Omdat ik begrijp dat je je website graag nog wat verder wenst te personaliseren, ga ik je hieronder nog enkele basisinstellingen meegeven, onder andere om je headerafbeelding te veranderen.

Enkele Basisinstellingen Je vraagt het je waarschijnlijk al af van in het begin dat je website online staat, hoe kan je nu in godsnaam die headerafbeelding aanpassen. Wel, je geduld wordt beloond, ik ga het je nu tonen. Als je in het adminpanel van je website bent, ga je aan de linkerkant naar “Weergave” > “Header”. Let op: dit wordt niet door elk thema ondersteund, in dit boek werk ik met het standaard-thema van WordPress (Twenty Eleven), omdat ik er vanuit ga dat je nog nooit een website gemaakt hebt en ik wil het zo snel en eenvoudig mogelijk houden.



31

Onder “Weergave” zie je veel meer instellingen dan enkel de header. Ze komen in dit boek niet allemaal aan bod, maar je kan uiteraard zelf op verkenning gaan of via mijn website mijn tips en technieken blijven volgen. Wanneer we een header gaan uploaden in dit thema, moet deze 1000pixels breed en 288pixels hoog zijn. Kan je zelf geen header maken of heb je niemand in de buurt die dit voor jou kan doen? Geen probleem, je kan gerust een gewone afbeelding uploaden, WordPress zal je dan na het uploaden de mogelijkheid geven om de afbeelding bij te snijden zodat deze toch nog in de header zal passen. Via de knop “Bestand kiezen” kan je een afbeelding voor de header op je computer selecteren, na het selecteren klik je op de knop “Uploaden”.

Je zal ook wel al gemerkt hebben dat er op de website boven de header een tekst staat, de titel die je gekozen hebt bij je installatie. Als je die tekst wil verbergen, kan je dat ook via deze pagina doen, pas dan gewoon even onderstaande instellingen aan en zet de Weergavetekst op “Nee”. Wil je deze tekst wel laten staan (ik toon je straks hoe je deze eventueel kan aanpassen), laat dan onderstaande instellingen op “Ja” staan:

Ik laat het in dit voorbeeld op “Ja” staan omdat ik je nog moet tonen hoe je deze tekst kan aanpassen ;-). Wanneer je de instellingen ingevuld hebt naar wens, druk je op de blauwe knop “Wijzigingen opslaan” onderaan:

Terug naar de voorkant van de website om onze aanpassingen te bekijken. Als alles goed gegaan is, zien we nu de gekozen header:


32 [INTERNET VOOR IEDEREEN ] Nu, dat er boven mijn header “Testsite” staat is niet zo erg, want in jouw geval zou hier de naam van jouw onderneming moeten staan. Maar de slogan eronder “Just another WordPress site” zou je volgens mij graag veranderen, niet? Wel, ook dit kan je in enkele muisklikken aanpassen. Ga terug naar het adminpanel van je website en klik aan de linkerkant op “Instellingen” > “Algemeen”.

Je ziet nu bovenaan deze pagina je huidige sitetitel en –omschrijving:

Hier kan je dus eenvoudig de tekst aanpassen die je als titel op je website wilt laten zien, ik ga het ook even aanpassen:

Na de aanpassingen kunnen we dit opnieuw opslaan door op de blauwe knop onderaan te klikken:

Mijn website ziet er nu als volgt uit:



33

Had ik daarnet bij de header-instellingen de weergavetekst op “Nee” gezet, dan zag mijn website er nu zo uit:

Het laatste wat ik je nog wil meegeven is hoe je de url’s zoekmachinevriendelijk kan maken. Wanneer je op dit moment bijvoorbeeld naar de blogpagina gaat, zal je bovenaan zien dat je url er als volgt uitziet:

Het is voor Google, maar ook voor je bezoeker niet zo duidelijk wat deze url precies wil zeggen. En dan heb ik het vooral over het laatste deel “?page_id=7”. Via een kleine instelling in WordPress kunnen we deze lelijke url dus mooier maken. Ga in het adminpanel naar “Instellingen” > “Permalinks”:

De algemene instellingen van de permalinks staan momenteel op “Standaard”, om mooiere url’s te krijgen duiden we hier “Berichtnaam” aan en klikken we op “Wijzigingen opslaan”.


34 [INTERNET VOOR IEDEREEN ] Met deze instellingen zien de url’s van mijn website er veel leesbaarder uit, ze krijgen nu de titel van de pagina of van het bericht, in plaats van die code daarnet. De url van mijn blogpagina ziet er nu zo uit:



35

NAWOORD Ik wil je hartelijk bedanken dat je dit boek gelezen hebt, goed dat je tot hier gekomen bent en ik hoop dat je deze kennis nu gaat omzetten in actie. Als je de stappen in dit boek goed gevolgd hebt zou je op dit ogenblik toch al in staat moeten zijn om zelf een professionele website op te zetten in no-time. Aarzel zeker niet om me het resultaat toe te sturen! Oja, ik heb nog een speciale aanbieding voor jou: => KLIK HIER OM JOUW SPECIAAL AANBOD NU TE BEKIJKEN <=

NOG VRAGEN? Uiteraard begrijp ik dat je nu een heleboel vragen hebt voor mij. Naar aanleiding van deze vragen heb ik dan ook een volledige cursus in verband met WordPress (en veel meer) geschreven en online gezet. Omdat jij oprecht geïnteresseerd was in deze cursus, krijg je uiteraard een speciale aanbieding (+ enkele waardevolle bonussen). => KLIK HIER OM JOUW SPECIAAL AANBOD NU TE BEKIJKEN <= Ook kan je me bereiken via onderstaande gegevens: Stijn Van den Bogaert [email protected] www.websitemakenvoorbeginners.com


VOORWOORD 2 [INTERNET VOOR IEDEREEN ]

Recommend Documents