Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Opprette blokkeringsplugins for WordPress med Node.js


Opprette blokkeringsplugins for WordPress med Node.js


For å lage blokkeringsplugins for WordPress ved å bruke Node.js, følg disse trinnene:

1. Installer Node.js og npm:
- Sørg for at du har Node.js installert på maskinen din. Hvis ikke, last ned og installer det fra den offisielle Node.js-nettsiden[1][2].

2. Konfigurer en startblokk-plugin:
- Naviger til `wp-content/plugins`-katalogen for din lokale utviklingsinstallasjon. Kjør deretter kommandoen `npx @wordpress/create-block` for å stillas et blokkerings-plugin. Denne kommandoen genererer all nødvendig kode for å starte et prosjekt og integrerer et moderne JavaScript-oppsett uten konfigurasjon nødvendig[3][4].

3. Konfigurer Block Plugin:
- Kommandoen `skap blokk` ber deg om inndata trinn for trinn. Du kan også bruke hurtigstartmodus for å sende spesifikke alternativer direkte på kommandolinjen, noe som eliminerer behovet for interaktive meldinger[4].

4. Bygg og kjør Block Plugin:
- Kjør `npm start` for å starte en utviklingsserver og gjenoppbygg blokken automatisk når en kodeendring oppdages. Når du er klar til å distribuere blokken din, bruk `npm run build` for å optimalisere koden og gjøre den produksjonsklar[4].

5. Integrer med WordPress:
- Aktiver den genererte plugin-modulen i WordPress. Dette vil gjøre blokken tilgjengelig i redigeringsprogrammet[4].

6. Tilpass og utvide blokken:
- Endre boilerplate-koden for å tilpasse og utvide blokken etter behov. Dette innebærer bruk av moderne JavaScript (ESNext og JSX) og utnyttelse av `wp-scripts`-pakken for bygge- og lintingoppgaver[4].

Ved å følge disse trinnene kan du opprette og administrere tilpassede blokkeringsplugins for WordPress ved å bruke Node.js og `@wordpress/create-block`-pakken.

Sitater:
[1] https://wpdevelopment.courses/articles/wordpress-create-block/
[2] https://kinsta.com/courses/gutenberg-block-development/setting-up-a-block-plugin/
[3] https://www.npmjs.com/package/%40wordpress/create-block
[4] https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-create-block/
[5] https://www.youtube.com/watch?v=-aa4F4Dn9GY