Als je een live website bewerkt, worden alle veranderingen die je aanbrengt onmiddellijk doorgevoerd. Dat betekent dat, als je nieuwe code of experimentele software wilt uitproberen, je site stuk zou kunnen gaan en hiermee nieuwe bezoekers wegjaagt.

Om dit probleem op te lossen kun je een lokale, offline versie van je website maken. Hiermee kun je WordPress uitvoeren en bewerken zonder dat je een internetverbinding nodig hebt. Door je site op je pc te installeren kun je nieuwe features uitproberen, leren hoe je WordPress moet gebruiken, en uiteindelijk je bewerkingen live zetten.

In dit atikel leggen we uit waarom je een WordPress site offline zou willen bouwen. Daarna laten we je zien hoe je dat kunt doen met DevKinsta. Laten we aan de slag gaan!

Bekijk onze videogids over hoe je offline een WordPress site kunt bouwen

Waarom je kan overwegen een offline website te maken

Als je een website-eigenaar bent, weet je waarschijnlijk al dat het uitvoeren van eenvoudige beheertaken een negatieve invloed kan hebben op je live content. Vaak kunnen software updates, nieuwe installaties, en veranderingen in de code downtime of andere problemen veroorzaken.

Een eenvoudige manier om te voorkomen dat je site kapot gaat is door een testomgeving te maken. Door een kopie van je live website te maken, kun je veilig ontwikkelingsveranderingen testen. Met Kinsta kun je zelfs met één klik een testsite opzetten:

Het creëren van een staging site in MyKinsta
Het creëren van een testsite in MyKinsta

Er zijn echter momenten waarop je je site helemaal offline wilt bewerken. Als je bijvoorbeeld geen toegang hebt tot Wi-Fi, kun je geen testsite openen.

Gelukkig kun je een lokale versie van je website op je computer opslaan. Nadat je een WordPress site offline gebouwd hebt, kun je wijzigingen aanbrengen zonder internetverbinding.

Als je een professionele ontwikkelaar of ontwerper bent, zul je waarschijnlijk offline aan de websites van je klanten moeten werken. Zodra je ze kloont en lokaal werkt, kun je succesvolle coderingsverbeteringen ontwikkelen zonder de live content te beïnvloeden. Daarna kun je deze veranderingen eenvoudig naar de oorspronkelijke site pushen.

Bovendien kunnen lokale sites een effectieve manier bieden om te leren hoe je WordPress gebruikt. Als je een complete beginner bent, kun je een nieuwe offline website maken voordat je een hostingabonnement of domein koopt. Dit kan de kosten drukken terwijl je experimenteert met lokale WordPress ontwikkeling.

Zo bouw je een WordPress site offline (in 3 stappen)

Nu je de voordelen kent van een lokale WordPress site, laten we bespreken hoe je er een maakt!

Stap 1: Installeer DevKinsta

Hoewel er veel verschillende lokale WordPress ontwikkelingstools zijn die je kunt gebruiken, kunnen die ingewikkelde instellingsprocessen hebben. Met DevKinsta kun je in een enkele klik je eerste lokale omgeving maken:

Download DevKinsta
Je kunt DevKinsta downloaden van de hoofdpagina

Hier zijn een paar hoogwaardige features die we in DevKinsta hebben ingebouwd::

  • Ondersteuning voor PHP 7.2, 7.3, 7.4, 8.0, 8.1, 8.2 en 8.3
  • Integratie met MyKinsta
  • Lokaal beheer van e-mail
  • Ingebouwde databasebeheerder

DevKinsta kan macOS, Windows en Linux besturingssystemen ondersteunen. Maar voordat je ons lokale ontwikkeltool downloadt, is het belangrijk om te controleren of je computer aan deze eisen voldoet:

  • Minstens 5GB schijfruimte
  • Minstens 1GB RAM
  • Internetverbinding tijdens het downloaden
  • Virtualisatie ingeschakeld in BIOS

Het installatieproces varieert afhankelijk van de software van je computer. Je zult waarschijnlijk eerst Docker Desktop moeten installeren voordat je het DevKinsta DMG bestand downloadt en opent.

Stap 2: Voeg een nieuwe site toe

Zodra je DevKinsta geïnstalleerd hebt, kun je drie verschillende methoden gebruiken om een lokale WordPress website te maken. Laten we elke benadering doornemen om er zeker van te zijn dat je de juiste kiest voor jouw behoeften.

Methode 1: Voeg een nieuwe WordPress site toe

Als DevKinsta goed geïnstalleerd is, zie je een Create new Site pagina. Hier kun je ofwel een nieuwe WordPress site toevoegen, er een uit Kinsta importeren, of een aangepaste versie maken:

Maak een nieuwe DevKinsta site
Maak een nieuwe DevKinsta site

Om een geheel nieuwe WordPress website vanaf nul te maken, kies je New WordPress site. Dit zal een lokale omgeving bouwen die geconfigureerd is met Nginx, MySQL, en de nieuwste WordPress software.

Voor deze methode hoef je alleen maar een sitenaam in te vullen, een WordPress admin gebruikersnaam, en een WordPress admin wachtwoord. Klik dan op Create site:

Nieuwe WordPress login aanmaken
Nieuwe WordPress login aanmaken

Na 30-60 seconden maakt DevKinsta een nieuwe site. Je krijgt informatie te zien over de nieuwe database, server, PHP versie, en meer:

Nieuwe offline site configuratie
Nieuwe offline site configuratie

Tijdens dit proces moet je waarschijnlijk je computerwachtwoord invoeren of een bevestigingsdialoog accepteren. Hiermee kan de software veranderingen in je hosts bestand aanbrengen en het maken van de database voltooien.

Methode 2: Importeer je Kinsta website

Als je een Kinsta hostingabonnement hebt, kun je je bestaande website klonen. Door dit te doen kun je gemakkelijk eventuele veranderingen terugzetten naar je oorspronkelijke testomgeving of live site. Om te beginnen kies je Import from Kinsta:

Download bestaande Kinsta site
Download bestaande Kinsta site

Vervolgens moet je je MyKinsta account verbinden. Als je klaar bent met het invoeren van je gebruikersnaam en wachtwoord, klik je op Login:

Log in met MyKinsta e-mail en wachtwoord
Log in met MyKinsta e-mail en wachtwoord

Kies dan de site die je naar je computer wilt klonen. Omdat DevKinsta zowel test- als live omgevingen ondersteunt, kun je een van beide kiezen:

Selecteer live of staging site om te importeren
Selecteer live of testsite om te importeren

Als de website Multisite is, geef dan aan of hij een subdomein of subdirectory gebruikt. Je kunt ook kiezen voor No multisite:

WordPress multisite gegevens toevoegen
WordPress multisite gegevens toevoegen

Nadat je op Import site geklikt hebt, maakt DevKinsta een lokale kopie van de website die je koos.

Wanneer je meer controle wilt hebben over je lokale WordPress installatie, kun je de optie Custom site kiezen. Hiermee kun je specifieke instellingen over de site configureren:

U kunt een offline site maken met aangepaste configuratie
Je kunt een offline site maken met aangepaste configuratie

Kies eerst een naam voor de website. Je kunt ook de database een naam geven en een PHP versie kiezen:

Vul aangepaste site details in
Vul aangepaste sitegegevens in

Onder WordPress Details, kun de de titel van de site wijzigen, evenals de WordPress versie. Vul tenslotte je beheerderse-mail, gebruikersnaam en wachtwoord in:

Volledige WordPress inloggegevens
Volledige WordPress inloggegevens

Zodra je klikt op Create site, zal DevKinsta het domein toevoegen aan je hosts file en een nieuwe database opzetten. Dit zou slechts tussen de 15 en 20 seconden moeten duren.

Stap 3: Beheer je lokale website

Nadat je een lokale website hebt gemaakt, moet je weten hoe je die kunt bezoeken en beheren. Op deze manier kun je veranderingen doorvoeren en evalueren hoe succesvol ze zijn. Op de pagina Sites klik je op het pijlpictogram om de voorkant van je website te openen:

Offline WordPress website openen
Offline WordPress website openen

Om naar je WordPress admin te gaan, selecteer je een website. Dan, aan de bovenkant van de Site info pagina, vind je de WP Admin knop:

Klik op de WP Admin knop
Klik op de WP Admin knop

In de gegenereerde browser kun je je WordPress login gegevens invullen. Daarna kun je je website bekijken en bewerken via je dashboard:

Het WordPress dashboard is nu offline geopend
Het WordPress dashboard is nu offline geopend

Zodra je wijzigingen aanbrengt, kun je teruggaan naar de DevKinsta Site info pagina. Door Sync > Push to Kinsta te selecteren, kun je deze ontwikkelingen op je test of livesite implementeren. Als alternatief kun je ook wijzigingen van Kinsta naar deze lokale omgeving pullen:

Push wijzigingen naar en van Kinsta
Push wijzigingen naar en van Kinsta

Als je klikt op Database manager, kun je Adminer starten in een browsertabblad. Met deze tool kun je nieuwe databases maken, de gegevens in een tabel bekijken, kolominstellingen wijzigen, SQL-query’s uitvoeren, en nog veel meer:

Beheer Adminer database
Beheer Adminer database

Als beginner hoef je misschien maar één lokale WordPress site te maken. Als je echter een ontwikkelaar bent of voor een bureau werkt, kun je meerdere sites in DevKinsta bouwen en beheren.

In DevKinsta draait elke site in een gecontaineriseerde omgeving. Dit betekent dat je zoveel projecten kunt toevoegen als je nodig hebt. Om dit te doen, klik je op Add site op de startpagina:

Beheer lokale DevKinsta sites
Beheer lokale DevKinsta sites

Je zou nu een nieuwe offline WordPress site moeten hebben en de tools die je nodig hebt om deze aan te passen! Dit kan je helpen om je website zonder Wi-Fi te ontwikkelen en te vermijden dat je live coderingsfouten maakt.

Samenvatting

Nadat je een lokale versie van WordPress hebt gestart, kun je je site openen en beheren, zelfs zonder internetverbinding. Wanneer je weer online bent, kun je je wijzigingen eenvoudigweg naar je live website pushen. Op deze manier kun je op elk gewenst moment ontwikkelingstaken voltooien.

Met behulp van DevKinsta, kan het installeren van een lokale WordPress omgeving een eenvoudig proces zijn. Download deze gratis tool vandaag nog om een offline testsite te maken in slechts één klik!

Jeremy Holcombe Kinsta

Content & Marketing Editor bij Kinsta, WordPress Web Developer en Content Writer. Buiten alles wat met WordPress te maken heeft, geniet ik van het strand, golf en films. En verder heb ik last van alle problemen waar andere lange mensen ook tegenaan lopen ;).