บรรณาธิการบล็อกของ WordPress คืออะไร?
บรรณาธิการบล็อกของ WordPress ซึ่งมักเรียกว่า Gutenberg เป็นบรรณาธิการเนื้อหาที่ใช้เป็นค่าเริ่มต้นใน WordPress เปิดตัวใน WordPress 5.0 มันได้แทนที่ Classic Editor ด้วยระบบโมดูลาร์ที่ใช้บล็อก ซึ่งทุกชิ้นส่วนของเนื้อหา — ย่อหน้า, รูปภาพ, หัวข้อ หรือการฝัง — เป็นบล็อกที่แยกจากกันที่คุณสามารถจัดเรียง ปรับแต่ง และจัดเรียงใหม่ได้อย่างอิสระ
ภายในปี 2026 Gutenberg ได้พัฒนาขึ้นไปไกลกว่าบรรณาธิการเนื้อหาง่ายๆ ด้วย Full Site Editing (FSE) ตอนนี้มันควบคุมเลย์เอาต์ของทั้งเว็บไซต์รวมถึงส่วนหัว ส่วนท้าย เทมเพลต และส่วนของเทมเพลต คู่มือนี้จะพาคุณไปผ่านทุกสิ่งที่คุณต้องรู้ ตั้งแต่การแก้ไขบล็อกพื้นฐานไปจนถึงเทคนิคการสร้างเว็บไซต์ขั้นสูง
ภาพรวมของบล็อกหลัก
WordPress มาพร้อมกับบล็อกหลักมากกว่า 90 บล็อกที่จัดระเบียบเป็นหมวดหมู่ นี่คือบล็อกที่คุณจะใช้บ่อยที่สุด:
| หมวดหมู่ | บล็อกหลัก | กรณีการใช้งาน |
|---|---|---|
| ข้อความ | ย่อหน้า, หัวข้อ, รายการ, คำพูด, รายละเอียด | การสร้างเนื้อหามาตรฐาน |
| สื่อ | รูปภาพ, แกลเลอรี, วิดีโอ, เสียง, ปก | เนื้อหาทางสายตาและมัลติมีเดีย |
| การออกแบบ | คอลัมน์, กลุ่ม, แถว, สแต็ค, ช่องว่าง | เลย์เอาต์และโครงสร้างหน้า |
| วิดเจ็ต | ค้นหา, การนำทาง, ไอคอนโซเชียล, แท็กคลาวด์ | องค์ประกอบที่โต้ตอบและมีพลศาสตร์ |
| ธีม | ชื่อเว็บไซต์, โลโก้, การนำทาง, คิวรีลูป | ส่วนประกอบการแก้ไขเว็บไซต์ทั้งหมด |
| การฝัง | YouTube, Twitter, Spotify, Vimeo | การฝังเนื้อหาจากบุคคลที่สาม |
การสร้างเนื้อหาด้วยบล็อก
การเพิ่มบล็อก
มีหลายวิธีในการเพิ่มบล็อกลงในเนื้อหาของคุณ:
- ปุ่มบวก (+): คลิกที่ไอคอนบวกในแถบเครื่องมือหรือระหว่างบล็อกเพื่อเปิดตัวเพิ่มบล็อก
- คำสั่ง Slash: พิมพ์
/ตามด้วยชื่อบล็อก (เช่น/image,/heading) เพื่อการแทรกอย่างรวดเร็ว - พาเลทคำสั่ง: กด
Ctrl+K(Windows) หรือCmd+K(Mac) เพื่อค้นหาบล็อกหรือการกระทำใดๆ - ลากและวาง: ลากบล็อกจากแผงเพิ่มบล็กไปยังผืนผ้าใบโดยตรง
การกำหนดค่าบล็อก
ทุกบล็อกมีพื้นที่การกำหนดค่าสองพื้นที่:
- แถบเครื่องมือ: ปรากฏอยู่เหนือบล็อกที่เลือกพร้อมกับการกระทำทั่วไป (การจัดตำแหน่ง, ตัวหนา, ตัวเอียง, ลิงก์)
- แผงด้านข้าง: ให้การตั้งค่ารายละเอียดรวมถึงสี, ตัวอักษร, การเว้นวรรค และตัวเลือกขั้นสูง
การจัดระเบียบบล็อก
จัดเรียงเนื้อหาของคุณโดยการย้ายบล็อกขึ้นหรือลงโดยใช้ลูกศรในแถบเครื่องมือบล็อก หรือลากไปยังตำแหน่งใหม่ คุณยังสามารถใช้แผงมุมมองรายการ (Shift+Alt+O) เพื่อดูโครงสร้างเอกสารทั้งหมดของคุณและลากบล็กภายในต้นไม้
บล็อกที่นำกลับมาใช้ใหม่ (รูปแบบที่ซิงค์)
บล็อกที่นำกลับมาใช้ใหม่ — เปลี่ยนชื่อเป็นรูปแบบที่ซิงค์ในปี 2026 — ช่วยให้คุณสร้างบล็อกหรือกลุ่มบล็อกหนึ่งครั้งและแทรกลงในหลายโพสต์และหน้า เมื่อคุณอัปเดตรูปแบบที่ซิงค์ ทุกตัวอย่างจะอัปเดตโดยอัตโนมัติ
การใช้งานทั่วไปสำหรับรูปแบบที่ซิงค์:
- ส่วนเรียกร้องให้ดำเนินการที่ปรากฏในหลายหน้า
- กล่องชีวประวัติผู้เขียนที่ใช้ในโพสต์บล็อก
- การเปิดเผยข้อมูลหรือการเปิดเผยพันธมิตรที่เป็นมาตรฐาน
- ฟอร์มสมัครรับจดหมายข่าว
- บล็อกข้อมูลติดต่อ
ในการสร้างรูปแบบที่ซิงค์: เลือกบล็อก คลิกที่เมนูสามจุด เลือก "สร้างรูปแบบ" ตั้งชื่อและเปิดสวิตช์ "ซิงค์" เพื่อเปิดใช้งาน เมื่อต้องการแทรกในภายหลัง ให้ค้นหาในแท็บรูปแบบของตัวเพิ่มบล็อก
รูปแบบบล็อก
รูปแบบบล็อกคือการจัดเรียงบล็อกที่ออกแบบล่วงหน้าซึ่งคุณสามารถแทรกและปรับแต่งได้ แตกต่างจากรูปแบบที่ซิงค์ รูปแบบบล็อกไม่ได้เชื่อมโยง — การแก้ไขตัวอย่างรูปแบบจะไม่ส่งผลกระทบต่อการใช้งานอื่นๆ
รูปแบบในตัว
WordPress รวมรูปแบบสำหรับเลย์เอาต์ทั่วไป: ส่วนฮีโร่, กริดฟีเจอร์, เลย์เอาต์คำรับรอง, ตารางราคา และอื่นๆ ธีมที่คุณใช้งานอาจลงทะเบียนรูปแบบเพิ่มเติมที่ปรับให้เหมาะกับระบบการออกแบบของมัน
ไดเรกทอรีรูปแบบ WordPress.org
ไดเรกทอรีรูปแบบ WordPress.org มีรูปแบบที่มีส่วนร่วมจากชุมชนหลายพันรูปแบบ คุณสามารถเรียกดู ดูตัวอย่าง และคัดลอกรูปแบบโดยตรงจากตัวเพิ่มบล็อกหรือจาก เว็บไซต์ไดเรกทอรีรูปแบบ.
การสร้างรูปแบบที่กำหนดเอง
สร้างรูปแบบของคุณเองโดยการจัดเรียงบล็อก เลือกทั้งหมด และสร้างรูปแบบจากเมนูบล็อก รูปแบบที่กำหนดเองจะแสดงในส่วน "รูปแบบของฉัน" ของตัวเพิ่มบล็อก ทำให้สามารถนำกลับมาใช้ใหม่ได้ทั่วทั้งเว็บไซต์ของคุณ
พื้นฐานการแก้ไขเว็บไซต์ทั้งหมด
การแก้ไขเว็บไซต์ทั้งหมด (FSE) ขยายการแก้ไขบล็อกไปยังโครงสร้างทั้งเว็บไซต์ของคุณ ไม่เพียงแต่เนื้อหาของโพสต์และหน้า ด้วยธีมบล็อก คุณสามารถแก้ไข:
- เทมเพลต: ควบคุมเลย์เอาต์ของประเภทหน้าเฉพาะ (โพสต์เดียว, สถิติ, 404, ผลการค้นหา)
- ส่วนเทมเพลต: แก้ไขส่วนที่นำกลับมาใช้ใหม่ เช่น ส่วนหัวและส่วนท้าย
- สไตล์ทั่วโลก: ตั้งค่าสี ตัวอักษรทั่วทั้งเว็บไซต์
- การนำทาง: สร้างและจัดการเมนูได้อย่างมีวิสัยทัศน์
การเข้าถึง Site Editor
ไปที่ รูปลักษณ์ → ตัวแก้ไข ในแดชบอร์ด WordPress ของคุณ ซึ่งจะเปิดตัวแก้ไขไซต์ที่คุณสามารถเรียกดูเทมเพลต แก้ไขส่วนของเทมเพลต และปรับแต่งสไตล์ทั่วโลก โปรดทราบว่า FSE ต้องการธีมบล็อก — ธีมคลาสสิกใช้ตัวปรับแต่งแบบดั้งเดิมแทน
เทมเพลต vs ส่วนเทมเพลต
แนวคิด สิ่งที่ควบคุม ตัวอย่าง เทมเพลต รูปแบบหน้าทั้งหมดสำหรับประเภทเนื้อหา โพสต์เดียว, หน้า, สถิติ, 404 ส่วนเทมเพลต ส่วนที่สามารถนำกลับมาใช้ใหม่ภายในเทมเพลต ส่วนหัว, ส่วนท้าย, แถบด้านข้าง การปรับแต่งบล็อกด้วย theme.json
ไฟล์
theme.jsonเป็นศูนย์กลางการกำหนดค่าของธีมบล็อก มันควบคุม:- พาเลตสีและการไล่ระดับสีที่มีในตัวแก้ไข
- การตั้งค่าตัวอักษร (ฟอนต์, ขนาด, ความสูงของบรรทัด)
- มาตราส่วนการเว้นวรรคและความกว้างของเลย์เอาต์
- ฟีเจอร์บล็อกใดที่เปิดใช้งานหรือปิดใช้งาน
- สไตล์เริ่มต้นสำหรับบล็อกเฉพาะ
นักพัฒนาธีมใช้
theme.jsonเพื่อสร้างระบบการออกแบบที่สอดคล้องกัน ในฐานะเจ้าของไซต์ คุณสามารถปรับเปลี่ยนการตั้งค่าเหล่านี้ผ่านอินเทอร์เฟซ Global Styles ในตัวแก้ไขไซต์โดยไม่ต้องแก้ไขไฟล์โดยตรงทางลัดคีย์บอร์ด
การเรียนรู้ทางลัดคีย์บอร์ดช่วยเพิ่มความเร็วในการทำงานแก้ไขของคุณอย่างมาก:
การกระทำ Windows / Linux Mac เพิ่มบล็อกใหม่ / (สแลช) / (สแลช) พาเลตคำสั่ง Ctrl + K Cmd + K ทำซ้ำบล็อก Ctrl + Shift + D Cmd + Shift + D ลบบล็อก Shift + Alt + Z Ctrl + Option + Z เปิดมุมมองรายการ Shift + Alt + O Ctrl + Option + O สลับตัวแทรกบล็อก Ctrl + Shift + , Cmd + Shift + , บันทึกแบบร่าง / อัปเดต Ctrl + S Cmd + S ย้อนกลับ Ctrl + Z Cmd + Z แทรกลิงก์ Ctrl + K Cmd + K Gutenberg vs Classic Editor
ผู้ใช้ WordPress บางคนยังคงชื่นชอบปลั๊กอิน Classic Editor นี่คือการเปรียบเทียบระหว่างทั้งสอง:
ด้าน Gutenberg Classic Editor วิธีการแก้ไข แบบบล็อก, โมดูลาร์ พื้นที่ข้อความเดียว (TinyMCE) ความสามารถในการจัดเลย์เอาต์ คอลัมน์, กริด, ส่วนเต็มความกว้าง เนื้อหาเชิงเส้นเท่านั้น การจัดการสื่อ แกลเลอรีในบรรทัด, รูปภาพปก, สื่อ+ข้อความ การแทรกสื่อพื้นฐาน ความเข้ากันได้ในอนาคต พัฒนาอย่างต่อเนื่อง, รองรับ FSE โหมดการบำรุงรักษาเท่านั้น การสนับสนุนปลั๊กอิน/ธีม ระบบนิเวศของบล็อกที่กำลังเติบโต การพัฒนาที่ลดลง ปลั๊กอิน Classic Editor ยังคงได้รับการดูแล แต่การพัฒนา WordPress ได้มุ่งมั่นไปที่บล็อกเอดิเตอร์อย่างเต็มที่ ฟีเจอร์ใหม่ ธีม และปลั๊กอินต่าง ๆ มักจะมุ่งเป้าไปที่ Gutenberg เป็นอันดับแรก
ปลั๊กอินบล็อกที่ขยาย Gutenberg
ในขณะที่บล็อกหลักครอบคลุมความต้องการส่วนใหญ่ ปลั๊กอินเหล่านี้เพิ่มฟังก์ชันการทำงานเฉพาะ:
- ปลั๊กอิน Flavor: เพิ่มบล็อกขั้นสูง เช่น แท็บ, แอคคอร์เดียน, ตารางราคา, และโพสต์คารูเซล
- ปลั๊กอิน Flavor: ให้บล็อกที่มุ่งเน้นเนื้อหาสำหรับประสบการณ์การเขียนที่ดียิ่งขึ้น — แถบความก้าวหน้า, คลิกเพื่อทวีต, การแจ้งเตือน
- ปลั๊กอิน Flavor: เสนอบล็อกที่มุ่งเน้นการออกแบบพร้อมการเคลื่อนไหวและตัวเลือกการจัดรูปแบบขั้นสูง
- ปลั๊กอิน Flavor: ขยาย Gutenberg ด้วยบล็อกที่ออกแบบมาเฉพาะสำหรับธีม FSE
- ปลั๊กอิน Flavor: เพิ่มบล็อกการค้นหาและกรองสำหรับการแสดงเนื้อหาที่มีพลศาสตร์
เมื่อเลือกปลั๊กอินบล็อก ให้เลือกที่ปฏิบัติตามมาตรฐานการเขียนโค้ดของ WordPress และสร้างโค้ดที่สะอาด หลีกเลี่ยงปลั๊กอินที่โหลดเฟรมเวิร์ก JavaScript ขนาดใหญ่ เนื่องจากจะทำให้ข้อได้เปรียบด้านประสิทธิภาพของ Gutenberg ลดลง
เคล็ดลับที่เป็นประโยชน์สำหรับการแก้ไขบล็อกอย่างมีประสิทธิภาพ
ใช้มุมมองรายการ
สำหรับหน้าเว็บที่ซับซ้อน มุมมองรายการ (
Shift+Alt+O) เป็นสิ่งจำเป็น มันจะแสดงโครงสร้างเอกสารทั้งหมดของคุณในรูปแบบต้นไม้ ทำให้เลือกบล็อกที่ซ้อนกัน จัดเรียงส่วนต่าง ๆ และเข้าใจลำดับชั้นของหน้าเว็บของคุณได้ง่ายจัดกลุ่มบล็อกสำหรับการดำเนินการจำนวนมาก
เลือกบล็อกหลาย ๆ บล็อก (คลิกแรก, Shift+คลิกสุดท้าย) และจัดกลุ่มพวกมัน บล็อกที่จัดกลุ่มสามารถจัดรูปแบบร่วมกัน ย้ายเป็นหน่วยเดียว และแปลงเป็นรูปแบบ นี่มีประโยชน์โดยเฉพาะสำหรับการสร้างส่วนที่สอดคล้องกัน
ล็อกบล็อกเพื่อป้องกันการเปลี่ยนแปลงโดยไม่ได้ตั้งใจ
ล็อกบล็อกที่สำคัญเพื่อป้องกันการย้ายหรือการลบโดยไม่ได้ตั้งใจ คลิกขวาที่บล็อกและเลือก "ล็อก" เพื่อจำกัดการแก้ไข นี่มีประโยชน์สำหรับเทมเพลตหรือเนื้อหาที่จัดการโดยบรรณาธิการหลายคน
ใช้ทางลัดคีย์บอร์ดอย่างจริงจัง
ความแตกต่างระหว่างการแก้ไขบล็อกอย่างมีประสิทธิภาพและช้า มักจะขึ้นอยู่กับทางลัดคีย์บอร์ด เรียนรู้ทางลัดที่พบบ่อยที่สุดห้ารายการก่อน (คำสั่งสแลช, ทำซ้ำ, ลบ, บันทึก, ยกเลิก) จากนั้นขยายความสามารถของคุณเมื่อคุณรู้สึกสบาย
สำหรับการเปรียบเทียบกับ Elementor และผู้สร้างหน้าอื่น ๆ ดูการเปรียบเทียบ Elementor vs Gutenberg และคู่มือการเปรียบเทียบ ผู้สร้างหน้า ที่กว้างขึ้นของเรา หากคุณกำลังเลือกธีมที่ทำงานได้ดีร่วมกับ Gutenberg อ่าน คู่มือการเลือกธีม ของเรา
คำถามที่พบบ่อย
ฉันยังสามารถใช้ Classic Editor ได้หรือไม่?
ใช่ ปลั๊กอิน Classic Editor ยังคงมีให้บริการและได้รับการดูแลโดยทีมงาน WordPress อย่างไรก็ตาม มันได้รับการอัปเดตเพียงการบำรุงรักษา — ไม่มีฟีเจอร์ใหม่ WordPress แนะนำให้ย้ายไปยังบล็อกเอดิเตอร์เพื่อเข้าถึงฟีเจอร์ใหม่และการพัฒนาที่ต่อเนื่อง
Gutenberg ทำงานร่วมกับธีม WordPress ทั้งหมดหรือไม่?
Gutenberg ทำงานร่วมกับทั้งธีมคลาสสิกและธีมบล็อก ธีมคลาสสิกสนับสนุนการแก้ไขบล็อกภายในเนื้อหาของโพสต์และหน้า ธีมบล็อกยังสนับสนุนการแก้ไขเว็บไซต์ทั้งหมดสำหรับส่วนหัว ส่วนท้าย เทมเพลต และสไตล์ทั่วโลก สำหรับประสบการณ์ FSE เต็มรูปแบบ คุณต้องการธีมบล็อก
ฉันจะแปลงเนื้อหา Classic Editor เป็นบล็อกได้อย่างไร?
เมื่อคุณเปิดโพสต์ Classic Editor ใน Gutenberg WordPress จะห่อหุ้มเนื้อหาในบล็อกคลาสสิก คุณสามารถคลิก "แปลงเป็นบล็อก" เพื่อเปลี่ยนเนื้อหาเป็นบล็อกแต่ละบล็อก ตรวจสอบการแปลงหลังจากนั้น เนื่องจากเลย์เอาต์ที่ซับซ้อนอาจต้องการการปรับแต่งด้วยตนเอง
หน้า Gutenberg ช้ากว่าหน้า Classic Editor หรือไม่?
ไม่ หน้า Gutenberg สร้าง HTML ที่สะอาดซึ่งเปรียบเทียบได้หรือเบากว่าผลลัพธ์ของ Classic Editor บล็อกเอดิเตอร์ไม่มีภาระด้านหน้าเว็บไซต์ที่สำคัญ อินเทอร์เฟซของเอดิเตอร์เอง (ในแอดมิน) ใช้ทรัพยากรมากกว่าคลาสสิกเอดิเตอร์ แต่สิ่งนี้ไม่ส่งผลต่อสิ่งที่ผู้เข้าชมประสบ
ฉันสามารถสร้างบล็อกที่กำหนดเองโดยไม่ต้องเขียนโค้ดได้หรือไม่?
ใช่ ในระดับหนึ่ง คุณสามารถสร้างรูปแบบบล็อกที่กำหนดเองโดยการจัดเรียงบล็อกที่มีอยู่ สำหรับบล็อกที่กำหนดเองจริง ๆ ที่มีฟังก์ชันการทำงานเฉพาะ คุณต้องการการพัฒนา JavaScript (React) ปลั๊กอินหลายตัวมีผู้สร้างบล็อกที่ไม่ต้องเขียนโค้ด แม้ว่าจะมีข้อจำกัดเมื่อเปรียบเทียบกับโซลูชันที่เขียนโค้ด
รูปแบบที่ซิงค์คืออะไร และแตกต่างจากรูปแบบปกติอย่างไร?
รูปแบบที่ซิงค์ (เดิมคือ Reusable Blocks) จะเชื่อมโยงกันในทุก ๆ ตัวอย่าง การแก้ไขหนึ่งจะอัปเดตทั้งหมด รูปแบบปกติเป็นเทมเพลต — การแทรกหนึ่งจะสร้างสำเนาอิสระที่คุณสามารถแก้ไขได้โดยไม่กระทบต่อการใช้งานอื่น ใช้รูปแบบที่ซิงค์สำหรับเนื้อหาที่ควรมีความสอดคล้องกันทุกที่ (CTAs, การปฏิเสธความรับผิด) ใช้รูปแบบปกติสำหรับเลย์เอาต์ที่คุณต้องการเป็นจุดเริ่มต้น
ฉันจะแก้ไขปัญหาที่เกิดขึ้นในบล็อกเอดิเตอร์ได้อย่างไร?
วิธีแก้ไขทั่วไป ได้แก่: ล้างแคชเบราว์เซอร์ของคุณ, ปิดการใช้งานปลั๊กอินทีละตัวเพื่อตรวจสอบความขัดแย้ง, สลับไปยังธีมเริ่มต้นชั่วคราว, และตรวจสอบคอนโซลนักพัฒนาของเบราว์เซอร์ของคุณสำหรับข้อผิดพลาด JavaScript ปัญหาส่วนใหญ่ที่เกิดขึ้นในบล็อกเอดิเตอร์เกิดจากความขัดแย้งของปลั๊กอินมากกว่าปัญหาหลัก
การแก้ไขเว็บไซต์ทั้งหมดพร้อมใช้งานสำหรับการผลิตหรือไม่?
ณ ปี 2026 การแก้ไขเว็บไซต์ทั้งหมดมีความเสถียรและพร้อมสำหรับการผลิต ชุดฟีเจอร์ได้เติบโตขึ้นอย่างมีนัยสำคัญในแต่ละการปล่อยของ WordPress อย่างไรก็ตาม ระบบนิเวศของธีมบล็อกและรูปแบบยังคงเติบโต หากคุณต้องการเทมเพลตที่สร้างไว้ล่วงหน้ามากมาย คุณอาจพบว่าการเลือกมีข้อจำกัดมากกว่าตัวเลือกธีมคลาสสิก
ค้นหาธีม WordPress ที่พร้อมสำหรับบล็อก
เรียกดูธีม WordPress พรีเมียมที่ปรับให้เหมาะสมสำหรับ Gutenberg และการแก้ไขเว็บไซต์ทั้งหมด โค้ดที่สะอาด ประสิทธิภาพที่รวดเร็ว และการออกแบบที่เป็นมืออาชีพ
เรียกดูธีม →
