หากต้องการสร้างปลั๊กอินบล็อกสำหรับ WordPress โดยใช้ Node.js ให้ทำตามขั้นตอนเหล่านี้:
1. ติดตั้ง Node.js และ npm:
- ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Node.js บนเครื่องของคุณแล้ว หากไม่เป็นเช่นนั้น ให้ดาวน์โหลดและติดตั้งจากเว็บไซต์อย่างเป็นทางการของ Node.js[1][2]
2. ตั้งค่าปลั๊กอินบล็อกเริ่มต้น:
- ไปที่ไดเร็กทอรี `wp-content/plugins` ของการติดตั้งการพัฒนาในเครื่องของคุณ จากนั้น เรียกใช้คำสั่ง `npx @wordpress/create-block` เพื่อสร้างปลั๊กอินบล็อก คำสั่งนี้สร้างโค้ดที่จำเป็นทั้งหมดเพื่อเริ่มโปรเจ็กต์และรวมการตั้งค่าบิวด์ JavaScript สมัยใหม่โดยไม่จำเป็นต้องกำหนดค่า[3][4]
3. กำหนดค่าปลั๊กอินบล็อก:
- คำสั่ง `create-block` จะแจ้งให้คุณป้อนข้อมูลทีละขั้นตอน คุณยังสามารถใช้โหมดเริ่มต้นอย่างรวดเร็วเพื่อส่งตัวเลือกเฉพาะโดยตรงในบรรทัดคำสั่ง ซึ่งช่วยลดความจำเป็นในการโต้ตอบพร้อมท์[4]
4. สร้างและเรียกใช้ปลั๊กอินบล็อก:
- เรียกใช้ `npm start` เพื่อเริ่มเซิร์ฟเวอร์การพัฒนาและสร้างบล็อกใหม่โดยอัตโนมัติทุกครั้งที่ตรวจพบการเปลี่ยนแปลงโค้ด เมื่อคุณพร้อมที่จะปรับใช้บล็อกของคุณ ให้ใช้ `npm run build` เพื่อเพิ่มประสิทธิภาพโค้ดของคุณและทำให้พร้อมสำหรับการผลิต[4]
5. บูรณาการกับ WordPress:
- เปิดใช้งานปลั๊กอินที่สร้างขึ้นใน WordPress สิ่งนี้จะทำให้บล็อกพร้อมใช้งานในตัวแก้ไข[4]
6. ปรับแต่งและขยายบล็อก:
- แก้ไขโค้ดสำเร็จรูปเพื่อปรับแต่งและขยายบล็อกตามต้องการ สิ่งนี้เกี่ยวข้องกับการใช้ JavaScript สมัยใหม่ (ESNext และ JSX) และใช้ประโยชน์จากแพ็คเกจ `wp-scripts` สำหรับงานสร้างและ Linting[4]
เมื่อทำตามขั้นตอนเหล่านี้ คุณจะสามารถสร้างและจัดการปลั๊กอินบล็อกแบบกำหนดเองสำหรับ WordPress โดยใช้ Node.js และแพ็คเกจ `@wordpress/create-block`
การอ้างอิง:[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
-