Hoe zet ik wordpress lokaal op met Xampp?

Wordpress | Hoe zet ik wordpress lokaal op met Xampp?

XAMPP staat voor Cross-platform (X), Apache (A), MySQL (M), PHP (P) en Perl (P). Het is een lichtgewicht applicatie wat het makkelijk maakt voor beginners (en professionals) om voor testdoeleinden lokaal een web server te draaien. XAMPP is cross-platform, wat betekend dat het eigenlijk op alle Operation systemen werkt. (Linux, Mac en Windows).

Wij bespreken hier de MAC versie. Al zal de Windows versie niet heel veel verschillen.


De 4 componenten van XAMPP.

1. Apache: Apache is het web server applicatie dat alle processen en web content levert op en naar je computer.

2. MySQL: Elke web applicatie heeft in feite een database nodig voor het opslaan van data. MySQL is het meest gebruikte en daarom populairste database management systeem. Grote en kleine websites, van de (WordPress) blog van je buurman tot de websites zoals Nu.nl.

3. PHP: PHP staat voor “Hypertext Preprocessor”. Of wel, een programmeer taal dat bijna overal op het internet wordt gebruikt. Websites zoals deze, maar ook websites zoals Facebook gebruiken PHP. Zeker in combinatie met MySQL is het een krachtige en bewezen combi!

4. PHPmyadmin: Sommige versies van XAMPP installeren additionele componenten zoals phpMyAdmin en OpenSSL. Hiermee zorgt XAMPP voor een zo compleet mogelijke virtuele webserver.


Hoe installeer ik XAMPP op een Mac?

  • Om te beginnen download je de laatste versie van XAMPP op je Mac.
  • Wanneer de Download klaar is, open je het DMG bestand.
  • Dubbel klik op het XAMPP icoon om de installatie te starten.
  • De XAMPP applicatie wordt nu geïnstalleerd in je programma map. Namelijk in: /Applications/XAMPP/

Dat is alles! Makkelijk zover.


Hoe zorg ik voor een werkende WordPress installatie via XAMPP?

    • Zodra de XAMPP Applicatie is geïnstalleerd open je “Manager-osx” via Launchpad of gewoon via de programma map.
    • Start de volgende services : ‘MySQL Database’ en ‘Apache Web Server’. Het starten kan enkele minuten duren.
    • Manager OSX XAMPP
    • Open nu je internet browser, welke dat is maakt niet zoveel uit.
    • Schrijf in de adresbalk : Localhost
    • Je webbrowser zal je nu brengen naar : http://localhost/xampp/
    • Nu gaan we ‘WordPress‘ installeren, download de laatste versie van ‘WordPress’ via WordPress.org.
    • Je wordt nu naar een andere pagina gebracht, download daar de meest recente ‘WordPress’. Er is geen verschil tussen een Windows of Mac versie dus daar hoef je je niet druk om te maken.
    • Als de download klaar is dan is het ZIP bestand waarschijnlijk al automatisch uitgepakt, is dat nog niet gebeurd doe dat dan zelf even.
    • Je hebt nu een mapje op je computer staan genaamd “WordPress“. Dit mapje gaan we in de XAMPP map plaatsen. Verplaats of kopieer het gehele mapje “WordPress” naar de XAMPP/htdocs/ map in de programma directory.
    • Als je deze stappen goed hebt doorlopen dan zou je nu je “WordPress” applicatie kunnen benaderen via de webbrowser. Probeer eens in je webbrower : Localhost/wordpress/
    • Waarschijnlijk krijg je nu een melding over het missen van een wp-config.php bestand. Dat is goed. We gaan nu het wp-config.php bestand aanmaken.

Tot zover nog gelukt?


Database en WP-config.php aanmaken

  • Schrijf in je webbrower zoals eerder gedaan, ‘localhost’.
  • Je komt weer op de XAMPP pagina terecht.
  • Links onderin het menu zie je staan ‘Tools‘ met daaronder ‘PHPmyAdmin‘. Druk  op ‘PHPmyAdmin
  • Een nieuw scherm wordt geopend. Hier zie je een hoop dingen, dus raak niet in paniek. Afhankelijk van welke taal er is gekozen, zul je bovenin het menu iets zien wat lijkt op “Databases” of “Databanken“. Druk daarop.
  • Vervolgens gaan we een nieuwe database aanmaken. Vul hier een naam in, wat dit is maakt niet uit, zolang je het maar onthoudt want we hebben het later nodig.
  • phpmyadmin_xampp_databaseaanmaken
  • Kies bij collatie : UTF8_unicode_ci. En druk vervolgens op ‘Aanmaken‘.
  • Sluit nu ‘PHPmyAdmin‘ af.
  • Ga nu naar de map waar je in eerdere stappen de gedownloade ‘WordPress‘ map heen hebt gekopieerd. Als het goed is staat deze nog in je programma map : XAMPP/htdocs/wordpress/
  • In de ‘WordPress‘ map vind je een bestand genaamd : wp-config-sample.php
  • Hernoem dit bestand naar wp-config.php
  • Open het bestand nu met een tekstbewerker zoals Textwrangler.
  • wpconfig bestand instellen
  • Zoek deze regels in het bestand en vul daar je databasenaam, gebruikersnaam (standaard ‘root’) en maak de tekst bij het wachtwoord leeg. (Dan hou je alleen 2 quotejes over)
  • Sla nu het bestand op.
  • Als je de pagina ‘localhost/wordpress/’nog open hebt staan, ververs deze dan. Als je de pagina al had gesloten, open dan opnieuw je webbrowser en schrijf in adresbalk : localhost/wordpress/
  • Nu hoor je te komen bij de installatie procedure van WordPress. Is dat niet het geval? Kijk dan nog even of je je databasenaam goed in het wp-config bestand hebt geschreven. Let hierbij ook op de quotes die je misschien hebt overschreven. Kijk dit ook na bij de gebruikersnaam en wachtwoord. Probeer het vervolgens opnieuw.
  • Volg nu de installatie procedure van ‘WordPress‘.
  • Na het succesvol installeren van ‘WordPress’ wordt je doorgestuurd naar deze pagina : http://localhost/wordpress/wp-login.php.
  • Login met de door jou aangemaakt ‘WordPress‘ account en wachtwoord.

Gefeliciteerd! Je hebt nu lokaal ‘WordPress’ draaien!


Extra

Wanneer je WordPress op je webhosting installeert is het proces anders dan hier beschreven. Op je webhosting en dus op het internet moet in je wp-config bestand NOOIT je wachtwoord leeg laten. Lokaal is dat geen probleem. Geeft ook nooit de informatie uit dit bestand aan anderen. Op je webhosting is de map waarin dit bestand staat beveiligt en niet toegankelijk vanaf buitenaf.


35 Reacties

  1. De KookschuurSandra
    | Beantwoorden

    Beste Danny,
    Ik ben nu ook aan het proberen om wordpress lokaal te laten draaien. De installatie van beiden programma’s is volgens mij goed gegaan. Ik kan wordpress openen.

    Ik wil nu een thema toevoegen, maar als ik op installeren druk krijg ik een melding die vraagt om Verbindingsinformatie. Hierbij wordt gevraagd naar een Hostnaam, FTP Gebruikersnaam en FTP wachtwoord. Tevens kan ik de soort verbinding aanvinken. De keuze bestaat uit FTP en FTPS (SSL).

    Wat moet ik hierbij allemaal invullen, want volgens mij heb ik echt alles al geprobeerd.

    Groetjes Sandra

    • Danny
      | Beantwoorden

      Hallo Sandra. Om een thema te installeren moet je eerst t thema downloaden en dan vervolgens in de map wp-content (/themas) plaatsen.

  2. kaartenkalligrafie
    | Beantwoorden

    Beste Danny,

    Ik ben in staat mijn macbook door het raam te gooien ondertussen. Haha, gisteravond heb ik Xampp geïnstalleerd en ging alles goed. Echter bleek ik een ander programma nodig te hebben volgens een vriend en heb ik het programma weer gedeinstalleerd en verwijderd. Vandaag bleek het toch het juiste programma te zijn en heb ik het het programma opnieuw geïnstalleerd. Echter bij het opstarten van de servers (apache en MySQL) loop ik vast. Zodra ik op starten klik gebeurd er niets en blijft hij vervolgens ook op stopped staan, nadat hij een tijdje op running staat. Ik heb geen idee waarom, heb alles verwijderd van de vorige keer en ook mijn prullenbak is leeg. Alles is nu opnieuw geïnstalleerd, precies hetzelfde als gisteren en nu opeens doet hij het niet.
    Heb jij enig idee wat er mis kan gaat of wat ik anders zou kunnen proberen?

    Groetjes Saskia

    • Danny
      | Beantwoorden

      Hallo Saskia,
      Ik denk dat het aan een geblokkeerde port ligt. Ik heb dat ook eens gehad en t kan zijn dat een andere applicatie die op je mac staat die port blokkeert en ze daarom niet kunnen opstarten. Geloof dat poort 80 vrij moet zijn en anders even de port in xampp veranderen naar 81. Miss dat dat helpt, misschien niet. Het kan aan een heleboel dingen liggen waarom t niet start. Port-blokkade kan een probleem zijn. Het is moeilijk te zeggen zo. Misschien dat er iets op youtube te vinden is.

      • kaartenkalligrafie
        | Beantwoorden

        Daar ben ik weer.. Ik heb mijn huidige website geïmporteerd in mijn lokale phpmyadmin. Ook heb ik in de map wp_options (ik had 2 van deze mappen, een wp3_1_options en een wp3_0_options, bij beide heb ik het gewijzigd) de site url en home gewijzigd in http://localhost/(mapnaam) , maar wanneer ik deze nu open in mijn webbrowser krijg ik te zien:
        Toegang verboden!

        U hebt niet de toestemming om toegang te krijgen tot de gevraagde map. Er is of wel geen index document of de map is beveiligd tegen lezen.

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

        Error 403

        localhost
        Apache/2.4.23 (Unix) OpenSSL/1.0.2j PHP/5.6.28 mod_perl/2.0.8-dev Perl/v5.16.3

        Heb je enig idee waarom ik geen toegang heb?
        Alvast bedankt!

        • Danny
          | Beantwoorden

          Denk dat de map waar je Xampp in hebt staan niet de goede rechten hebben. (: alleen lezen waarschijnlijk. Even op lezen en schrijven zetten lost het waarschijnlijk wel op.

          • kaartenkalligrafie
            |

            Kun je mij vertellen hoe ik dat moet doen/kan zien? De map Xampp staat bij programma’s in mijn Finder.

        • Danny
          | Beantwoorden

          Hier staat uitgewerkt hoe je de mappen de juiste rechten kan geven.
          http://www.dannybood.nl/5280/mac-map-bevoegdheden-en-map-beveiliging-aanpassen/

          • kaartenkalligrafie
            |

            Ik stond als op lezen en schrijven, alleen bij iedereen stond lezen. Dit heb ik nu ook gewijzigd van alleen lezen naar lezen en schrijven, maar nu krijg ik de volgende melding als ik naar mijn localhost/(maanaam) ga:
            Warning: Unknown: failed to open stream: Permission denied in Unknown on line 0

            Fatal error: Unknown: Failed opening required ‘/Applications/XAMPP/xamppfiles/htdocs/kaartenkalligrafie.nl/index.php’ (include_path=’.:/Applications/XAMPP/xamppfiles/lib/php’) in Unknown on line 0

            Sorry dat ik zoveel vragen stel, ik ben een leek wat dat betreft en heb ook niemand om me heen die me hiermee kan helpen… 🙁

          • Danny
            |

            Ik denk dat je thema niet t probleem is want in de index.php bestand gaat iets niet goed. Heb je de site gekopieerd van de live omgeving naar lokaal? Probeer eerst een leeg wordpres omgeving te starten, nw database etc en daarna je thema erin zetten. Werkt t dan wel?

          • kaartenkalligrafie
            |

            Ik heb inderdaad de FTP van mijn live omgeving naar lokaal gehaald. Dit omdat ik een eigen thema wil invoeren. Echter daar kom ik nog niet eens, want ik kan de site dus lokaal niet openen. Ik heb het eerder (paar dagen terug) geprobeerd om gewoon het programma van wordpress te downloaden en dan lukte http://localhost/wordpress wel gewoon. Ik was alleen bang dat ik dan als ik alles af had (wat bij mij nogal een tijdje duurt omdat ik dus een enorme leek ben, maar het wel leuk vind), ik dat niet op mijn site kan zetten zonder dat al mijn blogposts weg zullen zijn (of denk ik nu teveel en is het wel degelijk mogelijk het nieuwe thema dan samen te voegen met de bestaande content op mijn site?).

          • Danny
            |

            Daar zijn wel manieren voor maar in praktijk is het makkelijker om gewoon schaduw te draaien. Dus je hebt een lokale omgeving waar je dingen kunt proberen en een live omgeving op t web. Ik zou niet proberen om alles over te zetten want dat is complex nog.

          • Danny
            |

            Overigens zegt een thema alleen iets over hoe de site eruit ziet. Niets over de content. De content blijft bestaan als je van thema veranderd.

          • kaartenkalligrafie
            |

            Dus als ik het goed begrijp kan ik nu op een ‘lege’ wordpress site een nieuw thema ontwerpen en dit thema vervolgens importeren in mijn bestaande site, zonder dat ik al mijn content verlies? Dat zou top zijn!
            Echter heb ik nu weer een volgend probleem.. Ik heb mijn database en de bijbehorende gebruikersaccount van mijn huidige site verwijderd in phpMyAdmin en nu kan ik opeens geen nieuwe database aanmaken. Waarschijnlijk heb ik nu dus een gebruikersaccount te veel verwijderd (ik heb het root account op de localhost ook verwijderd, waarschijnlijk dus heel dom). Kan ik dit herstellen?

          • Danny
            |

            Als ik jou was zou ik nog eventjes een avond verdiepen in WordPress en hoe t werkt 😉

            Wat betreft phpmyadmin, ik denk dat weg is. Met databases heb je geen undo knop. (:

    • Danny
      | Beantwoorden

      Misschien dat hier je antwoord tussenstaat http://stackoverflow.com/questions/4582504/xampp-apache-webserver-localhost-not-working-on-mac-os

  3. Suzanne Deelen
    | Beantwoorden

    Bedankt Danny voor deze heldere uitleg! Overal staat hoe het moet op pc maar niet op mac. Na heel lang zoeken ben ik gelukkig bij jou terechtgekomen en is het meteen gelukt.

  4. kitty
    | Beantwoorden

    Dank voor je heldere uitleg. Ik kom echter het volgende probleem tegen en kan de oplossing niet vinden: Uploaden van “belasting.jpg” is niet gelukt als gevolg van een fout
    Kan map wp-content/uploads/2015/01 niet aanmaken. Is de bovenliggende map beschrijfbaar door de server?

    Ik heb de map zelf aangemaakt en de images erin gezet, maar dat werkt niet. Weet jij een oplossing voor dit probleem?
    Bij voorbaat dank.

    • Danny
      | Beantwoorden

      Hallo Kitty, de foutmelding zegt het eigenlijk al, de map is niet beschrijfbaar. Waarschijnlijk helpt het al als je de map beveiliging van de bovenliggende map aanpast. Rechtermuis, Kies [toon info] dan zie je onderin map bevoegdheden. Waarschijnlijk staat daar nu ‘Alleen-lezen’. Dit moet je veranderen naar ‘Lezen en schrijven’. Helpt dat? http://www.dannybood.nl/5280/mac-map-bevoegdheden-en-map-beveiliging-aanpassen/

      • Kitty
        | Beantwoorden

        Dank. Probleem opgelost. De gebruiker “admin” had alleen lees bevoegdheden.

  5. jacq
    | Beantwoorden

    sorry, ik zie dat de vraag niet duidelijk is. Heb je ook een handleiding van hoe de locale website online gezet kan worden?

    • Danny
      | Beantwoorden

      Nee die heb ik nog niet helaas. Misschien een idee voor de toekomst. 😉

  6. jacq
    | Beantwoorden

    overigens: heb je ook een uitleg over hoe de hele ge- upload kan worden?

    • Danny
      | Beantwoorden

      Wat bedoel je precies?

  7. jacq
    | Beantwoorden

    Dank je wel Danny, ik heb meerdere handleidingen gelezen voor Xampp, maar met die van jou is het meteen gelukt

    • Danny
      | Beantwoorden

      Goed om te horen jacq!

  8. stateoftrends
    | Beantwoorden

    ik heb alle stappen gevolg maar aan het einde waar ik bij de wordpress installatie procedure moet komen lukt niet alles staat goed in de tekst editor….?!?

    • stateoftrends
      | Beantwoorden

      Er komt te staan waneer ik localhost/wordpress/ in type ” Fout bij maken van databaseconnectie”

      • Danny
        | Beantwoorden

        Dan heb je waarschijnlijk een verkeerde database naam ingevuld in de wp-config file. Of wachtwoord of username is niet goed. Let ook op die veradelijke qoutejes

      • Danny
        | Beantwoorden

        Is t nog gelukt?

Heb je nog opmerkingen of vragen? Je kunt ze in de box hieronder of op het forum kwijt.