กูเทนเบิร์กคืออะไร?
เผยแพร่แล้ว: 2019-01-29
ปรับปรุงล่าสุด - 8 กรกฎาคม 2021
ระบบการจัดการเนื้อหาที่ได้รับความนิยมมากที่สุดในโลก WordPress มีการเปลี่ยนแปลงอย่างมากในช่วงหลายปีที่ผ่านมานับตั้งแต่ก่อตั้งขึ้นในปี 2546 โดยเริ่มจากการเป็นแพลตฟอร์มที่เกี่ยวข้องกับบล็อกจนกลายเป็นแพลตฟอร์มการสร้างเว็บไซต์ที่ใหญ่ที่สุด ซึ่งสามารถใช้ในการสร้างเว็บไซต์และโปรแกรมที่ซับซ้อนยิ่งขึ้น เป็นเครือข่ายโอเพ่นซอร์สที่ใช้แอปพลิเคชัน ธีม และปลั๊กอินของบริษัทอื่นเพื่อสร้างแอปพลิเคชันออนไลน์ที่ซับซ้อน
WordPress มีการพัฒนาตลอดหลายปีที่ผ่านมาด้วยคุณสมบัติและนวัตกรรมที่แตกต่างกัน นวัตกรรมล่าสุดในโลกของ WordPress คือ Gutenberg สิ่งเหล่านี้ทำให้เกิดกระแสออนไลน์มากมายและมีการโต้เถียงกันมากมายเมื่อเร็ว ๆ นี้หากนี่เป็นเพียงตัวแก้ไข WordPress ตัวอื่นหรือตัวสร้างเพจ
Gutenberg เป็นหนึ่งในการเปลี่ยนแปลงที่สำคัญที่ฝังอยู่ใน WordPress 5.0 ซึ่งถูกตั้งค่าให้แทนที่ TinyMCE ซึ่งเป็นตัวแก้ไขแบ็กเอนด์ของ WordPress สิ่งนี้จุดชนวนให้เกิดความไม่พอใจและการโต้เถียงกันมากมายในหมู่ผู้ใช้ WordPress Gutenberg ได้รับการพัฒนาเพื่อแก้ปัญหาการใช้ปลั๊กอินมากเกินไปสำหรับการจัดวางและการจัดรูปแบบเว็บไซต์อย่างง่าย
ดังนั้น Gutenberg จึงเป็นปลั๊กอินแก้ไขแบบครบวงจรที่จะแก้ไขความต้องการในการแก้ไขและการจัดรูปแบบทั้งหมดของคุณในสิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ (WYSIWYG)
ที่มาของกูเตนเบิร์ก
คำว่า Gutenberg มาจาก Johannes Gutenberg ชายผู้คิดค้นแท่นพิมพ์ Gutenberg ใหม่ได้รับการแนะนำให้รู้จักกับ WordPress ในปี 2560 เป็นปลั๊กอินและถูกกำหนดให้เป็นโปรแกรมแก้ไข WordPress ที่แนะนำและเป็นค่าเริ่มต้น
Gutenberg จะช่วยนักออกแบบเว็บไซต์และผู้ที่ไม่ใช่นักออกแบบในการออกแบบเว็บไซต์โดยใช้บล็อคโดยไม่ต้องเขียนโค้ดเพียงตัวเดียวในขณะที่รวมแท็ก HTML บางส่วนไว้ด้วย
ในการทำเช่นนี้ Gutenberg ใช้บล็อกและมีบล็อกสำหรับทุกอย่างที่คุณคิด เช่น ข้อความ รูปภาพ วิดีโอ ฯลฯ
บล็อกคืออะไร?
บล็อกคือคุณลักษณะการลากและวางใน Gutenberg ที่มีรายการที่ปรับแต่งได้ในรูปแบบของประสบการณ์ "สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ" (WYSIWYG) บล็อกเป็นตัวแทนของเนื้อหาประเภทต่างๆ และแตกต่างกันไปตามข้อความ รูปภาพ ส่วนหัว ชื่อ ฯลฯ
นี่เป็นวิธีสร้างเนื้อหาบนบล็อกของคุณที่ไม่เหมือนใคร
ด้วยการอัปเดตล่าสุดเหล่านี้ เนื้อหาจะถูกสร้างขึ้นบนบล็อกซึ่งจะกลายเป็นส่วนพื้นฐานของตัวแก้ไข WordPress ต่างจากตัวแก้ไขแบบคลาสสิกก่อนหน้านี้ บล็อกช่วยให้คุณสามารถย้ายรายการภายในสภาพแวดล้อมของ WordPress ได้อย่างรวดเร็วและง่ายดาย
Gutenberg จะมอบประสบการณ์ผู้ใช้ใหม่ทั้งหมดให้กับสภาพแวดล้อม WordPress และการแข่งขันที่ดีกับผู้สร้างหน้าแบบลากและวางอันดับต้น ๆ
เป้าหมายของการอัปเดตคือการปฏิวัติตัวแก้ไข WordPress ให้เป็นแบบไดนามิก ซับซ้อนและทันสมัยมากขึ้น เนื่องจากตัวแก้ไขแบบคลาสสิกเป็นตัวแก้ไขเริ่มต้นตั้งแต่สร้าง WordPress
Gutenberg มีบล็อกสำหรับ:
- ข้อความ: ย่อหน้า หัวเรื่อง หัวเรื่องย่อย รายการ ตาราง ปุ่ม คอลัมน์ข้อความ
- สื่อ: รูปภาพ, แกลเลอรี่, ภาพหน้าปก, วิดีโอ, เสียง
- อื่นๆ: คอลัมน์, ใบเสนอราคา, ไฟล์, รหัส, HTML ที่กำหนดเอง, การฝัง, รหัสย่อ, ใบเสนอราคา, รหัสและอื่น ๆ
Gutenberg เป็นผู้สร้างเพจหรือบรรณาธิการหรือไม่?
ถ้าคุณเรียกมันว่าเอดิเตอร์หรือตัวสร้างเพจ คุณคิดถูก เพราะมันคือการรวมกันของทั้งสองอย่าง มันจะมาแทนที่ TinyMCE Gutenberg เป็นการผสมผสานระหว่าง Visual Composer และ TinyMCE จึงสามารถทำหน้าที่เป็นตัวสร้างเพจและตัวแก้ไขที่ติดตั้งไว้แล้วใน WordPress 5.0 ล่าสุด และจะอยู่ในเวอร์ชันของ WordPress ในอนาคต แต่ในรูปแบบปัจจุบัน Gutenberg เป็นตัวแก้ไขเพจ ซึ่งหมายความว่าคุณไม่สามารถแทนที่ผู้แก้ไขเพจทั้งหมดได้
ข้อดีของ Gutenberg
คุณสามารถสร้างการออกแบบและโพสต์ที่สวยงามโดยไม่ต้องติดตั้งปลั๊กอินตัวแก้ไขหน้าอื่น ๆ
- เป็นมิตรกับผู้ใช้
- ช่วยให้ใช้งานร่วมกันได้กับมือถือ
ข้อเสียของ Gutenberg
- ปัญหาความเข้ากันได้กับบางธีม
- บางคนต้องใช้เวลาทำความเข้าใจวิธีการทำงาน
- ปลั๊กอินส่วนใหญ่จะต้องเขียนใหม่หรืออัปเกรดเพื่อให้ทำงานร่วมกับ Gutenberg
- ตอนนี้เรตติ้งไม่ดี
วิธีติดตั้ง Gutenberg บนเว็บไซต์ของคุณ
เนื่องจาก Gutenberg ยังคงเป็นปลั๊กอินและยังไม่ได้เป็นส่วนหนึ่งของ WordPress จึงเป็นเรื่องดีที่จะตรวจสอบความเข้ากันได้และทำความเข้าใจว่ามันทำงานอย่างไร ซึ่งสามารถทำได้ภายในเซิร์ฟเวอร์ทดสอบ และหากคุณต้องทำการทดสอบแบบสด ตรวจสอบให้แน่ใจว่าคุณได้สำรองข้อมูลไซต์ WordPress ของคุณไว้ก่อนแล้ว นี่คือวิธีการติดตั้ง Gutenberg
- เข้าสู่ระบบผู้ดูแลระบบ WordPress ของคุณ
- ไปที่ Plugins คลิก Add New
- ในช่องค้นหา ค้นหา "Gutenberg"
- คลิก ติดตั้ง และรอให้การติดตั้งเสร็จสิ้น
เมื่อเสร็จแล้ว ปุ่มจะเปลี่ยนเป็น Activate
- คลิกเปิดใช้งาน – ปลั๊กอิน Gutenberg ของคุณพร้อมสำหรับการทดสอบแล้ว
เมื่อเปิดใช้งานปลั๊กอินแล้ว ตัวแก้ไขเริ่มต้นของเว็บไซต์ของคุณจะเปลี่ยนเป็น Gutenberg โดยอัตโนมัติ เมื่อคุณไปที่หน้าหรือส่วนโพสต์ของเว็บไซต์ของคุณ
The Gutenberg จะทำให้การออกแบบเว็บไซต์ของคุณง่ายขึ้นอย่างไร
ไม่เหมือนตัวแก้ไขแบบคลาสสิกก่อนหน้านี้ Gutenberg จะนำเครื่องเทศจำนวนมากมาสู่งานออกแบบของคุณ โดยให้ความยืดหยุ่นในการออกแบบที่กำหนดเอง ด้วยบล็อกที่ฝังอยู่ภายใน ช่วยให้ผู้ใช้สามารถสร้างการออกแบบที่สวยงามโดยมีประสบการณ์การออกแบบเว็บไซต์เพียงเล็กน้อยหรือไม่มีเลย Gutenberg จะเปลี่ยนการออกแบบเว็บไซต์ไปตลอดกาล เนื่องจากจะให้ผู้ใช้ที่ไม่มีประสบการณ์ในการเขียนโปรแกรมเพื่อสร้างเว็บไซต์ระดับมืออาชีพ
Gutenberg Interphase
การวิเคราะห์ Gutenberg WordPress Editor
- – ให้คุณเพิ่มบล็อคใหม่
B – ปุ่มเลิกทำ / ทำซ้ำที่ใช้ในการย้อนกลับ
C – เพิ่มชื่อเรื่อง
D – เพื่อดูตัวอย่าง / เผยแพร่หรืออัปเดตโพสต์
E – Document – การตั้งค่าเอกสาร คุณสมบัติรูปภาพ หมวดหมู่ & แท็ก ฯลฯ
F – Block ช่วยให้เข้าถึงการตั้งค่าของบล็อกเฉพาะที่เลือกได้อย่างรวดเร็ว
G – นี่คือที่ที่เนื้อหาทั้งหมดของคุณไป มันคือเนื้อหาของหน้าที่บล็อกทั้งหมดของคุณปรากฏขึ้น

ความแตกต่างระหว่างตัวแก้ไขแบบคลาสสิกกับ Gutenberg
นี่คือรูปภาพจำนวนหนึ่งที่สามารถช่วยให้คุณเข้าใจความแตกต่างได้
บล็อกคลาสสิก
Gutenberg
WordPress 5.0 อัปเดต
WordPress เป็นหนึ่งในแพลตฟอร์มการสร้างเว็บไซต์ที่ใหญ่ที่สุดในโลก และยังเป็นระบบจัดการเนื้อหาที่ใหญ่ที่สุดในโลกอีกด้วย เว็บไซต์ออนไลน์มากกว่าสามสิบเอ็ดเปอร์เซ็นต์ (31%) สร้างขึ้นบน WordPress
ทุกคนต่างตื่นเต้นกับการอัปเดตล่าสุดของ WordPress ซึ่งจะเปิดตัวในปลายเดือนพฤศจิกายน 2018 ฟีเจอร์ที่สำคัญที่สุดของการอัปเดต WordPress 5.0 คือตัว แก้ไข Gutenberg ซึ่งจะเป็นตัวแก้ไขเริ่มต้นของ WordPress 5.0
วันที่เผยแพร่สำหรับ WordPress 5.0 ถูกกำหนดไว้ที่ 27 พฤศจิกายน และจะพบกับการเปลี่ยนแปลงที่สำคัญสองประการนอกเหนือจากการแก้ไขข้อบกพร่องเล็กน้อยซึ่งรวมถึง:
- การเพิ่มบรรณาธิการ Gutenberg
- การรวมธีม 2019 ล่าสุด
นี่เป็นหนึ่งในการเปลี่ยนแปลงครั้งใหญ่ที่สุดของ WordPress ตั้งแต่เริ่มก่อตั้ง ซึ่งหลายคนอาจพบว่าปรับให้เข้ากับการเปลี่ยนแปลงเหล่านี้ได้ยาก
วิธีเตรียมไซต์ของคุณสำหรับการอัปเกรด WordPress 5.0
- ตรวจสอบให้แน่ใจว่าปลั๊กอินทั้งหมดของคุณทันสมัย
- ตรวจสอบให้แน่ใจว่าธีมของคุณได้รับการอัปเดต
- อัปเกรดเป็น PHP 7.2 (อย่าลืมสำรองข้อมูลระบบของคุณก่อนทำสิ่งนี้)
- ตรวจสอบให้แน่ใจว่าการกำหนดค่าเซิร์ฟเวอร์ของคุณได้รับการตั้งค่าสำหรับการอัพเดท
แนวทางการอัพเกรดเป็น Gutenberg
- ทดสอบความเข้ากันได้กับธีมของคุณ
- แบ่งโพสต์ของคุณเป็นบล็อคก่อนอัปเกรดเต็ม
WordPress 5.0 วันที่วางจำหน่าย
วันที่กำหนดสำหรับการอัปเดต WordPress 5.0 คือ 19 พฤศจิกายน 2018 แต่ถูกย้ายไปปลายเดือนพฤศจิกายน/ต้นเดือนธันวาคม 2018 ในขณะที่รุ่นถัดไปมีกำหนดในวันที่ 22 มกราคม 2019
ข้อผิดพลาดของ WordPress และการสนับสนุน
สิ่งที่คุณควรรู้เกี่ยวกับการอัปเดต WordPress 5.0
- มันคือการอัปเดต WordPress ที่สำคัญ
- หากคุณไม่อัปเดตธีมหรือปลั๊กอิน มีความเป็นไปได้ที่ไซต์ของคุณอาจพัง
- มันมาพร้อมกับตัวแก้ไขที่แตกต่างกันซึ่งจะต้องฝึกฝนเพื่อให้ได้มันมา
- จะช่วยเพิ่มประสิทธิภาพ
- คุณอาจประสบปัญหาความเข้ากันได้กับธีมและปลั๊กอินบางตัว
จะเป็นครั้งแรกนับตั้งแต่ที่ WordPress จะมีการเปลี่ยนแปลงครั้งใหญ่เช่นนี้
สิ่งที่คุณควรทำเพื่อเตรียมไซต์ของคุณให้พร้อมสำหรับ WordPress 5.0 และ Gutenberg Update
- ทดสอบไซต์ของคุณด้วยปลั๊กอิน Gutenberg ก่อนการเปิดตัวเต็มรูปแบบ
- ตรวจสอบให้แน่ใจว่าธีมและปลั๊กอินของคุณเข้ากันได้กับการอัปเดตล่าสุด
- ตรวจทานหน้าที่มีอยู่และเตรียมสำหรับบล็อกซึ่งเป็นส่วนสำคัญของ Gutenberg
จะเกิดอะไรขึ้นถ้าคุณไม่ต้องการให้บรรณาธิการ Gutenberg?
ตัวแก้ไขแบบคลาสสิกจะพร้อมใช้งานเป็นปลั๊กอิน ดังนั้น หากคุณกำลังมีปัญหากับไซต์ของคุณหรือมีปัญหากับตัวแก้ไข WordPress 5.0 Gutenberg คุณสามารถเลือกติดตั้งตัวแก้ไข Classic แบบเก่าได้ ขอแนะนำให้ติดตั้ง Classic Editor ในกรณีที่มีบางอย่างผิดพลาดเมื่อคุณย้ายไปยัง WordPress 5.0
ด้วยการอัปเดต WordPress 5.0 ใหม่และการเพิ่มตัวแก้ไข Gutenberg จะส่งผลต่อวิธีที่ผู้ใช้ WordPress สร้างและแก้ไขเนื้อหาตลอดไป เนื่องจาก WordPress ดูเหมือนจะย้ายจากแพลตฟอร์มการสร้างบล็อกไปเป็นแพลตฟอร์มการพัฒนาเว็บไซต์ที่มีความยืดหยุ่นอย่างมากในกระบวนการออกแบบโดยรวม
ทำไมคุณควรอัปเดตเป็น WordPress 5.0
- ทำให้การสร้างเนื้อหาเป็นเรื่องง่าย
- ทำให้การสร้างเว็บทำได้ง่ายแม้ไม่มีความรู้ด้านเทคนิคเกี่ยวกับการออกแบบเว็บไซต์
- คุณสามารถสร้างการออกแบบที่สะอาด ง่าย และซับซ้อนได้
- มันจะเป็นแกนหลักของการพัฒนาเว็บไซต์ใน WordPress
- มันเป็นมือถือและใช้งานง่าย
สิ่งที่น่ากลัวที่สุดอย่างหนึ่งที่คุณจะสัมผัสได้กับเว็บไซต์ของคุณคือเมื่อเว็บไซต์ของคุณหยุดทำงานกะทันหันหรือมีข้อบกพร่อง และคุณไม่มีเงื่อนงำเกี่ยวกับวิธีการแก้ไข ผู้ใช้บางคนอาจประสบปัญหาในกระบวนการพยายามโยกย้ายเพื่อโยกย้ายไปยัง Gutenberg หรือเมื่อมีการอัปเกรด WordPress 5.0
นี่อาจไม่ใช่ปัญหามากนักสำหรับช่างเทคนิคบางคน แต่สำหรับเจ้าของเว็บไซต์ที่ไม่ใช่ผู้มีเทคโนโลยี นี่อาจเป็นปัญหาใหญ่
จะเกิดอะไรขึ้นกับเนื้อหาที่มีอยู่
WordPress ทำทุกอย่างเท่าที่ทำได้เพื่อให้แน่ใจว่าการอัพเกรดจะเป็นกระบวนการที่ราบรื่น แต่น่าเสียดายที่เนื่องจากปัญหาความเข้ากันได้ การตั้งค่าเซิร์ฟเวอร์และการกำหนดค่า ปลั๊กอินที่ไม่รองรับ และสาเหตุอื่นๆ บางไซต์จะประสบปัญหาเล็กน้อยหรือสำคัญอันเป็นผลมาจากการอัปเกรดนี้ ปัญหาบางอย่างอาจน้อยพอๆ กับการพยายามหาวิธีใช้เครื่องมือแก้ไขใหม่กับบางสิ่งที่ใหญ่เท่ากับเว็บไซต์ไม่โหลด
WordPress จะมีปลั๊กอินตัวแก้ไขแบบคลาสสิกที่ฝังอยู่ในบล็อกข้อความแบบคลาสสิกภายใน Gutenberg ซึ่งส่วนใหญ่จะแก้ปัญหาความเข้ากันได้กับบล็อก Gutenberg ใหม่ ซึ่งจะทำให้การโยกย้ายและการอัปเกรดเป็นไปอย่างราบรื่นซึ่งจะทำให้เกิดความต่อเนื่อง
อย่างไรก็ตาม หากคุณประสบปัญหาใด ๆ ในระหว่างการอัพเกรด จะไม่มีเหตุให้มีการเตือน ต่อไปนี้คือปัญหาบางส่วนที่คุณอาจพบและวิธีแก้ไข
- หน้าโพสต์เปล่า:
อัปเกรดเป็น WordPress เวอร์ชันล่าสุด
ตรวจสอบให้แน่ใจว่าธีมและปลั๊กอินของคุณทันสมัย
ตรวจสอบให้แน่ใจว่าธีมเข้ากันได้กับ Gutenberg
- หน้าไม่โหลดอย่างถูกต้อง
ปัญหาอื่นที่คุณอาจพบคือหน้าเว็บของคุณโหลดไม่ถูกต้อง
- ติดตั้งตัวแก้ไขแบบคลาสสิก
- แบ่งเนื้อหาของคุณออกเป็นบล็อค
- รับธีมที่เข้ากันได้กับ Gutenberg
- หน้าไม่โหลด
นี่คือฝันร้ายที่สุดของทุกคน เมื่อเพจของคุณหยุดโหลดกะทันหัน
- ตรวจสอบให้แน่ใจว่าการตั้งค่าเซิร์ฟเวอร์ของคุณได้รับการตั้งค่าสำหรับ WordPress 5.0
- ติดต่อโฮสต์ของคุณหากคุณไม่สามารถเข้าสู่ระบบผู้ดูแลระบบของคุณ
- หากคุณยังคงสามารถเข้าสู่ระบบผู้ดูแลระบบได้ ให้ปิดใช้งานปลั๊กอินทั้งหมดของคุณและลองโหลดไซต์อีกครั้งหากโหลดได้ ระบุปลั๊กอินที่ผิดพลาดแล้วถอนการติดตั้ง
อ่านเพิ่มเติม
- คุณสมบัติที่น่าตื่นเต้นของ Gutenberg
- Gutenberg 2.8