Een van de beste manieren om een nieuwe website die u ontwikkelt te testen, is door een WordPress-testsite op uw computer te installeren. Test het lokaal, zorg ervoor dat alles er goed uitziet en werkt, en upload het dan in één keer naar de live site.

Als het op WordPress aankomt , zijn er verschillende dingen waarmee u rekening moet houden wanneer u lokaal draait. Je hebt een werkende WordPress - installatie, een beschikbare SQL -database en een lokale webserver nodig om alles te laten draaien.

U kunt ze alle drie zonder al te veel moeite op uw lokale computer instellen met behulp van het hieronder beschreven proces.

Installeer een lokale webserver

Het eerste dat u nodig hebt om een lokale WordPress -testsite uit te voeren, is een webserver op uw lokale computer. Het runnen van een webserver houdt in dat u ervoor zorgt dat de juiste poorten actief zijn, PHP- en Perl -programmeertalenbibliotheken zijn geïnstalleerd en dat de webserversoftware pagina's correct naar uw browser kan sturen.

Net als bij het opzetten van een FTP-server^{(setting up an FTP server)} of een lokale Minecraft-server^{(local Minecraft server)} , zijn er ook Windows -toepassingen beschikbaar om een lokale webserver te draaien. Een van de meest populaire daarvan is XAMPP .

XAMPP is een open-source Apache -webserver die u kunt installeren op Windows 10 , Linux of macOS. Het bevat alles wat je nodig hebt in één pakket.

Om aan de slag te gaan, hoeft u alleen maar de XAMPP -software te downloaden en te installeren op uw desktop- of laptop-pc.

1. Voer het installatieprogramma uit, zorg ervoor dat alle componenten zijn ingeschakeld en selecteer Volgende^(Next) om door te gaan.

2. Kies een locatie voor uw webserver. De beste optie is om de standaardmap in de hoofdmap van de C:-schijf te kiezen waar de machtigingen correct worden ingesteld. Selecteer Volgende^(Next) om door te gaan.

3. Selecteer uw talen en selecteer Volgende^(Next) . Houd Bitnami ingeschakeld, wat u zal helpen bij het installeren van WordPress na installatie. Selecteer Volgende^(Next) . Selecteer ten slotte nog een keer Volgende^(Next) om XAMPP te installeren.

De installatie duurt ongeveer vijf minuten. Als u klaar bent, wordt het XAMPP -configuratiescherm geopend. Sluit het voor nu.

Installeer WordPress^{(Install WordPress)} op uw XAMPP-webserver^{(Your XAMPP Web Server)}

Start het configuratiescherm opnieuw als beheerder door Start te selecteren, ^(Start)XAMPP te typen , met de rechtermuisknop op de XAMPP - toepassing te klikken en Uitvoeren als beheerder^{(Run as administrator)} te kiezen . Mogelijk moet u bevestigen wanneer Windows vraagt of u wilt dat de toepassing met beheerdersrechten wordt uitgevoerd.

Zodra het is gestart, selecteert u Start rechts van Apache en MySQL om de webserver en de SQL - database te starten die nodig zijn om uw WordPress -testsite correct te laten werken.

U kunt de bestandsstructuur van de webserver zien door naar de locatie te kijken waar u XAMPP hebt geïnstalleerd . In dit voorbeeld is XAMPP geïnstalleerd in C: XAMPP . Dit is waar al uw webbestanden naartoe gaan die vanuit uw webbrowser kunnen worden bekeken.

XAMPP wordt geleverd met Bitnami , waarmee je WordPress snel bovenop je huidige XAMPP-webserver kunt installeren.

1. Open een webbrowser en typ localhost in het URL-veld. Druk op Enter^(Enter) . Wanneer het XAMPP -dashboard verschijnt, scrolt u omlaag naar de onderkant van de pagina waar u het Bitnami- gedeelte ziet.

2. Selecteer het WordPress -pictogram onderaan de pagina. Scrol op de Bitnami- site omlaag naar het gedeelte WordPress en selecteer de Windows - link om WordPress te downloaden.

3. Zodra het downloaden is voltooid, dubbelklikt u op het bestand om het installatiepakket te starten. Selecteer zo nodig Volgende^(Next) om door de Bitnami WordPress-module te stappen . Zorg^(Make) ervoor dat de map die is opgegeven voor installatie overeenkomt met die van de XAMPP- installatie.

4. Configureer in de volgende stap de beheerdersaanmelding^(Admin) , naam, e-mailadres en wachtwoord die u wilt gebruiken met uw WordPress-testsite.

5. Selecteer Volgende^(Next) wanneer u klaar bent, typ een naam voor de WordPress -testsite en selecteer Volgende^(Next) . Op de volgende pagina kunt u e-mailondersteuning configureren zodat uw testsite meldingen naar uw e-mail kan sturen. Dit is optioneel.

6. Je kunt Wordpress starten in de cloud met Bitnami deselecteren,^{(Launch wordpress in the cloud with Bitnami)} aangezien dit slechts een lokale WordPress -testsite op je computer is. Selecteer Volgende^(Next) om door te gaan. Selecteer nogmaals Volgende^(Next) om de installatie te starten. Nadat de installatie is voltooid, selecteert u Voltooien^(Finish) om de Bitnami WordPress -module te starten.

Hiermee wordt uw standaardwebbrowser gestart met uw nieuwe lokale WordPress -testsite geladen. De link bevat uw localhost IP-adres (het IP-adres van uw computer), met /wordpress/ aan het einde, waar uw site is opgeslagen.

Het pad naar deze WordPress -bestanden is C:XAMPPappswordpresshtdocs

Nu ben je klaar om je WordPress -testsite te configureren en te gaan gebruiken.

Uw WordPress-testsite gebruiken

Om toegang te krijgen tot uw lokale WordPress - beheerpagina, typt u http://localhost/wordpress/wp-admin in het browser - URL -veld en logt u in op WordPress met de inloggegevens die u tijdens de installatie van WordPress hierboven hebt ingesteld.

Er zijn een paar dingen die u kunt doen met deze nieuwe lokale WordPress -testsite.

Een kopie van uw live-site importeren

U kunt uw daadwerkelijke online website exporteren en deze in deze installatie laden om te testen.

Om dit te doen, moet u een back-up maken van uw WordPress-site en WordPress-database^{(backup your WordPress site and WordPress database)} . Dit geeft je een gecomprimeerde map met alle WordPress -bestanden, evenals een *.gz-bestand dat de back-up is van je mySQL-database^{(backup of your mySQL database)} .

U kunt de back-up van WordPress - bestanden rechtstreeks naar uw lokale WordPress - mappen kopiëren. U kunt uw mySQL *.gz-databasebestand ook importeren in uw lokale mySQL-database met phpMyAdmin.

1. Open phpMyAdmin door met uw browser naar http://localhost/phpmyadmin/

2. Selecteer het tabblad Importeren^(Import) en selecteer de knop Bestand kiezen^{(Choose File)} onder Bestand om te importeren^{(File to import)} .

3. Blader^(Browse) naar uw geback-upte *.gz-databasebestand en phpMyAdmin zal alle berichten en WordPress -instellingen importeren in uw test WordPress - site.

Als u klaar bent en de lokale WordPress- installatie opnieuw opent met dezelfde link als hierboven, ziet u dat uw oorspronkelijke online site nu op uw lokale computer draait.

Andere dingen die^(Things) u kunt doen met een WordPress-testsite

Naast het uitvoeren van uw live site op uw lokale computer, zijn er nog veel andere nuttige dingen die u kunt doen met uw lokale WordPress -testsite.

Installeer en test elk WordPress-thema^{(any WordPress theme)}
Test het aanbrengen van codewijzigingen op uw WordPress - site
Installeer en test WordPress-plug^{(WordPress plugin)} -inconfiguraties
Speel wat met WordPress -configuraties om te zien hoe het uw site verandert

U kunt al deze dingen doen in de veiligheid van uw lokale WordPress -testsite, omdat elke wijziging die u aanbrengt alleen op uw computer plaatsvindt en niet op internet.

How to Install a WordPress Test Site on Your Computer

One оf the best ways to test a new webѕite yоu’re developing is by installing a WordPress test site on yoυr computer. Test it locally, make sure eνerything loоks and works goоd, and then upload it to the live site all at once.

When it comes to WordPress, there are several things to consider when running locally. You’ll need a working WordPress installation, an available SQL database, and a local web server for everything to run on.

You can set up all three on your local computer without too much effort, using the process outlined below.

Install a Local Web Server

The first thing you’ll need to run a local WordPress test site is a web server running on your local computer. Running a web server involves ensuring the right ports are running, PHP and Perl programming languages libraries are installed, and that the web server software can properly serve pages to your browser.

Similar to setting up an FTP server or a local Minecraft server, there are Windows applications available to run a local web server as well. One of the most popular of those is XAMPP.

XAMPP is an open-source Apache web server you can install on Windows 10, Linux, or macOS. It includes everything you need all in one package.

To get started, just download and install the XAMPP software to your desktop or laptop PC.

1. Run the installer, make sure all components are enabled, and select Next to continue.

2. Choose a location for your web server. The best option is to choose the default folder at the root of the C: drive where permissions will be set properly. Select Next to continue.

3. Select your languages and select Next. Keep Bitnami enabled, which will help you with installing WordPress after installation. Select Next. Finally, select Next one more time to install XAMPP.

Installation will take about five minutes. Once finished, the XAMPP control panel will open. Close it for now.

Install WordPress on Your XAMPP Web Server

Launch the control panel again as admin by selecting Start, typing XAMPP, right-clicking the XAMPP application and choosing Run as administrator. You may need to confirm when Windows asks if you want the application to run with admin rights.

Once it launches, select Start to the right of Apache and MySQL to launch the web server and the SQL database needed for your WordPress test site to work properly.

You can see the web server’s file structure by looking at the location where you’ve installed XAMPP. In this example, XAMPP is installed in C:\XAMPP. This is where all of your web files will go that’ll be viewable from your web browser.

XAMPP comes with Bitnami, which lets you quickly install WordPress on top of your current XAMPP web server.

1. Open a web browser and type localhost in the URL field. Press Enter. When the XAMPP dashboard comes up, scroll down to the bottom of the page where you’ll see the Bitnami section.

2. Select the WordPress icon at the bottom of the page. On the Bitnami site, scroll down to the WordPress section and select the Windows link to download WordPress.

3. Once the download is complete, double-click the file to launch the installation package. Select Next as needed to step through the Bitnami WordPress Module. Make sure the folder specified for installation matches that of the XAMPP installation.

4. On the next step, configure the Admin login, name, email address, and password that you want to use with your WordPress test site.

5. Select Next when you’re done, type a name for the WordPress test site and select Next. On the next page, you can configure email support so your test site can send notifications to your email. This is optional.

6. You can deselect Launch wordpress in the cloud with Bitnami since this will just be a local WordPress test site on your computer. Select Next to continue. Select Next again to initiate the installation. Once the installation is done, select Finish to launch the Bitnami WordPress module.

This will launch your default web browser with your new local WordPress test site loaded. The link will include your localhost IP address (your computer’s IP address), with /wordpress/ at the end, where your site is stored.

The path to these WordPress files is C:\XAMPP\apps\wordpress\htdocs\

Now you’re ready to configure your WordPress test site and start using it.

Using Your WordPress Test Site

To access your local WordPress admin page, type http://localhost/wordpress/wp-admin into the browser URL field and log into WordPress using the credentials you set up during the WordPress installation above.

There are a few things you can do with this new local WordPress test site.

Import a Copy of Your Live Site

You could export your actual online website and load it into this installation for testing.

To do this, you’ll need to backup your WordPress site and WordPress database. This will provide you with a zipped folder with all of the WordPress files, as well as a *.gz file which is the backup of your mySQL database.

You can copy the backed up WordPress files directly into your local WordPress folders. You can also import your mySQL *.gz database file into your local mySQL database using phpMyAdmin.

1. Open phpMyAdmin by visiting http://localhost/phpmyadmin/ with your browser.

2. Select the Import tab, and select the Choose File button under File to import.

3. Browse to your backed up *.gz database file and phpMyAdmin will import all posts and WordPress settings into your test WordPress site.

Once you’re done and you reopen the local WordPress installation using the same link as above, you’ll see your original online site now running on your local computer.

Other Things You Can Do With a WordPress Test Site

In addition to running your live site on your local machine, there are a lot of other useful things you can do with your local WordPress test site.

Install and test any WordPress theme
Test making code changes to your WordPress site
Install and test WordPress plugin configurations
Play around with WordPress configurations to see how it changes your site

You can do all of these things in the safety of your local WordPress test site because every change you make only happens on your computer, rather than the web.

Jay Timmermans

About the author

Ik ben een softwareontwikkelaar met meer dan 10 jaar ervaring. Ik ben gespecialiseerd in Mac-programmering en heb duizenden regels code geschreven voor verschillende Mac-programma's, waaronder maar niet beperkt tot: TextEdit, GarageBand, iMovie en Inkscape. Ook heb ik ervaring met Linux en Windows ontwikkeling. Dankzij mijn vaardigheden als ontwikkelaar kan ik hoogwaardige, uitgebreide tutorials schrijven voor verschillende softwareontwikkelingsplatforms - van macOS tot Linux - waardoor mijn tutorials de perfecte keuze zijn voor diegenen die meer willen weten over de tools die ze gebruiken.

Een WordPress-testsite op uw computer installeren

Installeer een lokale webserver

Installeer WordPress^{(Install WordPress)} op uw XAMPP-webserver^{(Your XAMPP Web Server)}