เริ่มต้นสร้าง Gutenberg Block แบบจับมือเขียนโค้ด (Workshop)

Presented by Karun Jaraslertsuwan (@oxygenyoyo2), Sittitsak Jiampotjaman (@notjiam) (Thai Session)

Session นี้จะกล่าวถึง ภาพรวม และสิ่งที่นักพัฒนา WordPress ทุกคนควรจะต้องเรียนรู้ เพื่อตอบรับกับการเปลี่ยนแปลงครั้งยิ่งใหญ่ของ WordPress ในรุ่น 5.0 นั่นก็คือ Gutenberg – Editor ตัวใหม่ที่มาพร้อมกับ WordPress รุ่นล่าสุด โดยเครื่องมือภายใน Gutenberg จะเรียกกันว่า Block (บล็อก) ซึ่งมีแนวทางในการพัฒนาที่แตกต่างไปจากสร้าง Theme และ Plugin ของ WordPress ปัจจุบัน

นอกจากที่คุณจะได้ทำความรู้จักกับ Gutenberg และ Block แล้ว เราจะให้คุณได้มาลองสร้าง Gutenberg Block ไปพร้อมกับเรา แบบระดับจับมือเขียนโค้ด ทำให้คุณไม่ต้องกลัวว่าจะทำผิด หรือเจอ Bug พักผ่อนกันให้เต็มที่ แล้วมาพบกันที่ Session นี้ 🙂

ความรู้พื้นฐานที่ควรมี

• PHP
• JavaScript
• หากเคยพัฒนา Theme, Plugin ของ WordPress มาก่อนจะดีมาก
• React , NPM (Bonus point!)

เตรียมตัวก่อนมา Workshop

• คอมพิวเตอร์พกพา พร้อมสายชาร์จ
• ติดตั้งโปรแกรม XAMPP/WAMP/MAMP หรืออื่น ๆ ที่สามารถจำลอง Server เพื่อรัน WordPress ในเครื่องได้
  • สำหรับ XAMPP – https://make.wordpress.org/core/handbook/tutorials/installing-a-local-server/xampp/
  • สำหรับ MAMP – https://wpth.org/how-to-install-wordpress-on-mac-with-mamp/
• ติดตั้ง WordPress รุ่น 5.0 ขึ้นไป https://wordpress.org/download/

แหล่งคู่มืออ้างอิง

https://wordpress.org/gutenberg
https://wordpress.org/gutenberg/handbook/
https://github.com/ahmadawais/create-guten-block
https://github.com/WordPress/gutenberg-examples
https://css-tricks.com/learning-gutenberg-1-series-intro/