Lohkolaajennusten luominen WordPressille Node.js:n avulla

1. Asenna Node.js ja npm:
- Varmista, että koneellesi on asennettu Node.js. Jos ei, lataa ja asenna se viralliselta Node.js-sivustolta[1][2].

2. Määritä Starter Block Plugin:
- Siirry paikallisen kehitysasennuksesi wp-content/plugins-hakemistoon. Suorita sitten `npx @wordpress/create-block` -komento lohkolaajennuksen rakentamiseksi. Tämä komento luo kaiken tarvittavan koodin projektin käynnistämiseen ja integroi nykyaikaisen JavaScript-koontiasennuksen ilman konfigurointia[3][4].

3. Määritä Block Plugin:
- Komento "create-block" pyytää syötteitä vaihe vaiheelta. Voit myös käyttää pikakäynnistystilaa tiettyjen valintojen välittämiseen suoraan komentorivillä, jolloin interaktiivisia kehotteita ei tarvita[4].

4. Luo ja suorita Block Plugin:
- Suorita `npm start' käynnistääksesi kehityspalvelimen ja rakentaaksesi lohkon automaattisesti uudelleen aina, kun koodimuutoksia havaitaan. Kun olet valmis ottamaan lohkon käyttöön, käytä npm run build -toimintoa optimoidaksesi koodisi ja tehdäksesi siitä tuotantovalmis[4].

5. Integroi WordPressiin:
- Aktivoi luotu laajennus WordPressissä. Tämä asettaa lohkon saataville editorissa[4].

6. Muokkaa ja laajenna lohkoa:
- Muokkaa laajennuskoodia mukauttaaksesi ja laajentaaksesi lohkoa tarpeen mukaan. Tämä edellyttää nykyaikaisen JavaScriptin (ESNext ja JSX) käyttöä ja wp-scripts-paketin hyödyntämistä rakennus- ja lintointitehtävissä[4].

Seuraamalla näitä ohjeita voit luoda ja hallita mukautettuja WordPress-lohkolaajennuksia Node.js:n ja `@wordpress/create-block`-paketin avulla.