Blockstudio พลิกโฉมจากปลั๊กอินเสียเงิน สู่ Open Source

ถ้าคุณเป็น Developer ที่ทำงานกับ WordPress และเคยได้ยินชื่อ Blockstudio มาบ้าง เตรียมตัวดีใจได้เลย เพราะข่าวที่เพิ่งหลุดออกมา Blockstudio 7 เปิดตัวแล้ว และเปลี่ยนจากปลั๊กอินแบบเสียเงิน เป็น Open Source ฟรี 100%!!

เพื่อน ๆ สาย WordPress Developer ที่ชอบความคลีน เกลียดความรกรุงรังของ Page Builder แบบลากวาง แต่อยากได้ความยืดหยุ่นในการทำ Custom Block แบบเขียนโค้ดเอง (PHP/HTML/CSS) น่าจะเคยได้ยินชื่อ Blockstudio ผ่านหูผ่านตามาบ้าง ล่าสุดผู้ใช้ที่จ่ายเงินซื้อ License ต้องสะดุ้งเมื่อทีมพัฒนาแจ้งว่า “Blockstudio is dead as a commercial plugin” เพราะ Blockstudio 7 ที่เพิ่งออกจะแจกฟรีแบบ Open Source 100% ครับ

เป้าหมายคืออยากให้คนใช้มันให้มากที่สุด ดังนั้น Blockstudio 7 จึงเปลี่ยนทุกอย่าง เป็นฟรี, Open source, ไม่มี License key, ไม่มี paywall, ไม่มี feature ที่ถูกล็อก โค้ดทั้งหมดอยู่บน GitHub รวมถึง docs ด้วย

Blockstudio คืออะไร?

Blockstudio คือ framework สำหรับ WordPress developer ที่ต้องการสร้าง custom Gutenberg block โดยใช้แค่ PHP เป็นหลัก ไม่ต้องยุ่งกับ JavaScript หรือ React มากนัก ตามปกติ การสร้าง custom block ใน WordPress ต้องเขียน JavaScript/React, จัดการ build tools อย่าง Webpack หรือ @wordpress/scripts และดูแล asset enqueuing เองทั้งหมด ซึ่งยุ่งยากมากสำหรับ PHP developer

Blockstudio ตัดขั้นตอนเหล่านี้ออก โดยใช้ระบบ file-based คือแค่สร้างโฟลเดอร์ที่มีไฟล์ `block.json` ไว้ใน directory ที่กำหนด Blockstudio จะ register block ให้อัตโนมัติเลย

ทำอะไรได้บ้าง?

• Custom fields 25 ประเภท ครอบคลุมตั้งแต่ Text, Image, Color, Repeater ไปจนถึง WYSIWYG และ Code editor
• ใช้ InnerBlocks และ RichText ได้โดยไม่ต้องเขียน JavaScript เขียนแค่ HTML tag ใน PHP template
• Admin code editor มี code editor แบบ VS Code (Monaco) อยู่ใน WordPress admin เลย สร้างและแก้ block ได้โดยไม่ต้องออกจาก admin
• Auto-enqueue assets ถ้ามีไฟล์ `style.css` หรือ `script.js` อยู่ในโฟลเดอร์เดียวกับ block มันจะ enqueue ให้อัตโนมัติ
• รองรับ Twig, SCSS, Tailwind CSS และ Composer
• Extend core blocks เพิ่ม custom field ให้กับ block มาตรฐานของ WordPress หรือ ปลั๊กอินอื่นได้ด้วย

ทำไมถึงแจกฟรี?

Dennis ผู้พัฒนา Blockstudio เล่าไว้ในบล็อกทางการว่า เขาเริ่มสร้างโปรเจกต์นี้ตั้งแต่ปี 2020 ลงแรงไปหลายพันชั่วโมง ผู้ใช้ก็ตอบรับดี แต่ยิ่งทำยิ่งรู้สึกว่า “โมเดลขาย License” ไม่ตอบโจทย์เป้าหมายจริงๆ ของเขา “สิ่งที่ผมอยากได้จริงๆ คือการทำให้ Developer ใช้ Blockstudio ให้เยอะที่สุด”

และเมื่อยุคของ AI Coding Agents เช่น Claude Code, Codex มาถึง เขาพบว่า LLMs เก่งมากเรื่องเขียน Tailwind และจัดการไฟล์โครงสร้าง แต่จะทำงานได้ดีที่สุดเมื่อโค้ดเบส “สะอาด เป็นระเบียบ และไม่ต้องพึ่ง Build Step” ซึ่ง Blockstudio v7 ตอบโจทย์นี้แบบเป๊ะๆ

ดังนั้น การถอด Paywall ออก จึงไม่ใช่แค่ใจดี แต่เป็นกลยุทธ์ระยะยาวเพื่อให้คนทดลองใช้ได้ง่ายขึ้น Adoption เพิ่มขึ้น และชุมชนช่วยกันขับเคลื่อนต่อ

สิ่งที่น่าสนใจใน v7

File-based Pages

ฟีเจอร์ที่ผู้พัฒนาบอกว่าตัวเองตื่นเต้นที่สุด คุณสามารถเขียนหน้าเว็บทั้งหน้าเป็นไฟล์ในธีม แล้ว Blockstudio จะ sync มันเข้า block editor ในรูปแบบ native block content ได้เลย หมายความว่าโครงสร้างหน้าเว็บอยู่ใน Git ทั้งหมด แต่ลูกค้ายังแก้ไขได้ในส่วนที่คุณอนุญาตผ่าน block editor ตามปกติ นี่คือสิ่งที่ developer หลายคนฝันถึงมานาน

Tailwind CSS v4 แบบไม่ต้อง Node.js

ผู้พัฒนาได้สร้าง TailwindPHP ขึ้นมา ซึ่งเป็นการ port TailwindCSS ทั้งหมดมาเป็น PHP compile server-side ทั้งหมด ไม่ต้อง build step, ไม่ต้องตั้ง dev environment ให้ยุ่งยาก แค่เขียน class แล้วก็ใช้งานได้เลย

AI-First Workflow

นี่คือจุดที่น่าสนใจมากในยุคนี้ เพราะ LLM อย่าง Claude หรือ GPT นั้น เก่ง Tailwind อยู่แล้วตามธรรมชาติ เมื่อรวมกับ architecture แบบ file-based ที่ไม่มี build step เลย coding agent อย่าง Claude Code หรือ Codex สามารถสร้างเว็บที่มี custom block และหลายหน้าได้จาก prompt เดียว

อื่นๆ ที่อัปเกรด

• File-based patterns สำหรับ block patterns
• HTML-to-block parser ใหม่ทั้งหมด
• Field storage ใน post meta หรือ options
• Reusable custom fields ข้ามหลาย block
• รองรับ WordPress Interactivity API
• SEO content analysis อัตโนมัติสำหรับ dynamic field
• Repeater default rows และ quality-of-life fixes

แล้ว Blockstudio Plus คืออะไร?

แม้ตัวปลั๊กอินหลักจะฟรีตลอดกาล แต่ผู้พัฒนาเปิดตัว Blockstudio Plus ควบคู่ไปด้วย ซึ่งเป็น resource library แบบเสริม ไม่ใช่ core feature สิ่งที่ได้จาก Plus คือ..

• Template สำเร็จรูปมากกว่า 300 แบบ
• Block system กว่า 1,000 รายการ
• AI system instructions สำหรับใช้กับ coding agent
• Private Discord community
• อัปเดตตลอดชีพ (Lifetime) โดยราคาช่วงเปิดตัว $249 (ประมาณ 7,800 บาท) ลดจากราคา $349 (ประมาณ 10,900 บาท)

ถ้าคุณอยากเริ่มจาก blank canvas ด้วยตัวเอง ไม่ต้องซื้อ Plus เลยก็ได้ครับ แต่ถ้าอยากข้ามขั้นตอนและมี Starter resource พร้อมใช้ Plus ก็ตอบโจทย์ สำหรับลูกค้าเดิมที่เคยซื้อ Blockstudio มีสิทธิ์รับส่วนลดบน Plus โดยใช้ blockstudio{licenseKey} เป็นโค้ดส่วนลด เพื่อหักจากจำนวนเงินที่เคยจ่ายไปได้เลยครับ

สรุป

การตัดสินใจของ Blockstudio ครั้งนี้สะท้อนให้เห็นว่า โลกของการพัฒนาเว็บไซต์กำลังเปลี่ยนไป เรากำลังเข้าสู่ยุคที่เครื่องมือต้อง “Open” และ “AI-Friendly” มากขึ้น สำหรับเหล่านักพัฒนา WordPress ข่าวนี้คือโอกาสทองครับ เพราะเราได้เครื่องมือระดับ Premium มาใช้ฟรีๆ โดยไม่มีข้อผูกมัด ใครที่เบื่อความหนักของ Elementor หรือความยุ่งยากของ ACF ในบางแง่มุม ลองโหลด Blockstudio 7 มาเล่นดู แล้วคุณจะรู้ว่าการเขียนโค้ดให้กลายเป็น “Block” มันสนุกและลื่นไหลได้ขนาดไหน

รายละเอียดเพิ่มเติม