Hoe installeer je XAMPP en WordPress op Windows Localhost

als je eenmaal snelheid en betrouwbaarheid hebt ervaren, is er geen weg terug. Herinner je je het tijdperk voor high-speed internet, toen je moest wachten tot video ‘ s bufferen? Vreselijke tijden. Drie hoeraatjes voor de moderne internet snelheden!

als u gewend bent om uw sites op een live server te ontwikkelen, is dat precies wat het verschuiven naar een lokale ontwikkelomgeving zoals XAMPP zou voelen. Razendsnelle ontwikkeling en uitzonderlijke betrouwbaarheid. Je kunt nooit terug naar de oude manieren.

in dit bericht zal ik u laten zien hoe u XAMPP op uw Windows-PC kunt installeren en binnen enkele minuten Een WordPress-site (inclusief Multisite) hebt. Ik zal ook betrekking hebben op een aantal veel voorkomende problemen die u kunt tegenkomen en hoe ze te overwinnen.

aan de slag.

als u liever een video in plaats daarvan, we hebben u gedekt!

Wat is XAMPP?

In een notendop, XAMPP is een lokale server die u kunt installeren op uw laptop/desktop om een echte webserver na te bootsen.

het is een volledig vrije, open source Apache server distributie met MariaDB (voorheen MySQL), PHP, en Perl. XAMPP is beschikbaar voor alle belangrijke besturingssystemen, en is zeer eenvoudig te installeren en te gebruiken. Dit verklaart waarom het de meest populaire PHP-ontwikkelomgeving is.

dit is waar de alfabetten in XAMPP voor staan:

• X — platformonafhankelijk (X), Aangezien het meerdere besturingssystemen ondersteunt
• a-Apache HTTP Server
• M — MariaDB (voorheen MySQL)
• P — PHP
• P — PERL

afgezien van de bovengenoemde kerncomponenten, wordt XAMPP meestal geleverd met andere handige tools zoals Mercury mail server, phpMyAdmin voor databasebeheer, Webalizer voor web server log analyse, OpenSSL, Apache Tomcat voor het uitvoeren van Java — code, en FileZilla FTP-server.

waarom XAMPP?

als professionele WordPress-ontwikkelaar kan ik niet genoeg benadrukken hoe nuttig een lokale ontwikkelomgeving is. Het laat me setup nieuwe WordPress installeert in een handomdraai. En omdat het lokaal wordt gehost op mijn computer, is er geen vertraging in het uploaden van mijn wijzigingen en zie ze tot leven komen in de browser.

wilt u een nieuw thema proberen? Kopieer en plak het gewoon in je wp-content/themes map. En bam! Het is direct geladen. Hetzelfde met plugins en het wijzigen van instellingen. Geen server vertraging, geen Upload gedoe, geen onnodige wachttijden. Alles gebeurt in real time.

het is alsof je je auto op een racebaan neemt en tot het uiterste duwt. De perfecte testomgeving om wild te gaan zonder gevolgen (nou ja, bijna).

als XAMPP op mijn PC is geïnstalleerd, kan ik blijven werken op mijn site, zelfs als ik op een externe locatie ben zonder connectiviteit. Het ontwikkelen van lokaal is ook veel veilig, als uw site is offline en weg van de nieuwsgierige ogen van hackers (en vervelende klanten).

waarom XAMPP voor WordPress?

zoals alle software, heeft WordPress bepaalde vereisten om te draaien. De huidige aanbevolen WordPress eisen zijn:

• PHP versie 7.3 of hoger
• MySQL versie 5.6 of hoger OF MariaDB versie 10.1 of hoger
• HTTPS-ondersteuning
• Apache of nginx server

XAMPP controleert alle bovenstaande vakjes. Het is gratis, betrouwbaar, makkelijk te gebruiken, en werkt op alle belangrijke platforms. Je kunt er niet verkeerd mee gaan.

installeer XAMPP op Windows

Stap 1: Download XAMPP

begin met het downloaden van de nieuwste versie van XAMPP van de website van Apache Friends. De huidige up-to-date versie van XAMPP is 7.3.8 / PHP 7.3.8.

Opmerking: Als je Linux of OSX gebruikt, zijn de installatiestappen vrijwel hetzelfde. Zorg ervoor dat u de juiste versie van XAMPP voor uw besturingssysteem downloadt.

Stap 2: installeer XAMPP

eenmaal gedownload, voer het XAMPP installatiebestand uit.

Selecteer de onderdelen die u wilt installeren. Als u van plan bent om een WordPress site te installeren met XAMPP, heb je alleen Apache, MySQL, PHP en phpMyAdmin nodig. Ik zal alle componenten controleren als ik later met ze wil experimenteren.

kies de installatiemap voor XAMPP (standaard aanbevolen).

verwijder het vinkje meer informatie over Bitnami optie. Bitnami biedt alles-in-één tools om populaire open source apps bovenop XAMPP te installeren. Dit omvat add-on modules voor het installeren van WordPress te. Echter, we zullen het hier handmatig installeren.

aan het einde van de installatie kunt u een Windows-beveiligingswaarschuwing krijgen. U moet Apache HTTP Server whitelist van uw Windows Defender Firewall door te klikken op de knop toegang toestaan. Zorg ervoor dat u de “Private netwerken, zoals mijn thuis-of werknetwerk” optie. Dit is heel belangrijk. XAMPP werkt niet als u dit niet aanvinkt en op Toegang toestaan klikt.

voltooi de installatie en voer het Xampp-Configuratiescherm uit.

Installatie Opmerking 1: UAC deactiveren onder Windows-instellingen

kunt u een waarschuwing (User Access Control) van Windows krijgen. Niets om je zorgen over te maken. Zorg ervoor dat u XAMPP niet installeert onder uw Program Files map, omdat UAC de schrijfrechten van XAMPP naar deze map kan verstoren. De standaard installatie map is C:\XAMPP. Dus, als je het niet verandert, moet je goed zijn.

als u wilt leren hoe u UAC kunt deactiveren (niet aanbevolen, tenzij het absoluut noodzakelijk is), is ondersteuning voor Microsoft Windows een goede plek om te beginnen.

Installatie Opmerking 2: Antivirus en/of Firewall tijdelijk deactiveren

sommige antivirus-of firewallprogramma ‘ s kunnen problemen veroorzaken met uw XAMPP-installatie. Als dat het geval is, wordt voorgesteld dat u ze tijdelijk deactiveert totdat XAMPP met succes is geïnstalleerd.

lees de Xampp Windows FAQs pagina voor meer informatie.

Stap 3: Open het Xampp-Configuratiescherm

het Xampp-Configuratiescherm heeft een eenvoudige gebruikersinterface die alle modules van uw lokale server weergeeft. Hiermee kunt u individuele modules starten/stoppen, toegang krijgen tot hun Admin gebied, configuratiebestanden en Logs met slechts een enkele klik. De onderste sectie toont ook al uw acties en fouten (indien van toepassing).

naast de hierboven besproken opties beschikt het Xampp-bedieningspaneel ook over andere knoppen aan de rechterkant:

• Config: algemene XAMPP-instellingen configureren
• Netstat: Toon alle actieve TCP-verbindingen (en poorten) op uw computer
• Shell: start XAMPP op een aangepaste opdrachtregel (cmd)
• Verkenner: opent de XAMPP-hoofdmap in Windows Verkenner
• Services: toont alle Windows-services onder Microsoft Management Console
• Help: links naar Apache Friends Support Forum
• afsluiten: XAMPP Configuratiescherm afsluiten (de server zal op de achtergrond blijven draaien)

Stap 4: Start Apache en MySQL Modules

klik op de Start knop naast Apache module. Als alles correct is ingesteld, moet je Apache server succesvol starten onder poorten 83 en 443.

u kunt toegang krijgen tot het dashboard van uw Apache server door op de Admin knop ernaast te klikken. U kunt het ook bereiken via http://localhost/dashboard/ URL in uw browser.

Start dan de MySQL module. Als u een Windows beveiligingswaarschuwing krijgt om mysqld op de witte lijst te zetten.exe, klik op Toegang toestaan. Net als voorheen, zorg ervoor dat u de “Private networks,…” optie hebt aangevinkt.

u kunt toegang krijgen tot uw phpMyAdmin dashboard door te klikken op de Admin knop naast de MySQL module. Of u kunt gewoon naar http://localhost/phpmyadmin/ gaan in uw browser. Hier kunt u de MariaDB (of MySQL) databases van uw webprojecten beheren.

hiermee wordt de installatie van XAMPP als uw lokale ontwikkelomgeving beëindigd. Het is nu klaar om elke PHP-gebaseerde software te hosten (bijvoorbeeld WordPress).

uw Xampp-installatie testen

de beste manier om te controleren of uw lokale server correct is geïnstalleerd en geconfigureerd, is door een PHP-testpagina aan te maken, deze in XAMPP ‘ s localhost-map te plaatsen en deze vervolgens via uw browser te benaderen.

laten we dat nu doen. Maak een nieuwe map met de naam test aan in uw C:\xampp\htdocs\ map. Deze map kan ook gemakkelijk worden benaderd door te klikken op de Explorer knop in Xampp Configuratiescherm en ga dan naar htdocs map.

Maak een bestand met de naam test.php met onderstaande code en plaats het in C:\xampp\htdocs\test map.

probeer http://localhost/test/test.php in uw browser te bezoeken. Als het de woorden ” Hello World! Welkom bij WPMU DEV”, dan is XAMPP met succes geïnstalleerd en geconfigureerd op uw systeem.

WordPress lokaal installeren met XAMPP

Stap 1: Maak een nieuwe MySQL Database voor uw WordPress installatie

voordat we WordPress installeren, hebben we een database nodig.

in uw Xampp Configuratiescherm, klik op de Admin knop in de MySQL sectie. Een nieuw browservenster wordt automatisch geopend met de phpMyAdmin dashboard interface. Klik op Databases in de buurt van de linkerbovenhoek.

u wordt nu gevraagd om een nieuwe database aan te maken. Ik heb de mijne wpmudev genoemd.

zodra u een naam hebt ingevoerd, klikt u op Maken en het venster sluiten.

Stap 2: Download en installeer WordPress

Download de nieuwste versie van WordPress.

Unzip WordPress in de juiste map onder XAMPP. In mijn geval is het C:/xampp/htdocs. Hernoem het naar wat je wilt, maar het is aan te raden om deze map de naam van uw site te geven. Ik ga deze installatie van WordPress wptest noemen.

nu, ga naar de wp-map van uw site, vind de wp-config-sample.php-bestand, en hernoem het wp-config.php.

Open het bestand en scroll naar beneden totdat u de volgende regels ziet:

deze regels code definiëren de inloggegevens voor uw database. Werk ze bij volgens de onderstaande instructies:

• vervang “database_name_here” door de naam van uw database, die in mijn geval wpmudev is.
• vervang “username_here” door “root” en bewerk het veld “password_here” om leeg te zijn.
• het bestand opslaan en sluiten

we kunnen nu doorgaan met onze WordPress installatie. Open uw browser en ga naar http://localhost/wptest/.

je moet zien dat de WordPress installatie taal selectie scherm load.

zodra u uw taal hebt gekozen, gaat u verder naar het volgende scherm. Voer uw site titel, admin gebruikersnaam, en wachtwoord details. Klik Op WordPress Installeren.

Gefeliciteerd, je hebt met succes WordPress geïnstalleerd op uw lokale server.

WordPress Multisite lokaal instellen met XAMPP

Stap 1: wp Multisite inschakelen in uw wp-config.php-bestand

Open uw wp-config.php bestand en voeg de volgende regel net boven de regel die zegt / * dat is alles, stoppen met bewerken! Veel succes met publiceren. */.

define('WP_ALLOW_MULTISITE', true)

dit zal de multisite installatie modus te activeren op uw WordPress site.

Stap 2: Uw Multisite-netwerk instellen

Ga naar uw WordPress-dashboard en vervolgens naar Hulpprogramma ‘ s > netwerk instellen.

voer een naam in voor uw multisite netwerk en uw netwerk admin e-mailadres. Klik vervolgens op Installeren.

WordPress zal u nu vragen om uw wp-config bewerken.php en .htaccess-bestanden.

Stap 3: Volg WordPress ‘ Onscreen instructies

Open uw wp-config.php opnieuw en voeg de code gegeven door WordPress onder uw vorige bewerking.

volgende, open .htaccess bestand en vervang al zijn code met de door WordPress gegeven (Opmerking: Je moet de inhoud hier volledig te vervangen, niet alleen toevoegen/bewerken).

als je het niet kunt vinden .htaccess bestand, zorg ervoor dat u Weergave verborgen bestanden instellingen op uw computer in te schakelen. Als je het nog steeds niet kunt vinden, maak er dan een aan in dezelfde directory als je wp-config.php bestand.

Multisite moet nu met succes worden geactiveerd op uw WordPress installatie.

u moet opnieuw inloggen. En als je dat doet, zul je in staat zijn om toegang te krijgen tot individuele sites in uw multisite netwerk vanaf uw dashboard.

u kunt hier ook een nieuwe netwerksite aanmaken door op de knop Nieuw toevoegen te klikken.

veelvoorkomende problemen oplossen met Xampp & WordPress

terwijl mijn XAMPP en WordPress installatie zonder problemen verliep, heeft niet iedereen zoveel geluk. XAMPP kan gooien een curveball op u in elk stadium van de installatie van zijn en WordPress’. Hier zijn enkele veel voorkomende problemen in verband met XAMPP (klik om naar de oplossing te gaan):

• kan XAMPP niet installeren op Windows
• Apache zal niet starten zonder de geconfigureerde poorten
• kan geen extra Menu-Items toevoegen of importeren (zelfde link als hierboven)
• maximale PHP uitvoeringstijd overschreden (zelfde link als hierboven)
• maximale bestandsgrootte overschreden (zelfde link als hierboven)
• Object niet gevonden! Fout
• fout: Apache onverwacht afsluiten
• cURL-fout 60: SSL-Certificaatprobleem

XAMPPing

met XAMPP kunt u eenvoudig een lokale serveromgeving op uw Windows-machine instellen. Het beste ding over het is dat het volledig gratis en open source. Eenmaal geïnstalleerd, vergeet je dat het er zelfs is. U kunt zelfs XAMPP installeren op een USB-stick samen met WordPress.

met XAMPP kunt u WordPress-sites snel ontwikkelen en testen op uw systeem, in plaats van het op de harde manier te doen op een live-site. U kunt proberen verschillende thema ‘ s en plugins, test hun verschillende functies, en experimenteren met vele andere aspecten van uw site zonder te zweten.

bovendien kunt u ook zoveel exemplaren van WordPress installeren als u wilt (inclusief Multisite). Wie kende het gezegde “denk wereldwijd, handel lokaal” geldt ook voor webontwikkeling!