XAMPP gebruiken om WordPress op je computer te installeren

WordPress op je computer installeren, zodat je al je experimenten kunt uitvoeren en testen, voordat deze meteen online komt is erg handig als je vele bezoekers per dag krijgt en een nieuwe functie in wilt bouwen. Als hier iets fout gaat hebben al je bezoekers hier last van en  verlies je hier misschien bezoekers mee. In dit artikel leg ik uit hoe je met behulp van XAMPP WordPress op jouw computer kunt installeren.

WordPress downloaden

Om te beginnen gaan we alvast de laatste versie van WordPress downloaden. Dit doe je door naar de Nederlandse WordPress site te gaan. Hier moet je iets naar onder scrollen en je kunt via een grote rode button WordPress installeren. Sla dit bestand op, en plaats deze bijvoorbeeld op je bureaublad.

XAMPP downloaden en installeren

Nu gaan we een speciaal programma downloaden waardoor we MySQL en Apache op onze computer kunnen inschakelen. Dit programma heet XAMPP. Om dit programma te downloaden gaan we naar de download pagina en kies je op welke OS je dit programma wilt installeren. In mijn geval kies ik voor Mac OS X.

download xampp

Als je op de pagina bent waar je XAMPP kan installeren op jou besturingssysteem, kies je voor Installer. Dit is de snelste manier om XAMPP te downloaden. Als je dit bestand eenmaal gedownload en gestart hebt krijg je de optie om XAMPP te opslaan onder een map. Ik raad je aan om dit opslaan onder C:/XAMPP (Windows). De Mac gebruikers zullen de map van XAMPP gewoon in de Applications map kunnen zetten.

MySQL en Apache

Als de installatie afgerond is krijg je de optie om de XAMPP Control Panel te openen. Als je dit niet krijgt ga je naar Start en typ je ‘XAMPP Control Panel’. Uit de zoekresultaten komt dit programma naar voren, open deze.

controlpaneel xampp uit

Er opent nu een programma zoals hierboven. Voordat we WordPress kunnen installeren moeten we eerst Apache en MySQL starten. Dit doe je door bij beide op de Start button te klikken. Als je het goed is zie je het volgende ontstaan:

controlpaneel xampp aan

We gaan nu testen of alles helemaal goed werkt. Ga hiervoor in je webbrowser naar http://localhost. We hebben XAMPP nu al geïnstalleerd op onze computer, valt mee, hè?

MySQL database toevoegen

We gaan nu WordPress installeren. Hiervoor moet je eerst een MySQL database en user aanmaken. Ga hiervoor naar http://localhost/phpmyadmin. Ga naar de tab ‘Databases’ in het menu en maak een nieuwe database aan.

localhost

Kies een naam voor je database en klik op aanmaken.

Database gebruiker aanmaken en rechten bewerken

Om je database nu ook echt te gebruiken moet je eerst een gebruiker aanmaken. Ga hiervoor naar het tab ‘Rechten’, en klik op ‘Voeg een nieuwe gebruiker toe’. Typ hier je gebruikersnaam een wachtwoord, en maak je gebruiker aan.

Je gaat nu naar een pagina waar je de gebruikersnaam moet invullen, wat voor wachtwoord en over welke recht hij beschikt. Vul je gebruikersnaam en wachtwoord dus in en selecteer alle velden eronder, zodat de gebruiker alle rechten heeft.

WordPress installeren op je computer

WordPress installeren op je thuishost, ik noem het zo omdat het eigenlijk hetzelfde is als een betaalde host, alleen ben jij de enige die dit ziet en het gebeurd allemaal op je eigen computer.

Om de bestanden van WordPress te uploaden gaan we naar C:/xampp/htdocs. In deze map kan je WordPress uitpakken. Zet ook de folder ‘wordpress’ hierin.

Je kunt nu WordPress gaan instellen. Ga naar dit artikel waar je de tekst moet volgen tot het stuk waar er wordt begonnen over one-click installatie en kom dan terug.

Test data importeren

Het is altijd handig om wat test data te hebben als je dingen gaat uittesten. Zo kun je snel zien of er iets mis is. Om test bestanden te downloaden gaan we naar de Theme Unit Test pagina. Hier kun je de test data downloaden.

Om deze date te uploaden, doe je precies hetzelfde als je een back-up upload, het is namelijk precies hetzelfde! Ga naar ‘Extra’ –> ‘Importen’ in je WordPress admin sidebar. Kies hier voor WordPress en download de plugin.

Als je deze plugin activeert kun je meteen je test data bestand selecteren en uploaden! Als je dit hebt gedaan, en je kijkt naar je site, zie je meteen dat je blog gevuld is met pagina’s, berichten, etc.

resultaat xampp

Lees Interacties

Reacties

  1. Ad van der Ven zegt

    Ik had de tutorial gevonden en nauwkeurig nagevolgd. D naam van de map ‘wordpress’ in htdocs heb ik veranderd in ‘testen’.Maar met wp-config.php krijg ik een fout HTTP500. Als ik Maak ik geen config bestand aanmaak en ik log in op localhost/testen dan krijg ik een scherm aangeboden om voor een aantal elementen van het config bestand .
    Daaronder een submit knop.
    Druk ik daarop dan vertelt de PC dat er vermoedelijk een fout zit in de naam van de database, de gebruikersnaam of het wachtwoord.
    Ik heb natuurlijk m’n uiterste best gedaan hier heen vergissing in te maken

  2. vanoverberghe zegt

    ik heb geen mac wat miet ik dan invullen ?

    Ik zou graag een nieuwe site met wordpress maken voor onze voetbalploeg zodoende ik dan overal waar ik ben die kan aanpassen.

    • Marijn Bent zegt

      Als het goed is kun je gewoon XAMPP downloaden (de Windows versie) en instellen zoals ik het in de tutorial heb gedaan.

      Bij welke stap gaat het fout?

  3. Henk zegt

    Gedaan wat hierboven stond, werkte inderdaad. Netjes uitgelegd.

    Alleen zouden we ook graag willen zien hoe je local test door een bestaande WordPress site te downloaden van de FTP en te testen op je computer. Ik kom hier echt niet uit….

    Hij blijft maar drammen om een nieuwe WP installatie terwijl er een complete WP site op staat met DB en al…

    • Marijn Bent zegt

      Hallo Henk,

      Om in plaats van een nieuwe installatie een bestaande installatie op XAMPP te zetten hoef je maar enkele dingen aan te passen:
      1. Export je bestaande database (met user erbij)
      2. Kopieer de WordPress bestanden vanuit FTP

      Gebruik 1. als je database en upload je WordPress bestanden. Als je dit doet krijg je je huidige site op XAMPP.

  4. Johan Vos zegt

    Beste Martijn,

    Het controle paneel van XAMPP ziet er anders uit dan jij beschrijft. (v3.2.1)
    Als ik naar http://localhost/phpmyadmin. ga krijg ik de volgende melding:

    Object niet gevonden!

    De gevraagde URL was niet gevonden op deze server. Indien u de URL manueel hebt ingevuld, gelieve uw spelling te controleren en probeer opnieuw.

    Indien u van oordeel bent dat deze server in fout is, gelieve de webmaster te contacteren.

    Error 404

    localhost
    Apache/2.4.7 (Win32) OpenSSL/1.0.1e PHP/5.5.9

    Wat doe ik fout?

    Groeten Johan

  5. Thierry zegt

    Werkt perfect.
    Ik heb enkel het volgende vraagje.
    Ik heb een theme geïnstalleerd en deze geeft aan dat ik een aantal Plugins moet installeren.
    Als ik deze selecteer en install klik, krijg ik de vraag om de Hostnaam, FTP gebruikersnaam en wachtwoord in te voeren. Als ik dezelfde info ingeef dan zoals in mijn config.php werkt dat niet. Hoe moet ik hiermee omgaan? Want ik heb geen ftp gegevens.

  6. Thierry zegt

    Nog een probleempje:
    Bij het uploaden van media krijg ik deze melding:
    Kan map wp-content/uploads/2014/07 niet aanmaken. Is de bovenliggende map beschrijfbaar door de server?

    • arjanne zegt

      Ook hier krijg ik hetzelfde. Ik hoop dat jij inmiddels een oplossing hebt, en mij ook verder kunt helpen :).

  7. Daniel zegt

    ik krijg een foutmelding wanneer ik apache wil starten, namelijk;

    20:20:33 [Apache] Status change detected: running
    20:20:35 [Apache] Status change detected: stopped
    20:20:35 [Apache] Error: Apache shutdown unexpectedly.
    20:20:35 [Apache] This may be due to a blocked port, missing dependencies,
    20:20:35 [Apache] improper privileges, a crash, or a shutdown by another method.
    20:20:35 [Apache] Press the Logs button to view error logs and check
    20:20:35 [Apache] the Windows Event Viewer for more clues
    20:20:35 [Apache] If you need more help, copy and post this
    20:20:35 [Apache] entire log window on the forums

    ps, wanneer ik de error log wil openen, kan hij deze niet vinden.

    het programma xampp staat gewoon opgeslagen onder de c schijf (C:xampp)

  8. JMG zegt

    Ik heb xampp geïnstalleerd net als wordpress zoals uitgelegd wordt op deze pagina. Toch wanneer ik een thema download krijg ik een foutmelding: ”Unable to locate WordPress Content directory (wp-content)”. Wanneer ik er één download van een willekeurige website en importeert via htdocs/wordpress….. geeft die de volgende foutmelding aan: ”Warning: mkdir(): Permission denied in /Applications/XAMPP/xamppfiles/htdocs/wordpress/wp-content/themes/ta-pluton/redux/inc/class.redux_filesystem.php on line 131”

    Ik heb op internet gezocht maar helaas geen oplossing gevonden…

  9. Ger Schaareman zegt

    Het lukt me niet om wordpress op te starten.
    Xampp werkt en database is ook al aan gemaakt.
    Maar localhost/wordpress doet niks behalve een foutmelding.

    Error 404
    localhost
    Apache/2.4.17 (Unix) OpenSSL/1.0.1p PHP/5.6.14 mod_perl/2.0.8-dev Perl/v5.16.3

  10. Bill zegt

    Helaas lukt het me niet om Xampp op mijn Linux (64bit) te installeren. Het is gedownload in de map downloads en via konsole de opdracht: xxxx@xxxx-HP:~/Downloads$ sudo ./xampp-linux-*-installer.run, krijg ik de melding: bestand niet gevonden. Waar zit de fout?

Trackbacks