Block Themes (ธีมบล็อก) คืออะไร

Block Themes (ธีมบล็อก) คือธีม WordPress ยุคใหม่ที่ออกแบบมาเพื่อการแก้ไขเว็บไซต์แบบเต็มรูปแบบ (Full Site Editing - FSE) โดยใช้บล็อก (Blocks) จัดการทุกส่วนของเว็บไซต์ ตั้งแต่ส่วนหัว (Header), เนื้อหา, ไปจนถึงส่วนท้าย (Footer) ทำให้สามารถปรับแต่งหน้าตาเว็บไซต์ได้ตามใจชอบผ่าน Editor โดยไม่ต้องเขียนโค้ด 

 

จุดเด่นและคุณลักษณะสำคัญของ Block Themes:

  • แก้ไขได้ทุกส่วน (FSE): ใช้ WordPress Site Editor ปรับแต่ง Header, Footer, หน้าบทความ, หรือหน้า 404 ได้โดยตรง
  • ใช้ Blocks ทั้งหมด: ทุกองค์ประกอบบนหน้าเว็บคือบล็อก ไม่ว่าจะเป็นโลโก้, เมนูนำทาง, หรือโพสต์
  • ไม่ต้องรู้โค้ด: ออกแบบเว็บไซต์ผ่านภาพ (Visual Editing) ได้โดยตรง ไม่ต้องเขียน PHP
  • ใช้ไฟล์ theme.json: จัดการสไตล์ (สี, ฟอนต์, ระยะห่าง) ของทั้งเว็บไซต์ได้ในไฟล์เดียว ทำให้ปรับแต่งได้ง่ายและสม่ำเสมอ
  • ประสิทธิภาพสูง: มักมีประสิทธิภาพดีกว่าและโหลดหน้าเว็บได้เร็วกว่าเนื่องจากไม่มีการใช้โค้ดที่ไม่จำเป็น 

     

ความแตกต่างระหว่าง Block Themes และ Classic Themes:

  • Block Themes: ใช้เทมเพลต HTML + Blocks, ใช้ Site Editor, ปรับแต่งผ่าน Site Editor
  • Classic Themes: ใช้เทมเพลต PHP, ใช้ Customizer (ในหน้า Apperance) 

     

Block Themes ถือเป็นมาตรฐานใหม่และอนาคตของ WordPress ที่เน้นความง่ายในการจัดการหน้าตาเว็บไซต์สำหรับผู้ใช้ทุกคน

 

คุณสมบัติเด่นของ Block Themes

  • Full Site Editing (FSE): ช่วยให้คุณแก้ไขได้ทุกส่วนของเว็บ ตั้งแต่ Header, Footer ไปจนถึง Template หน้าต่างๆ ผ่านหน้าแก้ไขเดียว
  • ใช้ Blocks เป็นพื้นฐาน: ทุกองค์ประกอบของหน้าเว็บคือ Block (เช่น ข้อความ, รูปภาพ, เมนู) ทำให้การจัดวาง Layout ทำได้อิสระเหมือนการต่อเลโก้
  • ปรับแต่งสไตล์ได้ทั่วโลก (Global Styles): สามารถเปลี่ยนโทนสี แบบอักษร หรือสไตล์ของ Block ทั้งเว็บไซต์ได้ในที่เดียวผ่าน theme.json
  • ประสิทธิภาพสูง: มักจะโหลดเร็วกว่าธีมแบบเก่าเพราะเรียกใช้เฉพาะโค้ดที่จำเป็นสำหรับ Block นั้นๆ และลดการพึ่งพาปลั๊กอิน Page Builder ภายนอก 

     

ข้อแตกต่างระหว่าง Block Themes และ Classic Themes

คุณสมบัติ  Block Themes (ใหม่) Classic Themes (เก่า)
การแก้ไข แก้ไขผ่าน Site Editor (FSE) แก้ไขผ่าน Customizer และ Widgets
โครงสร้างไฟล์ ใช้ไฟล์ HTML และ JSON เป็นหลัก ใช้ไฟล์ PHP เป็นหลัก
การสร้าง Layout ใช้ Block Patterns และ Templates ใช้ Page Builder หรือเขียนโค้ด PHP

 

ตัวอย่างธีมประเภทนี้ที่คุ้นเคยกันดีคือธีมเริ่มต้นของ WordPress อย่าง Twenty Twenty-Four หรือธีมจากนักพัฒนาไทยอย่าง Seed4