{"id":60650,"date":"2024-09-23T15:59:26","date_gmt":"2024-09-23T13:59:26","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=60650&#038;preview=true&#038;preview_id=60650"},"modified":"2024-09-25T15:48:26","modified_gmt":"2024-09-25T13:48:26","slug":"continuous-deployment-wordpress-github-actions","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/","title":{"rendered":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/react-continuous-deployment\/\">Continuous deployment<\/a> is een essentieel onderdeel van moderne webontwikkeling. Het stelt <a href=\"https:\/\/kinsta.com\/nl\/blog\/soorten-developers\/\">ontwikkelaars<\/a> in staat om automatisch wijzigingen de deployen vanuit een versiebeheersysteem naar een live omgeving. Deze aanpak vermindert handmatige fouten en versnelt het ontwikkelproces, zodat je website altijd up-to-date is met de laatste codewijzigingen.<\/p>\n<p>Als Kinsta-gebruiker kun je <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/verbinden-met-ssh\/\">SSH<\/a> gebruiken om wijzigingen direct naar je server te pushen. Met <a href=\"https:\/\/kinsta.com\/nl\/blog\/ci-cd-pipeline-maken\/\">GitHub Actions<\/a> kun je het hele deploymentproces automatiseren en updates naadloos uitrollen naar je live site.<\/p>\n<p>Dit artikel leidt je door het instellen van continue deployment voor je <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-wordpress\/\">WordPress<\/a> site gehost op Kinsta met behulp van GitHub Actions. We behandelen alles van het instellen van je lokale omgeving tot het pushen van wijzigingen naar GitHub en ze automatisch uitrollen naar je live site.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Vereisten<\/h2>\n<p>Voordat je continuous deployment kunt instellen voor je WordPress site op Kinsta, zijn er een paar dingen die je nodig hebt:<\/p>\n<ol start=\"1\">\n<li>Je WordPress site moet al <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/dedicated\/\">gehost worden op Kinsta<\/a>.<\/li>\n<li>Je moet je site lokaal ophalen. Je kunt <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">DevKinsta<\/a> gebruiken of een <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-backups\/\">backup<\/a> downloaden.<\/li>\n<li>Een GitHub repository om <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-push-je-code-naar-github\/\">de code van je site op te slaan en te pushen<\/a>.<\/li>\n<li>Basiskennis van Git, zoals het pushen van code en het gebruik van een <code>.gitignore<\/code> bestand.<\/li>\n<\/ol>\n<h2>Lokaal je site ophalen en GitHub instellen<\/h2>\n<p>Als Kinsta-gebruiker is de eenvoudigste manier om toegang te krijgen tot de lokale bestanden van je WordPress site het gebruik van DevKinsta. Met een paar klikken kun je je site van de Kinsta server naar DevKinsta pullen, zodat je lokaal aan je site kunt werken.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Het is belangrijk om te weten dat wanneer je wijzigingen terugzet naar Kinsta met DevKinsta, het meestal de hele codebase terugzet, in plaats van alleen de bijgewerkte bestanden. Als je liever meer meer controle hebt over je deployments, is het gebruik van GitHub Actions met Git misschien een betere optie.<\/p>\n<\/aside>\n\n<p>Om dit te doen:<\/p>\n<ol start=\"1\">\n<li>Open DevKinsta en klik op <strong>Site toevoegen<\/strong>.<\/li>\n<li>Selecteer de optie <strong>Importeren van Kinsta<\/strong>. Hiermee wordt alles over je site gedownload zodat je er lokaal bij kunt om te ontwikkelen.<\/li>\n<\/ol>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Als je DevKinsta liever niet gebruikt, kun je ook het back-upbestand van je site downloaden van MyKinsta, het uitpakken en doorgaan met de onderstaande stappen.<\/p>\n<\/aside>\n\n<p>Zodra je site lokaal beschikbaar is, open je de map van de site in de code editor van je voorkeur. Voordat je de bestanden naar GitHub pusht, voeg je een <code>.gitignore<\/code> bestand toe in de hoofdmap van je project om te voorkomen dat je onnodige <a href=\"https:\/\/kinsta.com\/blog\/wordpress-files\/\">WordPress core bestanden<\/a>, uploads of gevoelige informatie uploadt. Je kunt een standaard <code>.gitignore<\/code> <a href=\"https:\/\/github.com\/github\/gitignore\/blob\/main\/WordPress.gitignore\" target=\"_blank\" rel=\"noopener noreferrer\">template voor WordPress<\/a> gebruiken <a href=\"https:\/\/github.com\/github\/gitignore\/blob\/main\/WordPress.gitignore\" target=\"_blank\" rel=\"noopener noreferrer\">.<\/a> Kopieer de inhoud van het template en sla het op.<\/p>\n<p>Maak vervolgens een GitHub repository aan en push de bestanden van je site naar GitHub.<\/p>\n<h3>GitHub secrets instellen voor Kinsta<\/h3>\n<p>Om de deployment van GitHub naar Kinsta te automatiseren, heb je een aantal belangrijke SSH gegevens nodig, waaronder je gebruikersnaam, wachtwoord, poort en IP adres. Omdat deze gevoelig zijn, moet je ze opslaan als GitHub secrets.<\/p>\n<p>Om secrets toe te voegen in GitHub:<\/p>\n<ol start=\"1\">\n<li>Ga naar je repository op GitHub.<\/li>\n<li>Klik op <b>Settings <\/b>&gt; <strong>Secrets and Variables <\/strong>&gt; <b>Actions <\/b>&gt; <strong>New repository secret<\/strong>.<\/li>\n<li>Voeg de volgende secrets toe:\n<ul>\n<li><code>KINSTA_SERVER_IP<\/code><\/li>\n<li><code>KINSTA_USERNAME<\/code><\/li>\n<li><code>PASSWORD<\/code><\/li>\n<li><code>PORT<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>Je kunt deze gegevens vinden op de <strong>Info<\/strong> pagina van je site in je <a href=\"https:\/\/kinsta.com\/nl\/mykinsta\/\">MyKinsta dashboard<\/a>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/sftp-ssh-details.png\" alt=\"SFTP\/SSH info details in MyKinsta.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">SFTP\/SSH info details in MyKinsta.<\/figcaption><\/figure>\n<p>Als deze installatie is voltooid, kun je nu de automatische deployment voor je WordPress site configureren.<\/p>\n<h2>Je Kinsta server configureren<\/h2>\n<p>Voordat je het deploymentproces met GitHub Actions automatiseert, moet je je Kinsta server configureren om code van je GitHub repository te ontvangen en te deployen.<\/p>\n<p>Dit houdt twee stappen in: het cre\u00ebren van een kale Git repository op je Kinsta server en het instellen van een <code>post-receive<\/code> hook om de laatste wijzigingen automatisch uit te rollen naar je live site.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Een kale Git repository op Kinsta maken<\/h3>\n<p>Een kale Git repository is een externe bestemming waar GitHub je code naartoe zal pushen. Deze repository heeft geen werkmap &#8211; het is een centrale repository ontworpen om je code te ontvangen en op te slaan.<\/p>\n<p>Om dit te doen, SSH je eerst naar je Kinsta server met het <strong>SSH terminal commando<\/strong> dat beschikbaar is in je MyKinsta dashboard:<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ssh-terminal-command.png\" alt=\"SSH terminal commando MyKinsta.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">SSH terminal commando MyKinsta.<\/figcaption><\/figure>\n<p>Navigeer vervolgens naar de private map op je server (of maak hem aan als hij nog niet bestaat):<\/p>\n<pre><code class=\"language-bash\">mkdir -p \/www\/your-site\/private\ncd \/www\/your-site\/private<\/code><\/pre>\n<p>Vervang hier <code>your-site<\/code> door de daadwerkelijke mapnaam voor je site, die je kunt vinden in het pad op je dashboard.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/live-path.png\" alt=\"Kinsta live site pad.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Kinsta live site pad.<\/figcaption><\/figure>\n<p>Maak tot slot de kale Git repository aan:<\/p>\n<pre><code class=\"language-bash\">git init --bare your-repo.git<\/code><\/pre>\n<p>Voor <code>your-repo<\/code> kun je de naam van je GitHub repository gebruiken voor consistentie, maar je kunt het elke willekeurige naam geven.<\/p>\n<p>Dit kale repository zal de code ontvangen die van GitHub gepushed wordt.<\/p>\n<h3>2. De post-receive hook instellen<\/h3>\n<p>Als je kale Git repository klaar is, is het instellen van een <code>post-receive<\/code> hook de volgende stap. Dit script zal automatisch de code naar je live site deployen zodra er nieuwe wijzigingen naar de <code>main<\/code> branch in GitHub worden gepushed.<\/p>\n<p>Om dit te doen, navigeer je naar de hooks map in je kale Git repository:<\/p>\n<pre><code class=\"language-bash\">cd \/www\/your-site\/private\/your-repo.git\/hooks<\/code><\/pre>\n<p>Maak en bewerk de <code>post-receive<\/code> hook:<\/p>\n<pre><code class=\"language-bash\">nano post-receive<\/code><\/pre>\n<p>Voeg vervolgens het volgende script toe aan het bestand <code>post-receive<\/code>. Dit script controleert de nieuwste code in de <code>public<\/code> directory van je live site:<\/p>\n<pre><code class=\"language-bash\">#!\/bin\/bash\nTARGET=\"\/www\/your-site\/public\"\nGIT_DIR=\"\/www\/your-site\/private\/your-repo.git\"\n\nwhile read oldrev newrev ref\ndo\n    BRANCH=$(git rev-parse --symbolic --abbrev-ref $ref)\n\n    if [[ $BRANCH == \"main\" ]];\n    then\n        echo \"Ref $ref received. Deploying ${BRANCH} branch to production...\"\n        git --work-tree=$TARGET --git-dir=$GIT_DIR checkout -f\n    else\n        echo \"Ref $ref received. Doing nothing: only the main branch may be deployed on this server.\"\n    fi\ndone<\/code><\/pre>\n<p>Het script hierboven zet code uit van alleen de <code>main<\/code> branch. De variabele <code>TARGET<\/code> wijst naar de map waar de bestanden van je live site staan (<code>\/www\/your-site\/public<\/code>). De variabele <code>GIT_DIR<\/code> wijst naar de kale Git repository.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Zorg ervoor dat je in de instructies en het script hierboven <code>your-site<\/code> vervangt door de werkelijke mapnaam voor je site, die je kunt vinden in het pad op je Kinsta dashboard. Vervang ook andere site-specifieke informatie, zoals <code>your-repo<\/code> door de juiste waarden.<\/p>\n<\/aside>\n\n<p>Sla het bestand op en sluit het af door op <strong>Ctrl + X<\/strong>, dan <strong>Y<\/strong> en <strong>Enter<\/strong> te drukken.<\/p>\n<p>Maak het script ten slotte uitvoerbaar zodat het na elke push automatisch kan worden uitgevoerd:<\/p>\n<pre><code class=\"language-bash\">chmod +x post-receive<\/code><\/pre>\n<p>Op dit punt is de <code>post-receive<\/code> hook klaar om automatisch code te deployen wanneer wijzigingen naar de <code>main<\/code> branch in je GitHub repository worden gepushed.<\/p>\n<h3>3. Een GitHub persoonlijk toegangstoken (PAT) genereren en toevoegen<\/h3>\n<p>Omdat GitHub <a href=\"https:\/\/dev.to\/shafia\/support-for-password-authentication-was-removed-please-use-a-personal-access-token-instead-4nbk\" target=\"_blank\" rel=\"noopener noreferrer\">niet langer wachtwoord-gebaseerde authenticatie ondersteunt<\/a>, moet je een <a href=\"https:\/\/docs.github.com\/en\/authentication\/keeping-your-account-and-data-secure\/managing-your-personal-access-tokens\" target=\"_blank\" rel=\"noopener noreferrer\">PAT<\/a> gebruiken om te authenticeren als je code naar GitHub pusht via SSH. Dit token zal GitHub in staat stellen je pushes veilig te accepteren.<\/p>\n<p>Om het token te genereren:<\/p>\n<ol start=\"1\">\n<li>Ga naar je GitHub account en klik op je profielfoto, kies dan <strong>Settings<\/strong>.<\/li>\n<li>Klik in de linker zijbalk op <strong>Developer settings<\/strong>.<\/li>\n<li>Klik op <strong>Personal access tokens <\/strong>&gt; <strong>Tokens (classic)<\/strong>.<\/li>\n<li>Klik op <strong>Generate new token <\/strong>en geef het een naam (bijv. &#8220;Kinsta Deployment Token&#8221;).<\/li>\n<li>Vink onder <strong>Select scopes<\/strong> <code>repo<\/code> aan (voor volledige controle over priv\u00e9 repositories).<\/li>\n<li>Klik op <strong>Generate token<\/strong> en kopieer het token. (Dit is de enige keer dat je hem kan zien)<\/li>\n<\/ol>\n<p>Voer vervolgens het volgende commando uit om je GitHub repository als remote toe te voegen, waarbij je de placeholders vervangt door je werkelijke gegevens:<\/p>\n<pre><code class=\"language-bash\">git remote add origin https:\/\/your-username:YOUR_PERSONAL_ACCESS_TOKEN@github.com\/your-username\/your-repo.git<\/code><\/pre>\n<p>Vervang<\/p>\n<ul>\n<li><code>your-username<\/code> met je GitHub gebruikersnaam.<\/li>\n<li><code>YOUR_PERSONAL_ACCESS_TOKEN<\/code> door het token dat je zojuist hebt gegenereerd.<\/li>\n<li><code>your-repo<\/code> door de naam van je GitHub repository.<\/li>\n<\/ul>\n<h2>De GitHub Actions workflow maken voor automatische deployment<\/h2>\n<p>Nu je WordPress site op je lokale machine staat, naar GitHub is gepushed en je de benodigde <a href=\"https:\/\/docs.github.com\/actions\/security-guides\/encrypted-secrets\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub Secrets<\/a> hebt ingesteld, is het tijd om een GitHub Actions workflow te maken. Deze workflow implementeert wijzigingen automatisch naar Kinsta wanneer je naar de <code>main<\/code> branch pusht.<\/p>\n<p>Om het deployen te automatiseren, zul je een <a href=\"https:\/\/yaml.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">YAML<\/a> bestand maken dat definieert hoe het deployen zal gebeuren. Dit is hoe je het instelt:<\/p>\n<ol start=\"1\">\n<li>Maak een nieuwe map genaamd <code>.github\/workflows<\/code> in je GitHub repository.<\/li>\n<li>Maak in deze map een nieuw bestand met de naam <code>deploy.yml<\/code>.<\/li>\n<li>Voeg de volgende inhoud toe aan het <code>deploy.yml<\/code> bestand:<\/li>\n<\/ol>\n<pre><code class=\"language-yaml\">name: Deploy to Kinsta\n\non:\n  push:\n    branches:\n      - main\n\njobs:\n  deploy:\n    runs-on: ubuntu-latest\n\n    steps:\n      - name: Checkout code\n        uses: actions\/checkout@v2\n\n      - name: Deploy to Kinsta via SSH\n        uses: appleboy\/ssh-action@v0.1.3\n        with:\n          host: ${{ secrets.KINSTA_SERVER_IP }}\n          username: ${{ secrets.KINSTA_USERNAME }}\n          password: ${{ secrets.PASSWORD }}\n          port: ${{ secrets.PORT }}\n          script: |\n            cd \/www\/your-site\/private\/your-repo.git  # Navigate to the bare Git repository on Kinsta\n            git --work-tree=\/www\/your-site\/public --git-dir=\/www\/your-site\/private\/your-repo.git fetch origin main  # Fetch the latest changes from GitHub\n            git --work-tree=\/www\/your-site\/public --git-dir=\/www\/your-site\/private\/your-repo.git reset --hard origin\/main  # Deploy changes to the live site<\/code><\/pre>\n<h3>Deze workflow nader bekeken<\/h3>\n<p>Hier is een uitsplitsing van de workflow:<\/p>\n<ul>\n<li><strong>Trigger<\/strong>: De workflow wordt getriggerd elke keer als code wordt gepushed naar de <code>main<\/code> branch van je GitHub repository.<\/li>\n<li><strong>Jobs<\/strong>: De workflow bevat \u00e9\u00e9n <code>job<\/code> genaamd <code>deploy<\/code>, die draait op een Ubuntu virtuele machine (<code>ubuntu-latest<\/code>).<\/li>\n<li><strong>Checkout code<\/strong>: Deze stap gebruikt de <code>actions\/checkout@v2<\/code> actie om de nieuwste code van je GitHub repository te halen.<\/li>\n<li><strong>Deployen via SSH<\/strong>: De <code>appleboy\/ssh-action<\/code> wordt gebruikt om een veilige verbinding te maken met je Kinsta server via SSH met de secrets die je hebt geconfigureerd (server IP, gebruikersnaam, wachtwoord en poort). Het script in deze stap voert de volgende commando&#8217;s uit:\n<ul>\n<li><code>cd \/www\/your-site\/private\/your-repo.git<\/code>: Navigeert naar de kale Git repository op je Kinsta server.<\/li>\n<li><code>git fetch origin main<\/code>: Haalt de laatste wijzigingen op van de <code>main<\/code> branch in je GitHub repository.<\/li>\n<li><code>git reset --hard origin\/main<\/code>: Past die wijzigingen toe door de live site in de <code>public<\/code> directory waar WordPress wordt gehost bij te werken.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>We gebruiken twee flags in de scripts. De <code>--work-tree<\/code> optie specificeert de locatie van de bestanden van je live site (de <code>public<\/code> directory), waar WordPress is ge\u00efnstalleerd en waar de daadwerkelijke deployment plaatsvindt. De <code>--git-dir<\/code> optie wijst naar de kale Git repository (in de <code>private<\/code> map) die de Git geschiedenis opslaat.<\/p>\n<p>Dit zorgt ervoor dat de code van de Git repository op de juiste locatie op je server wordt ge\u00efnstalleerd, terwijl de Git gegevens gescheiden blijven van de bestanden van de live site.<\/p>\n<p>Vergeet niet om <code>your-site<\/code> en <code>your-repo<\/code> te vervangen door de daadwerkelijke map- en repositorynamen die specifiek zijn voor jouw opstelling, die je kunt vinden in het Kinsta dashboard.<\/p>\n<\/aside>\n\n<h3>De workflow testen<\/h3>\n<p>Als je de workflow eenmaal hebt ingesteld, kun je hem testen door een kleine verandering naar je GitHub repository&#8217;s <code>main<\/code> branch te pushen. Elke keer dat je een wijziging pusht, activeert GitHub Actions automatisch de deployment, waarbij de laatste versie van je code wordt opgehaald en uitgerold naar je live site op Kinsta.<\/p>\n<p>Je kunt de status van je deployment in de gaten houden door naar het tabblad <strong>Actions<\/strong>\u00a0in je GitHub repository te gaan. Als de workflow fouten tegenkomt, zie je gedetailleerde logs om je te helpen bij het oplossen van problemen.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Door continuous deployment in te stellen voor je WordPress site met GitHub Actions, automatiseer je je ontwikkelworkflow en zorg je ervoor dat elke wijziging die naar GitHub wordt gepushed automatisch wordt uitgerold naar je live site op Kinsta.<\/p>\n<p>Het stelt je ook in staat om extra workflows in de pijplijn te integreren, zoals testen en opmaken met behulp van het <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">@wordpress\/scripts<\/a> pakket.<\/p>\n<p><em>Wat vinden jullie van dit proces? Is er nog iets dat je graag uitgelegd wilt hebben, of heb je fouten ondervonden bij het volgen van deze handleiding? Deel je vragen of feedback in de comments hieronder!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuous deployment is een essentieel onderdeel van moderne webontwikkeling. Het stelt ontwikkelaars in staat om automatisch wijzigingen de deployen vanuit een versiebeheersysteem naar een live omgeving. &#8230;<\/p>\n","protected":false},"author":287,"featured_media":60651,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[834,912],"class_list":["post-60650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-devkinsta","topic-git"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen<\/title>\n<meta name=\"description\" content=\"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-23T13:59:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-25T13:48:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen\",\"datePublished\":\"2024-09-23T13:59:26+00:00\",\"dateModified\":\"2024-09-25T13:48:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\"},\"wordCount\":1744,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\",\"name\":\"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"datePublished\":\"2024-09-23T13:59:26+00:00\",\"dateModified\":\"2024-09-25T13:48:26+00:00\",\"description\":\"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Git\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/git\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen","description":"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen","og_description":"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.","og_url":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-09-23T13:59:26+00:00","article_modified_time":"2024-09-25T13:48:26+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"10 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen","datePublished":"2024-09-23T13:59:26+00:00","dateModified":"2024-09-25T13:48:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/"},"wordCount":1744,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/","url":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/","name":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","datePublished":"2024-09-23T13:59:26+00:00","dateModified":"2024-09-25T13:48:26+00:00","description":"Leer hoe je WordPress deployments naar Kinsta kunt automatiseren door GitHub Actions te gebruiken voor effici\u00ebnte updates bij elke push naar je GitHub repository.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/continuous-deployment-wordpress-github-actions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Git","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/git\/"},{"@type":"ListItem","position":3,"name":"Zo gebruik je GitHub Actions om met je WordPress site aan continuous deployment te doen"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=60650"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60650\/revisions"}],"predecessor-version":[{"id":60669,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60650\/revisions\/60669"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60650\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/60651"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=60650"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=60650"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=60650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}