กูเทนเบิร์กคืออะไร?

เผยแพร่แล้ว: 2019-01-29
What is Gutenberg

ปรับปรุงล่าสุด - 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

  1. เข้าสู่ระบบผู้ดูแลระบบ WordPress ของคุณ
  2. ไปที่ Plugins คลิก Add New
  3. ในช่องค้นหา ค้นหา "Gutenberg"
  4. คลิก ติดตั้ง และรอให้การติดตั้งเสร็จสิ้น

เมื่อเสร็จแล้ว ปุ่มจะเปลี่ยนเป็น Activate

  1. คลิกเปิดใช้งาน – ปลั๊กอิน Gutenberg ของคุณพร้อมสำหรับการทดสอบแล้ว

เมื่อเปิดใช้งานปลั๊กอินแล้ว ตัวแก้ไขเริ่มต้นของเว็บไซต์ของคุณจะเปลี่ยนเป็น Gutenberg โดยอัตโนมัติ เมื่อคุณไปที่หน้าหรือส่วนโพสต์ของเว็บไซต์ของคุณ

The Gutenberg จะทำให้การออกแบบเว็บไซต์ของคุณง่ายขึ้นอย่างไร

ไม่เหมือนตัวแก้ไขแบบคลาสสิกก่อนหน้านี้ Gutenberg จะนำเครื่องเทศจำนวนมากมาสู่งานออกแบบของคุณ โดยให้ความยืดหยุ่นในการออกแบบที่กำหนดเอง ด้วยบล็อกที่ฝังอยู่ภายใน ช่วยให้ผู้ใช้สามารถสร้างการออกแบบที่สวยงามโดยมีประสบการณ์การออกแบบเว็บไซต์เพียงเล็กน้อยหรือไม่มีเลย Gutenberg จะเปลี่ยนการออกแบบเว็บไซต์ไปตลอดกาล เนื่องจากจะให้ผู้ใช้ที่ไม่มีประสบการณ์ในการเขียนโปรแกรมเพื่อสร้างเว็บไซต์ระดับมืออาชีพ

Gutenberg Interphase

การวิเคราะห์ Gutenberg WordPress Editor

  1. – ให้คุณเพิ่มบล็อคใหม่

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 พฤศจิกายน และจะพบกับการเปลี่ยนแปลงที่สำคัญสองประการนอกเหนือจากการแก้ไขข้อบกพร่องเล็กน้อยซึ่งรวมถึง:

  1. การเพิ่มบรรณาธิการ Gutenberg
  2. การรวมธีม 2019 ล่าสุด

นี่เป็นหนึ่งในการเปลี่ยนแปลงครั้งใหญ่ที่สุดของ WordPress ตั้งแต่เริ่มก่อตั้ง ซึ่งหลายคนอาจพบว่าปรับให้เข้ากับการเปลี่ยนแปลงเหล่านี้ได้ยาก

วิธีเตรียมไซต์ของคุณสำหรับการอัปเกรด WordPress 5.0

  1. ตรวจสอบให้แน่ใจว่าปลั๊กอินทั้งหมดของคุณทันสมัย
  2. ตรวจสอบให้แน่ใจว่าธีมของคุณได้รับการอัปเดต
  3. อัปเกรดเป็น PHP 7.2 (อย่าลืมสำรองข้อมูลระบบของคุณก่อนทำสิ่งนี้)
  4. ตรวจสอบให้แน่ใจว่าการกำหนดค่าเซิร์ฟเวอร์ของคุณได้รับการตั้งค่าสำหรับการอัพเดท

แนวทางการอัพเกรดเป็น Gutenberg

  1. ทดสอบความเข้ากันได้กับธีมของคุณ
  2. แบ่งโพสต์ของคุณเป็นบล็อคก่อนอัปเกรดเต็ม

WordPress 5.0 วันที่วางจำหน่าย

วันที่กำหนดสำหรับการอัปเดต WordPress 5.0 คือ 19 พฤศจิกายน 2018 แต่ถูกย้ายไปปลายเดือนพฤศจิกายน/ต้นเดือนธันวาคม 2018 ในขณะที่รุ่นถัดไปมีกำหนดในวันที่ 22 มกราคม 2019

ข้อผิดพลาดของ WordPress และการสนับสนุน

สิ่งที่คุณควรรู้เกี่ยวกับการอัปเดต WordPress 5.0

  1. มันคือการอัปเดต WordPress ที่สำคัญ
  2. หากคุณไม่อัปเดตธีมหรือปลั๊กอิน มีความเป็นไปได้ที่ไซต์ของคุณอาจพัง
  3. มันมาพร้อมกับตัวแก้ไขที่แตกต่างกันซึ่งจะต้องฝึกฝนเพื่อให้ได้มันมา
  4. จะช่วยเพิ่มประสิทธิภาพ
  5. คุณอาจประสบปัญหาความเข้ากันได้กับธีมและปลั๊กอินบางตัว

จะเป็นครั้งแรกนับตั้งแต่ที่ WordPress จะมีการเปลี่ยนแปลงครั้งใหญ่เช่นนี้

สิ่งที่คุณควรทำเพื่อเตรียมไซต์ของคุณให้พร้อมสำหรับ WordPress 5.0 และ Gutenberg Update

  1. ทดสอบไซต์ของคุณด้วยปลั๊กอิน Gutenberg ก่อนการเปิดตัวเต็มรูปแบบ
  2. ตรวจสอบให้แน่ใจว่าธีมและปลั๊กอินของคุณเข้ากันได้กับการอัปเดตล่าสุด
  3. ตรวจทานหน้าที่มีอยู่และเตรียมสำหรับบล็อกซึ่งเป็นส่วนสำคัญของ Gutenberg

จะเกิดอะไรขึ้นถ้าคุณไม่ต้องการให้บรรณาธิการ Gutenberg?

ตัวแก้ไขแบบคลาสสิกจะพร้อมใช้งานเป็นปลั๊กอิน ดังนั้น หากคุณกำลังมีปัญหากับไซต์ของคุณหรือมีปัญหากับตัวแก้ไข WordPress 5.0 Gutenberg คุณสามารถเลือกติดตั้งตัวแก้ไข Classic แบบเก่าได้ ขอแนะนำให้ติดตั้ง Classic Editor ในกรณีที่มีบางอย่างผิดพลาดเมื่อคุณย้ายไปยัง WordPress 5.0

ด้วยการอัปเดต WordPress 5.0 ใหม่และการเพิ่มตัวแก้ไข Gutenberg จะส่งผลต่อวิธีที่ผู้ใช้ WordPress สร้างและแก้ไขเนื้อหาตลอดไป เนื่องจาก WordPress ดูเหมือนจะย้ายจากแพลตฟอร์มการสร้างบล็อกไปเป็นแพลตฟอร์มการพัฒนาเว็บไซต์ที่มีความยืดหยุ่นอย่างมากในกระบวนการออกแบบโดยรวม

ทำไมคุณควรอัปเดตเป็น WordPress 5.0

  1. ทำให้การสร้างเนื้อหาเป็นเรื่องง่าย
  2. ทำให้การสร้างเว็บทำได้ง่ายแม้ไม่มีความรู้ด้านเทคนิคเกี่ยวกับการออกแบบเว็บไซต์
  3. คุณสามารถสร้างการออกแบบที่สะอาด ง่าย และซับซ้อนได้
  4. มันจะเป็นแกนหลักของการพัฒนาเว็บไซต์ใน WordPress
  5. มันเป็นมือถือและใช้งานง่าย

สิ่งที่น่ากลัวที่สุดอย่างหนึ่งที่คุณจะสัมผัสได้กับเว็บไซต์ของคุณคือเมื่อเว็บไซต์ของคุณหยุดทำงานกะทันหันหรือมีข้อบกพร่อง และคุณไม่มีเงื่อนงำเกี่ยวกับวิธีการแก้ไข ผู้ใช้บางคนอาจประสบปัญหาในกระบวนการพยายามโยกย้ายเพื่อโยกย้ายไปยัง Gutenberg หรือเมื่อมีการอัปเกรด WordPress 5.0

นี่อาจไม่ใช่ปัญหามากนักสำหรับช่างเทคนิคบางคน แต่สำหรับเจ้าของเว็บไซต์ที่ไม่ใช่ผู้มีเทคโนโลยี นี่อาจเป็นปัญหาใหญ่

จะเกิดอะไรขึ้นกับเนื้อหาที่มีอยู่

WordPress ทำทุกอย่างเท่าที่ทำได้เพื่อให้แน่ใจว่าการอัพเกรดจะเป็นกระบวนการที่ราบรื่น แต่น่าเสียดายที่เนื่องจากปัญหาความเข้ากันได้ การตั้งค่าเซิร์ฟเวอร์และการกำหนดค่า ปลั๊กอินที่ไม่รองรับ และสาเหตุอื่นๆ บางไซต์จะประสบปัญหาเล็กน้อยหรือสำคัญอันเป็นผลมาจากการอัปเกรดนี้ ปัญหาบางอย่างอาจน้อยพอๆ กับการพยายามหาวิธีใช้เครื่องมือแก้ไขใหม่กับบางสิ่งที่ใหญ่เท่ากับเว็บไซต์ไม่โหลด

WordPress จะมีปลั๊กอินตัวแก้ไขแบบคลาสสิกที่ฝังอยู่ในบล็อกข้อความแบบคลาสสิกภายใน Gutenberg ซึ่งส่วนใหญ่จะแก้ปัญหาความเข้ากันได้กับบล็อก Gutenberg ใหม่ ซึ่งจะทำให้การโยกย้ายและการอัปเกรดเป็นไปอย่างราบรื่นซึ่งจะทำให้เกิดความต่อเนื่อง

อย่างไรก็ตาม หากคุณประสบปัญหาใด ๆ ในระหว่างการอัพเกรด จะไม่มีเหตุให้มีการเตือน ต่อไปนี้คือปัญหาบางส่วนที่คุณอาจพบและวิธีแก้ไข

  1. หน้าโพสต์เปล่า:

อัปเกรดเป็น WordPress เวอร์ชันล่าสุด

ตรวจสอบให้แน่ใจว่าธีมและปลั๊กอินของคุณทันสมัย

ตรวจสอบให้แน่ใจว่าธีมเข้ากันได้กับ Gutenberg

  1. หน้าไม่โหลดอย่างถูกต้อง

ปัญหาอื่นที่คุณอาจพบคือหน้าเว็บของคุณโหลดไม่ถูกต้อง

  1. ติดตั้งตัวแก้ไขแบบคลาสสิก
  2. แบ่งเนื้อหาของคุณออกเป็นบล็อค
  3. รับธีมที่เข้ากันได้กับ Gutenberg
  4. หน้าไม่โหลด

นี่คือฝันร้ายที่สุดของทุกคน เมื่อเพจของคุณหยุดโหลดกะทันหัน

  1. ตรวจสอบให้แน่ใจว่าการตั้งค่าเซิร์ฟเวอร์ของคุณได้รับการตั้งค่าสำหรับ WordPress 5.0
  2. ติดต่อโฮสต์ของคุณหากคุณไม่สามารถเข้าสู่ระบบผู้ดูแลระบบของคุณ
  3. หากคุณยังคงสามารถเข้าสู่ระบบผู้ดูแลระบบได้ ให้ปิดใช้งานปลั๊กอินทั้งหมดของคุณและลองโหลดไซต์อีกครั้งหากโหลดได้ ระบุปลั๊กอินที่ผิดพลาดแล้วถอนการติดตั้ง

อ่านเพิ่มเติม

  • คุณสมบัติที่น่าตื่นเต้นของ Gutenberg
  • Gutenberg 2.8