Blokplug-ins maken voor WordPress met Node.js

1. Node.js en npm installeren:
- Zorg ervoor dat Node.js op uw computer is geïnstalleerd. Als dit niet het geval is, download en installeer het dan vanaf de officiële Node.js-website[1][2].

2. Een starterblokplug-in instellen:
- Navigeer naar de map `wp-content/plugins` van uw lokale ontwikkelingsinstallatie. Voer vervolgens de opdracht `npx @wordpress/create-block` uit om een ​​blokplug-in te bouwen. Deze opdracht genereert alle benodigde code om een ​​project te starten en integreert een moderne JavaScript-buildconfiguratie zonder dat er configuratie vereist is[3][4].

3. Configureer de blokplug-in:
- Het commando `create-block` vraagt ​​u stap voor stap om invoer. U kunt ook de snelstartmodus gebruiken om specifieke opties rechtstreeks op de opdrachtregel door te geven, waardoor interactieve aanwijzingen overbodig worden[4].

4. Bouw de blokplug-in en voer deze uit:
- Voer `npm start` uit om een ​​ontwikkelingsserver te starten en het blok automatisch opnieuw op te bouwen wanneer er een codewijziging wordt gedetecteerd. Wanneer u klaar bent om uw blok te implementeren, gebruikt u `npm run build` om uw code te optimaliseren en gereed te maken voor productie[4].

5. Integreren met WordPress:
- Activeer de gegenereerde plug-in in WordPress. Hierdoor wordt het blok beschikbaar in de Editor[4].

6. Het blok aanpassen en uitbreiden:
- Wijzig de standaardcode om het blok indien nodig aan te passen en uit te breiden. Dit omvat het gebruik van modern JavaScript (ESNext en JSX) en het gebruik van het `wp-scripts`-pakket voor build- en linting-taken[4].

Door deze stappen te volgen, kunt u aangepaste blokplug-ins voor WordPress maken en beheren met behulp van Node.js en het pakket `@wordpress/create-block`.