Zo maak je een effectieve WordPress workflow voor developers

WordPress is een geweldig platform, maar kan soms ook een beetje ongeorganiseerd zijn – tenminste vanuit codeperspectief. Dat komt omdat de code vele iteraties heeft doorgemaakt en als er updates worden uitgebracht, worden dingen soms niet zo efficiënt gecodeerd als ze zouden kunnen zijn.

Dit betekent echter niet dat je ontwikkelproces hetzelfde moet doen. Hoewel rommelige code vaak wordt goedgepraat vanwege snelle productieschema’s, heb je als webdeveloper de kans om je te onderscheiden en uit te blinken door een goede workflow te hanteren.

Dit artikel bevat een aantal tips die je helpen om WordPress sites op de juiste manier te ontwikkelen en met de juiste tools. Er wordt ook een stap-voor-stap uitleg gegeven om je te helpen deze tips op te volgen.

Door deze gids te volgen kun je een aantal veel voorkomende problemen bij het ontwikkelen van WordPress sites voorkomen en kun je een site maken die gemakkelijk te onderhouden en bij te werken is.

Laten we snel beginnen!

Kenmerken van hoogwaardige code

Voordat we ons gaan verdiepen in onze volledige handleiding voor het creëren van een WordPress ontwikkelworkflow, laten we eerst even stilstaan bij waarom code van hoge kwaliteit er eigenlijk toe doet.

Als je nadenkt over de code voor je site, zijn er een paar belangrijke kenmerken die je in gedachten moet houden. Deze kenmerken helpen ervoor te zorgen dat je code strak, goed georganiseerd en gemakkelijk te begrijpen is.

Hier zijn enkele kenmerken van code van hoge kwaliteit:

• Gestroomlijnd
• Gemakkelijk te volgen
• Modulair
• Goed becommentarieerd
• Herbruikbaar en onderhoudbaar

Deze kenmerken lijken misschien wat veel op het eerste gezicht, maar maak je geen zorgen. We zullen in deze handleiding volledig behandelen hoe je ze allemaal kunt bereiken. Maar laten we eerst begrijpen waarom je ontwikkelworkflow aan deze standaarden moet voldoen.

Waarom WordPress development de allerbeste codeerpraktijken verdient

Om een WordPress website goed te laten functioneren, moet de code waaruit de site is opgebouwd van hoge kwaliteit zijn. Dit is vooral belangrijk voor WordPress websites omdat ze vaak complex zijn, met veel verschillende bewegende delen.

Er zijn veel redenen waarom codeerpraktijken belangrijk zijn voor de ontwikkeling van WordPress:

1. WordPress websites zijn complex.
2. Een enkele regel code kan een grote impact hebben.
3. Goed geschreven en geteste code is essentieel.
4. Hoogwaardige code is gemakkelijker te onderhouden.
5. Kwalitatief goede code kan de prestaties helpen verbeteren.

Als je deze punten in je achterhoofd houdt bij het plannen van je developmentproces, is het makkelijk om ze ook uit te incorporeren.

Tips om je WordPress workflow te verbeteren

Nu we het hebben gehad over waarom het belangrijk is om goed geschreven code te hebben, laten we eens kijken naar een aantal tips om je WordPress workflow te verbeteren voor elk afzonderlijk project. Elk van de volgende tips kan helpen om ervoor te zorgen dat je WordPress code schoon en geoptimaliseerd is, wat je prioriteit zou moeten zijn.

Kies een goede hostingprovider

Als het aankomt op het hosten van je WordPress website, is het kiezen van de juiste provider cruciaal voor het garanderen van optimale prestaties, beveiliging en algehele gebruikerservaring. Een betrouwbare hostingservice kan de snelheid, stabiliteit en schaalbaarheid van je website aanzienlijk beïnvloeden. Kinsta onderscheidt zich als een uitstekende keuze voor het hosten van je WordPress site en biedt een breed scala aan functies en voordelen die bijdragen aan een uitstekende hostingervaring.

1. Aangedreven door Google Cloud Platform (GCP) C2: Kinsta maakt gebruik van de geavanceerde infrastructuur van Google Cloud Platform, met name de C2 computed-optimized machines. Deze krachtige cloud-infrastructuur zorgt voor bliksemsnelle laadtijden en verbeterde betrouwbaarheid, en biedt een solide basis voor je website.
2. Gecontaineriseerd websitebeheer: Kinsta hanteert een container-gebaseerde aanpak voor sitebeheer. Dit betekent dat elke website wordt geïsoleerd binnen zijn eigen container, waardoor storing van andere sites op dezelfde server wordt voorkomen. Deze isolatie zorgt voor superieure beveiliging en stabiliteit, en elimineert het risico van resource-conflicten.
3. Geavanceerde cachingmechanismen: Caching is van vitaal belang voor het versnellen van je website en het verminderen van de serverbelasting. Kinsta bevat caching op serverniveau, edge caching, automatische pagina-caching en integratie van het content delivery network (CDN). Dit intelligente caching systeem zorgt ervoor dat je pagina’s snel en efficiënt laden voor bezoekers wereldwijd. Je kunt ook de Kinsta API gebruiken om de cache of edge cache van je site leeg te maken.
4. Optimalisatie van de prestaties: Kinsta is toegewijd aan het leveren van eersteklas tools voor prestatieoptimalisatie. Ze bieden features zoals PHP ondersteuning, HTTP/3 en MariaDB voor snellere databasequeries. Met Kinsta’s prestatiegerichte infrastructuur zal je website goed uitgerust zijn om eventuele verkeerspieken aan te kunnen.
5. Gratis testomgeving: Elke WordPress installatie bij Kinsta kan zijn eigen testomgeving hebben zonder extra kosten. Hierdoor kun je veilig updates, plugins en wijzigingen testen voordat je ze uitrolt naar de live site, wat zorgt voor een naadloze gebruikerservaring.
6. Beveiligingsmaatregelen: Kinsta neemt beveiliging serieus en implementeert maatregelen zoals DDoS-detectie, hardware firewalls en uptime monitoring.
7. Ontwikkelaarsvriendelijke features: Voor developers biedt Kinsta features zoals SSH toegang, WP-CLI en Git integratie. Deze tools maken ontwikkeling, versiebeheer en efficiënte samenwerking tussen teamleden mogelijk.

Gebruik testomgevingen

Een testsite is een kopie van je live site die je kunt gebruiken om wijzigingen te testen voordat je ze doorvoert op je live site. Dit is een waardevol hulpmiddel omdat je hiermee kunt experimenteren met wijzigingen zonder dat dit invloed heeft op je live site.

Er zijn veel voordelen van het gebruik van een testsite:

1. Test wijzigingen voordat je ze doorvoert op je live site.
2. Voorkom potentiële problemen door te testen op een testsite.
3. Zorg ervoor dat je wijzigingen werken zoals bedoeld.
4. Voorkom potentiële downtime op je live site.
5. Verminder het risico dat je live site kapot gaat.

Bij Kinsta heb je de mogelijkheid om een aparte testomgeving te maken voor elke WordPress installatie, zodat je nieuwe versies, plugins, code en algemeen ontwikkelingswerk kunt testen. Deze testomgeving kun je eenvoudig instellen en delen met je team. Voor extra testomgevingen, testomgevingen die nauw overeenkomen met je live setup, of resource-intensieve test- en ontwikkelingswerkzaamheden, kun je de Premium testomgeving add-on gebruiken.

Bovendien biedt Kinsta het gemak van het programmatisch creëren van deze omgevingen via de Kinsta API. Hiermee heb je toegang tot de omgevingsdetails van je site, kun je acties uitvoeren zoals het verwijderen of klonen van een omgeving en kun je zelfs gewone omgevingen maken zonder WordPress installatie of met een reeds geïnstalleerde omgeving.

WordPress core, plugins en thema’s zijn geschreven in PHP. Kinsta ondersteunt altijd de meest recente versie van PHP en ondersteunt verschillende versies voor testomgevingen. Schakelen tussen PHP versies doe je met een paar klikken in het MyKinsta dashboard.

Maak gebruik van versiebeheer

Versiebeheer is een systeem dat wijzigingen in bestanden in de loop van de tijd bijhoudt. Dit is waardevol voor de ontwikkeling van WordPress omdat het je in staat stelt om wijzigingen bij te houden en terug te gaan naar eerdere versies als dat nodig is.

Voor de meesten betekent dit het gebruik van Git, een populair versiebeheersysteem dat wordt ondersteund door Kinsta. Git is een gratis en open-source gedistribueerd versiebeheersysteem dat is ontworpen om alles van kleine tot zeer grote projecten snel en efficiënt af te handelen. Met Kinsta kun je eenvoudig verbinding maken met je Git repository vanuit GitHub, GitLab en Bitbucket.

Dat is vooral handig als je met een groot remote team werkt. Het laatste waar je tegenaan wilt lopen is meerdere versies van je functions.php bestand, allemaal met een iets andere naam, in je WordPress installatie omdat meerdere mensen tegelijk wijzigingen hebben aangebracht.

Plan geautomatiseerde backups

Een van de belangrijkste aspecten van het ontwikkelen van WordPress is het maken van backups. Backups zijn van vitaal belang omdat je daarmee je site kunt herstellen als er iets misgaat.

Er zijn veel manieren om backups te automatiseren. Als je Kinsta gebruikt, heb je automatisch toegang tot zes soorten backups: gratis automatische/dagelijkse, optionele uurlijkse, handmatige, door het systeem gegenereerde, downloadbare en Premium externe backups die automatisch worden verzonden naar je Amazon S3 of Google Cloud Storage, die je kunt gebruiken als onderdeel van je herstelstrategie.

Deze add-on maakt automatisch backups van je WordPress site op een geconfigureerde frequentie en slaat ze op een externe server op.

Als je Kinsta niet gebruikt, kun je WordPress plugins gebruiken voor backups. Dit is een haalbare strategie, maar houd er rekening mee dat plugins met elkaar kunnen conflicteren en de prestaties van je website in gevaar kunnen brengen.

Maak gebruik van linting

Linting is het controleren van code op fouten. Dit is waardevol voor de ontwikkeling van WordPress, omdat het je kan helpen om fouten in je code te vinden en op te lossen.

Veel code-editors doen dit automatisch, maar als je er zeker van wilt zijn dat de jouwe deze feature biedt, overweeg dan om een van de volgende code- en teksteditors te gebruiken:

• Visual Studio Code: Deze code-editor heeft standaard linting beschikbaar naast plugins om linting te helpen afdwingen zoals ESLint.
• Sublime Text: Deze code-editor heeft veel functies, waaronder linting.
• Atom: Deze code-editor heeft linting ingebouwd.
• Vim: Deze teksteditor biedt naast vele andere features ook linting.
• PHPStorm: Dit is een betaalde ontwikkelomgeving die linting beschikbaar stelt.

Als je je website vanuit een script bouwt, kun je ook lintingpakketten toevoegen om deze tijdens het bouwen te testen.

Gebruik een codegenerator

Een codegenerator is een tool die automatisch code voor je kan genereren. Dit is waardevol voor WordPress ontwikkeling omdat het je tijd kan besparen en je fouten kan helpen voorkomen.

Er zijn veel codegeneratoren te vinden, maar enkele van de populairste zijn:

• GenerateWP: Deze codegenerator kan code genereren voor aangepaste berichttypen, taxonomieën, metaboxen en meer.
• Hasty: Deze codegenerator kan code genereren voor aangepaste berichttypes, taxonomieën en velden.
• Nimbus Themes Codegenerator: Deze codegenerator kan code genereren voor aangepaste berichttypes, taxonomieën en velden.

Gebruik WP-CLI

WP-CLI is een opdrachtregelinterface voor WordPress. Dit is waardevol voor WordPress ontwikkeling omdat je hiermee je WordPress site kunt beheren vanaf de opdrachtregel. Je krijgt  toegang tot de WP-CLI bij alle Kinsta pakketten omdat het standaard aanwezig is op alle Kinsta servers.

Dit is vooral handig als je taken moet uitvoeren die repetitief zijn of veel stappen vereisen. WP-CLI kan bijvoorbeeld worden gebruikt om WordPress te installeren, berichten en pagina’s te maken, plugins en thema’s te installeren en nog veel meer. Het is ook handig als je wijzigingen moet aanbrengen aan meerdere sites tegelijk.

Gebruik een WordPress ontwikkelframework

Een WordPress ontwikkelframework is een tool die je kan helpen om je workflow te stroomlijnen. Dit is waardevol voor WordPress ontwikkeling omdat het je tijd kan besparen en je fouten kan helpen voorkomen.

Er zijn veel WordPress ontwikkelframeworks beschikbaar, maar enkele van de populairste zijn:

• Genesis: Dit framework van StudioPress is ontworpen om je te helpen sneller WordPress sites te bouwen.
• Underscores: Dit framework van Automattic is ontworpen om je te helpen snel te beginnen met het ontwikkelen van WordPress thema’s.
• Foundation: Dit framework van Zurb is ontworpen om je te helpen responsieve WordPress sites te maken.
• Bootstrap: Dit framework van Twitter is een super handige manier om responsieve ontwerpen te maken voor WordPress websites.

Task runners gebruiken

Een task runner is een hulpmiddel dat taken kan automatiseren. Dit is waardevol voor WordPress ontwikkeling omdat het je tijd kan besparen en fouten kan helpen voorkomen. Je kunt er ook meerdere taken tegelijk mee uitvoeren.

Er zijn veel task runners te krijgen, maar enkele van de populairste zijn:

• Gulp: Deze task runner kan worden gebruikt om taken zoals CSS preprocessing, JavaScript linting en meer te automatiseren.
• Grunt: Grunt is een Javascript task runner die helpt bij het automatiseren van veel van je meer repetitieve taken.
• Webpack: Deze task runner kan worden gebruikt om taken te automatiseren zoals het bundelen van JavaScript bestanden en meer.

Raak vertrouwd met Vue.js of React

Hoewel je Vue.js of React misschien niet meteen gebruikt, is het belangrijk om nu vertrouwd te raken met deze frameworks. Dit is waardevol voor WordPress ontwikkeling omdat ze steeds populairder worden en steeds meer worden gebruikt de afgelopen jaren.

Vue.js is een JavaScript framework waarmee je reactieve gebruikersinterfaces kunt maken. React is een JavaScript bibliotheek voor het bouwen van gebruikersinterfaces.

Zowel Vue.js als React zijn populaire keuzes voor WordPress ontwikkeling omdat ze snel, licht en gemakkelijk te gebruiken zijn en essentieel zijn om WordPress te veranderen in een headless CMS.

Hier is een gedetailleerde handleiding over hoe je een headless WordPress site kunt maken met Vue.js en met React.js.

Waarom tijd besteden aan het plannen van je WordPress workflow cruciaal is

WordPress websites zijn complex en het is belangrijk om een goed geplande workflow te hebben voordat je aan een project begint. Door je workflow te plannen kun je tijd besparen en mogelijke problemen in de toekomst voorkomen.

Er zijn veel voordelen verbonden aan het plannen van je WordPress workflow:

• Tijd besparen door te weten wat er gedaan moet worden.
• Potentiële problemen vermijden door vooruit te plannen.
• Ervoor zorgen dat alle noodzakelijke taken worden uitgevoerd.
• Ervoor zorgen dat je workflow efficiënt en effectief is.
• Problemen voorkomen bij het overdragen van projecten aan medewerkers of klanten.

De ideale WordPress workflow voor development

Er zijn veel manieren om de WordPress workflow te benaderen, maar er zijn een aantal essentiële stappen die in je ontwikkelproces moeten worden opgenomen.

Stap 1: Zet een lokale ontwikkelomgeving op

De eerste stap in elke WordPress workflow zou het opzetten van een lokale ontwikkelomgeving moeten zijn. Dit is belangrijk omdat je dan offline aan je WordPress site kunt werken, wat tijd kan besparen en fouten kan voorkomen.

Er zijn veel manieren om een lokale ontwikkelomgeving op te zetten, het hangt er maar net vanaf welke opzet je het liefst gebruikt. Wij raden hiervoor DevKinsta aan (WordPress Multisite wordt ondersteund). Met DevKinsta kun je je projecten klonen en lokaal ontwikkelen. Zodra je updates klaar zijn, kun je ze naar Kinsta pushen.

DevKinsta is volledig geïntegreerd met MyKinsta en Kinsta’s hostingplatform, dus je kunt lokaal ontwikkelen en updates direct naar een testomgeving op Kinsta pushen. We raden aan om Kinsta testomgevingen en de Premium testomgeving add-on te gebruiken. Dit geeft je een complete WordPress ontwikkelomgeving die je met een click live pusht.

Je kunt bovendien aan meerdere projecten tegelijk werken en wijzigingen samenvoegen voordat je live gaat. Het wordt ook geleverd met ingebouwde A/B testen, plugin compatibiliteitstesten en resource-intensieve testen om er zeker van te zijn dat je builds goed gestructureerd zijn.

Om aan de slag te gaan met de Premium testomgeving add-on, koop je deze via je Kinsta account. Om de testomgeving in te schakelen, ga je naar MyKinsta, klik je op het uitklapmenu met standaardomgeving Live en klik je vervolgens op Nieuwe omgeving maken boven in het scherm.

Stap 2: Stel versiebeheer in

De tweede stap in elke WordPress workflow is het instellen van versiebeheer. Dit is belangrijk omdat het je in staat stelt om wijzigingen in je code bij te houden en terug te gaan naar vorige versies als dat nodig is.

Om dit te doen kun je Git gebruiken, dat wordt ondersteund door Kinsta, door het onderstaande proces te volgen:

1. Maak een Git repository

Je kunt een repository aanmaken op GitHub, GitLab of Bitbucket om je code in op te slaan. Voor deze demonstratie beschrijven we hoe je het maakt in GitHub. Voor de andere ondersteunde platforms is de werkwijze vergelijkbaar.

Om een repository aan te maken op GitHub, volg je de onderstaande stappen:

1. Log in op je GitHub account en klik op het + teken in de rechterbovenhoek.
2. Selecteer New repository uit het dropdown menu.
3. Voer een naam in voor je repository en een beschrijving, klik dan op Create repository.

2. Kloon de repository naar je lokale ontwikkelomgeving

Om een GitHub repository te klonen, volg je de onderstaande stappen:

1. Klik op de Clone knop van je GitHub repository.
2. Kopieer de URL van je repository.
3. Open je terminal of opdrachtprompt en ga naar de map waar je je repository wilt klonen.
4. Typ het volgende commando, waarbij je de URL die je van GitHub hebt gekopieerd vervangt:

git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.git

Dit zal je repository klonen naar je computer. Je kunt nu bestanden toevoegen en wijzigingen maken en ze, als ze klaar zijn, terugzetten naar GitHub.

3. Voeg bestanden toe en commit de wijzigingen

1. Voeg de bestanden die je met Git wilt volgen toe aan de repository map op je computer.
2. Typ git add gevolgd door de naam van het bestand, of gebruik git add . om alle bestanden in de map toe te voegen.
3. Typ git commit -m gevolgd door een bericht dat de wijzigingen beschrijft die je hebt gemaakt.
4. Om je wijzigingen naar GitHub te pushen, typ git push.

Je kunt doorgaan met het maken van wijzigingen aan de bestanden op je computer en ze naar GitHub pushen. Als je de laatste versie van de bestanden van GitHub wilt ophalen, kun je het git pull commando gebruiken.

Stap 3: Ontwikkel lokaal

Nadat je je lokale ontwikkelomgeving en versiebeheer hebt ingesteld, is het tijd om te beginnen met het lokaal ontwikkelen van je WordPress site.

Als je lokaal ontwikkelt, kun je wijzigingen testen op je testsite voordat je ze live zet. Dit is belangrijk omdat je zo eventuele fouten of bugs kunt opvangen voordat ze je live site beïnvloeden.

Om wijzigingen van je lokale ontwikkelomgeving naar je testsite te pushen, kun je DevKinsta gebruiken met slechts een paar klikken.

Stap 4: Gebruik WP-CLI

WP-CLI is een opdrachtregelinterface voor WordPress waarmee je je WordPress site vanaf de terminal kunt beheren. Dit kan handig zijn voor taken als het aanmaken en beheren van gebruikers, het installeren en bijwerken van plugins en nog veel meer.

Volg deze stappen om WP-CLI te installeren:

1. Download het bestand WP-CLI.phar.
2. Verplaats het bestand naar een map in je PATH (bijvoorbeeld /usr/local/bin).
3. Hernoem het bestand naar wp.
4. Maak het bestand uitvoerbaar (bijvoorbeeld chmod +x /usr/local/bin/wp).
5. Test of WP-CLI is geïnstalleerd door wp --version uit te voeren.

Van daaruit kun je WP-CLI gebruiken om je WordPress site vanaf de terminal te beheren. Voor een volledige lijst met commando’s kun je onze uitgebreide handleiding voor WP-CLI v2 bekijken.

Stap 5: Automatiseer je workflow met Gulp

Gulp is een task runner waarmee je taken kunt automatiseren zoals het minen van CSS en JavaScript bestanden, het compileren van Sass bestanden en nog veel meer.

Om Gulp te gebruiken, installeer je het globaal op je systeem. Om dit te doen, moet je ervoor zorgen dat Node.js en npm geïnstalleerd zijn op je computer door node -v en npm -v uit te voeren. Als er voor beide een versie wordt weergegeven, kun je Gulp installeren door het volgende commando uit te voeren:

npm install gulp-cli -g

Zodra Gulp is geïnstalleerd, kun je een bestand gulpfile.js maken in de root van je project. Dit bestand bevat de code voor je Gulp taken.

Het volgende gulpfile.js bestand bevat bijvoorbeeld een taak voor het minen van CSS bestanden:

var gulp = require('gulp');

var cleanCSS = require('gulp-clean-css');

gulp.task('minify-css', function() {

return gulp.src('src/*.css')

.pipe(cleanCSS({compatibility: 'ie8'}))

.pipe(gulp.dest('dist'));

});

Om deze taak uit te voeren, kun je het volgende commando gebruiken:

gulp minify-css

Stap 6: Gebruik linting

Linting tools zijn analysetools voor statische code die je helpen om fouten in je code te vinden. Voor dit artikel gebruiken we Atom.io met de volgende linting pakketten:

• atom-beautify
• atom-ternjs
• linter
• linter-eslint
• linter-php
• linter-sass-lint

Navigeer in je terminal naar de map die je wilt linten en voer het volgende commando uit:

find . -name "*.js" -o -name "*.scss" | xargs eslint --fix

Dit zal alle JavaScript- en Sass bestanden in je project linten.

Als je een specifiek bestand wilt linten, kun je het volgende commando uitvoeren:

eslint --fix file-name.js

Vervang file-name.js door de naam van het bestand dat je wilt linten.

Stap 7: Gebruik een CSS preprocessor

Een CSS preprocessor is een tool waarmee je CSS in een andere taal kunt schrijven en vervolgens kunt compileren tot CSS. De twee populairste CSS preprocessors zijn Sass en Less.

In deze tutorial gebruiken we Sass. Om Sass te gebruiken, moet je eerst de Sass commandoregeltool installeren. Voer hiervoor het volgende commando uit:

gem install sass

Zodra Sass is geïnstalleerd, kun je het volgende commando gebruiken om een Sass-bestand te compileren naar CSS:

sass input.scss output.css

Vervang input.scss door de naam van je Sass bestand en output.css door de naam van het CSS bestand dat je wilt maken.

Als je je Sass bestand wilt controleren op wijzigingen en deze automatisch opnieuw wilt compileren naar CSS, kun je de vlag --watch toevoegen aan de opdracht:

sass --watch input.scss output.css

Je kunt ook een Sass map bekijken en uitvoeren naar een andere map. Dit is handig als je meerdere Sass bestanden hebt en het hele proces met één commando wilt afhandelen. Om dit te doen, scheid je beide mappen met een dubbele punt:

sass --watch app/sass:public/stylesheets

Sass zal continu alle bestanden in de app/sass map controleren op wijzigingen en vervolgens de resulterende CSS bestanden compileren in de public/stylesheets map. Pas de mappaden gerust aan aan je specifieke mappenstructuur.

Stap 8: Maak gebruik van WordPress Rest API

De WordPress REST API is een krachtig hulpmiddel waarmee je kunt communiceren met je WordPress site van buiten de WordPress admin interface.

De WordPress REST API kan worden gebruikt om aangepaste oplossingen voor je WordPress site te bouwen. Je kunt de WordPress REST API bijvoorbeeld gebruiken om een mobiele app voor je WordPress site te bouwen of om een aangepast dashboard te maken.

Om aan de slag te gaan met de WordPress REST API, moet je een interface maken via de WordPress Command Line Interface. We hebben een tutorial gepubliceerd over het instellen van de WordPress REST API die je door elke stap kan leiden.

Stap 9: Creëer en volg een stijlgids

Een stijlgids is een verzameling richtlijnen voor het coderen en ontwerpen van je WordPress site. Een stijlgids helpt om ervoor te zorgen dat je code consistent en gemakkelijk te lezen is.

Er zijn een aantal verschillende stijlgidsen die je kunt gebruiken voor je WordPress project. Wij raden aan om de WordPress Coding Standards als uitgangspunt te nemen. Maar je zult waarschijnlijk in de loop der tijd veel wijzigingen en toevoegingen maken.

Elke stijlgids die je maakt zal waarschijnlijk voortdurend veranderen. Maar het belangrijkste is dat het een gedefinieerde verzameling stappen en richtlijnen biedt voor alle developers in je team.

Stap 10: Push je site live

Als je alle bovenstaande stappen hebt doorlopen, is je WordPress site klaar om live gezet te worden. Als je een deploymentplugin zoals WP Pusher gebruikt, is dit proces niet moeilijker dan het pushen van je code naar je remote Git repository.

Je kunt dit direct in Kinsta doen door naar MyKinsta > Websites te gaan, je site te selecteren en dan op Omgevingsacties te klikken. Van daaruit klik je op Pushen naar live.

Vink vervolgens het vakje naast Bestanden of Database aan (om beide aan te vinken), typ de sitenaam in en klik vervolgens op Pushen naar live.

Als je geen deploymentplugin of Git gebruikt, kun je gewoon je WordPress database exporteren vanuit je lokale ontwikkelomgeving en deze importeren naar je live server. Je kunt dit doen door naar Extra > Export te gaan in je WordPress admin dashboard.

Selecteer vervolgens All content bij de exportopties en klik op de knop Download export file. Zodra je je databasebestand hebt, kun je het importeren in je live server door naar Extra > Import te gaan in je WordPress admin dashboard. Selecteer het databasebestand dat je zojuist hebt geëxporteerd en klik op de knop Upload and import file.

Je kunt je WordPress bestanden ook handmatig overzetten van je lokale ontwikkelomgeving naar je live server met een SFTP client zoals FileZilla. Maak gewoon verbinding met je live server met FTP en sleep dan je WordPress bestanden naar de public_html directory.

Zodra je je WordPress site live hebt gezet, kun je de tijd nemen om alles uit te testen en ervoor te zorgen dat alles werkt zoals het hoort.

Dit is ook een goed moment om ervoor te zorgen dat Kinsta APM goed werkt. Deze tool voor prestatiemonitoring houdt de prestaties van je server in de gaten en zorgt ervoor dat je site zo snel mogelijk draait. Het biedt je belangrijke inzichten in de prestaties en statistieken van WordPress zonder dat je hoeft te betalen voor externe abonnementen op andere APM diensten.

Om de APM tool in te schakelen, log je in op MyKinsta, kies je de site die je wilt monitoren, navigeer je naar het APM tabblad van je site en klik je op de knop APM inschakelen. Je kunt meer lezen in onze documentatie.

Overzicht

Zoals je kunt zien, komt er veel kijken bij het op de juiste manier creëren van een WordPress ontwikkelingsworkflow. Maar als je deze stappen volgt, zorg je ervoor dat je WordPress site goed georganiseerd is, eenvoudig te beheren is en soepel draait.

En je kunt niet fout gaan door te vertrouwen op Kinsta producten zoals DevKinsta, de Premium testomgeving add-on en Kinsta APM. Deze tools maken je WordPress ontwikkelingsworkflow nog eenvoudiger en efficiënter.

En andere Kinsta functies zoals gecontaineriseerde sites op GCP infrastructuur die draait op C2 machines met 37 datacenters beschikbaar, premium integratie met Cloudflare voor een high-performance CDN die je site aflevert vanaf 260+ Points of Presence (PoPs), zakelijke firewall met DDoS bescherming, Malware Security Pledge, Edge Caching, PHP switcher met een klik en uptime monitoring (met 99% uptime garantie), zorgen ervoor dat je website snel draait, veilig en betrouwbaar is en beschikbaar is voor het internet.

Heb je vragen over het maken van een WordPress ontwikkelworkflow? Laat het ons weten in de comments hieronder!

Jeremy Holcombe Kinsta

Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).

• Website
• LinkedIn