Lai izveidotu WordPress bloku spraudņus, izmantojot Node.js, veiciet šīs darbības:
1. Instalējiet Node.js un npm:
- Pārliecinieties, vai jūsu datorā ir instalēts Node.js. Ja nē, lejupielādējiet un instalējiet to no oficiālās vietnes Node.js[1][2].
2. Iestatiet sākuma bloka spraudni:
- Pārejiet uz savas vietējās izstrādes instalācijas direktoriju "wp-content/plugins". Pēc tam palaidiet komandu `npx @wordpress/create-block', lai izveidotu bloka spraudni. Šī komanda ģenerē visu nepieciešamo kodu, lai sāktu projektu, un integrē modernu JavaScript veidojuma iestatījumu bez konfigurācijas[3][4].
3. Konfigurējiet bloķēšanas spraudni:
- Komanda “create-block” soli pa solim aicina ievadīt ievadi. Varat arī izmantot ātrās palaišanas režīmu, lai nodotu konkrētas opcijas tieši komandrindā, novēršot nepieciešamību pēc interaktīvām uzvednēm[4].
4. Izveidojiet un palaidiet bloķēšanas spraudni:
- Palaidiet `npm start', lai palaistu izstrādes serveri un automātiski atjaunotu bloku ikreiz, kad tiek konstatētas koda izmaiņas. Kad esat gatavs izvietot savu bloku, izmantojiet “npm run build”, lai optimizētu kodu un padarītu to gatavu ražošanai[4].
5. Integrējiet ar WordPress:
- Aktivizējiet ģenerēto spraudni pakalpojumā WordPress. Tādējādi bloks būs pieejams redaktorā[4].
6. Pielāgojiet un paplašiniet bloku:
- Modificējiet pamatplates kodu, lai pēc vajadzības pielāgotu un paplašinātu bloku. Tas ietver moderna JavaScript (ESNext un JSX) izmantošanu un `wp-scripts' pakotnes izmantošanu veidošanas un izvilkšanas uzdevumiem[4].
Veicot šīs darbības, varat izveidot un pārvaldīt pielāgotus bloku spraudņus pakalpojumam WordPress, izmantojot Node.js un pakotni @wordpress/create-block.
Citāts:[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