Hoe een website maken? Doe het stap voor stap met WordPress!

Ontdek hier hoe je je eigen website kan bouwen. Veel bedrijven of zelfs privépersonen hebben tegenwoordig hun eigen website. Voor veel mensen lijkt het maken van zo'n virtueel visitekaartje echter aartsmoeilijk. Het tegendeel is echter waar! Het enige wat je nodig hebt is een klein beetje kennis van het internet en redelijk wat geduld. In deze tutorial:

• Domeinnaam en webruimte aanvragen
• Website genereren
• Website aanpassen en opbouwen

Stap 1: Domeinnaam en webruimte aanvragen

Domeinnaam
Vooraleer we een website kunnen maken hebben we een domeinnaam nodig. Je weet wel, die naam van alle websites waar telkens .nl, .be, .com, etc. achter staat. Het is aan jou vrij te kiezen welke domeinnaam je wil. Enige voorwaarde; hij moet nog vrij zijn natuurlijk. Het zou maar al te gek zijn mocht iedereen morgen opeens het de domeinnaam Google.nl kunnen kopen. Eens je eigenaar bent van een domein blijf je dat een jaar lang, wanneer je na dat jaar netjes je rekening betaald ben je opnieuw een jaar lang eigenaar.

Webruimte
Onze website heeft zijn eigen stekje nodig op het wereldwijde web. Alle bestanden die je erop plaatst moeten ergens ter wereld op een server staan zodat iedereen er toegang tot heeft. Webruimte kan je in verschillende maten en gewichten kopen, best is om niet te gierig te zijn op de hoeveelheid MB ter beschikking. Wanneer je te weinig hebt kan je namelijk niets meer op je website plaatsen als je de limiet overschrijdt.

Domeinnaam en webruimte registreren
Er zijn diverse bedrijven waar je je webruimte en domeinnaam kan registreren. Wij bespreken er echter maar eentje van, het Nederlandse Antagonist. Zij bieden een domeinnaam en webruimte aan voor slechts 24 EUR per jaar.

• Ga naar Antagonist.nl.
• Voer in het invulvakje dat achter 'www.' staat je gewenste domeinnaam in.
• Klik op 'Check & Ga verder
• De website zal nu aangeven of je domeinnaam beschikbaar is of niet, kies het gewenste achtervoegsel (.nl, .be, .com,...) en klik op 'Volgende'.
• Vul je gegevens in en klik op 'Volgende'.
• Je krijgt een overzicht van je bestelling, klik onderaan op 'Bestel!'

Je zal nu een e-mail ontvangen met de betalingsgegevens. Wanneer de betaling ontvangen is door Antagonist zal je enkele dagen later weer een e-mail ontvangen met de inloggegevens. Je bent nu eigenaar van een domeinnaam met bijhorende webruimte, we kunnen aan de slag!

Stap 2: Website genereren

In ons voorbeeld gaan we ervan uit dat we het domein 'www.domeinnaam.nl' geregistreerd hebben, 'domeinnaam.nl' zal in de praktijk vervangen moeten worden door de door u gekozen naam en achtervoegsel.

Inloggen op domein
We gaan nu inloggen op het de beheerderspagina van de nieuwe webruimte. Onderneem de volgende stappen om in te loggen op de beheerderspagina:

• Ga naar 'http://www.domeinnaam.nl:2222/.'
• Voer bij 'Username' en 'Password' de gebruikersnaam en het wachtwoord in dat Antagonist u per mail gezonden heeft.
• Klik op 'Login'.
• De beheerderspagina 'DirectAdmin' zou nu moeten openen.

Website genereren
Ga nu naar helemaal onderaan de pagina DirectAdmin, naar 'Installatron Applications Installer' en klik hierop. Je ziet nu een lange lijst vol met scripts die je kan installeren op je webruimte. Het is de bedoeling dat we een content management system gaan installeren. Dat is een systeem dat het voor de gebruiker makkelijk maakt om een website te maken en aan te passen. Wij kiezen voor het befaamde 'WordPress', een erg betrouwbaar systeem. Om WordPress te installeren onderneem de volgende stappen:

• Klik op WordPress in het menu Content Management Systems.
• Klik op 'Install this application'.
• De installatieprocedure heet u welkom, klik op 'Next'.
• In het vakje 'Path' moet je nu de map invoeren waar de website moet staan. Bijvoorbeeld: wanneer je 'site' invoert zal de website openen op http://www.domeinnaam.nl/site.
• De installatieprocedure vraagt u welke versie u wilt installeren, klik op 'Next' zonder wijzigingen toe te brengen.
• De gebruikersovereenkomst wordt weergegeven, klik op 'Next'.
• Er zal gevraagd worden hoe je de database wil laten instellen. Kies voor 'Automatically manage the database settings for me' en klik opo 'Next'.
• Geef je beheerdersnaam en -wachtwoord op. Kies ook de titel van de website, voer de domeinnaam in en klik op 'Next'.
• Je krijgt de melding dat de procedure klaar is om te starten, klik op 'Submit'.
• Je moet nu even wachten tot WordPress geïnstalleerd is. Even later krijg je bevestiging van de installatie en moet je op 'Submit' klikken.

WordPress is nu klaar om volledig aangepast te worden naar jouw wensen!

De startpagina maken
Nu is er nog één probleempje, wanneer we naar onze nieuwe website gaan (http://www.domeinnaam.nl) zullen we nog steeds niet op onze nieuwe website uitkomen. Dat lossen we op door het volgende te doen:

• Ga naar 'http://www.domeinnaam.nl:2222/.'
• Voer bij 'Username' en 'Password' de gebruikersnaam en het wachtwoord in dat Antagonist u per mail gezonden heeft.
• Klik op 'Login'.
• U komt op het reeds bekende DirectAdmin.
• Klik onder het menu 'Your Account' op 'File Manager' en daarna op 'public_html'
• Zoek vervolgens het bestand 'index.html' en klik op 'edit'.
• Vervang de huidige inhoud van het bestand door het volgende (vet gedrukt vervangen):

• Klik vervolgens onderaan op de knop 'Save as...'
• Wanneer u nu naar http://www.domeinnaam.nl (of uw domein) surft zal u terecht komen op uw WordPress-website die nu klaar is om aangepast te worden!

Stap 3: De website aanpassen en opbouwen

We zijn nu volledig klaar om onze website te gaan aanpassen naar onze wensen. Alle kleuren en geuren kunnen volledig aangepast worden naar hoe jij dat wil.
Inloggen op de website

• Ga naar de URL: http://www.domeinnaam.nl/site/wp-admin. Hierbij dien je je eigen domeinnaam in te voeren en indien je de WordPress-installatie in een andere map dan 'site' plaatste dien je ook dit woord te vervangen.
• Voer nu de beheerdersnaam en het wachtwoord in dat je hebt opgegeven bij de WordPress-installatie.
• Vink 'Remember Me' aan
• Klik op 'Log In'

Een ander design
De standaard lay-out van WordPress voelt nogal gewoontjes aan en daarom voorziet WordPress duizenden alternatieven. Om een ander design te selecteren dien je volgende stappen te ondernemen:
Klik in het linker menu onder 'Appearance' op 'Themes'
Klik op de volgende pagina naast 'Manage Themes' op 'Add New'
Je kan nu een gewenste lay-out zoeken door een zoekterm in te voeren of door op 'Featured', 'Newest of 'Recently Updated' te klikken.
Wanneer je een lay-out ziet die je bevalt klik je eerst op 'Preview' om hem te bekijken. Als je meteen wilt installeren klik je op 'Install'. Beide links staan onder de afbeelding van de lay-out.
Nadat je op 'Install' geklikt hebt klik je in de pop-up nogmaals op 'Install Now'
WordPress zal naar je wachtwoord en gebruikersnaam vragen. Hier dien je het wachtwoord en gebruikersnaam op te geven die je meegeleverd zijn door Antagonist. Bij 'Hostname' vul je 'localhost' in.
Ga vervolgens terug naar de pagina 'Themes' in het menu 'Appearance'.
Klik op het voorbeeld van jouw geïnstalleerd thema.
Klik vervolgens rechtsboven op 'Activate NAAM VAN THEMA'.
Je nieuwe lay-out is nu actief.

Een pagina toevoegen of bewerken

• Klik in het linker menu onder 'Pages' op 'Add new'.
• In het eerste invoervak vul je de titel van de pagina in.
• In het grote invoervak komt de inhoud.
• Wanneer de pagina klaar is klik je rechts op 'Publish'.
• Om een pagina te bewerken in WordPress klik je onder 'Pages' gewoon op 'Edit', selecteer je de pagina en bewerk je de pagina waarna je weer op 'Publish' dient te klikken.
• Nieuwe pagina's verschijnen automatisch in het menu van de website.

Een nieuwsbericht toevoegen of bewerken

• Klik in het linker menu onder 'Posts' op 'Add new'.
• In het eerste invoervak vul je de titel van het nieuwsbericht in.
• In het grote invoervak komt de inhoud.
• Wanneer de pagina klaar is klik je rechts op 'Publish'.
• Om een nieuwsbericht te bewerken in WordPress klik je onder 'Pages' gewoon op 'Edit', selecteer je de pagina en bewerk je de pagina waarna je weer op 'Publish' dient te klikken.
• Nieuwe nieuwsberichten verschijnen automatisch op de voorpagina van de website.