บรรณาธิการ Gutenberg คืออะไร? มันทำให้โลก WordPress มีพายุได้อย่างไร? ทุกสิ่งที่คุณอยากรู้

เผยแพร่แล้ว: 2019-02-15

ด้วย 1 ใน 4 เว็บไซต์ที่ใช้ WordPress ไม่ต้องสงสัยเลยว่าเป็นหนึ่งในระบบจัดการเนื้อหา (CMS) ที่มีการใช้งานมากที่สุด ตั้งแต่เริ่มแรก ระบบได้พัฒนาจากระบบการจัดการบล็อกไปสู่ ​​CMS ที่หลอกลวงอย่างแพร่หลาย แต่อย่างที่กล่าวไปแล้ว สิ่งต่าง ๆ กำลังเปลี่ยนแปลงอย่างรวดเร็วในโลกของ WordPress และตามความเห็นของเรา สิ่งต่าง ๆ กำลังเปลี่ยนแปลงไปในทางที่ดี!

เครื่องมือแก้ไขข้อความแบบดั้งเดิม ใกล้สูญพันธุ์!

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

ด้วย WordPress 5.0 ที่เผยแพร่เมื่อวันที่ 6 ธันวาคม 2018 ตัวแก้ไขใหม่ชื่อ Gutenberg ได้รับการแนะนำ ได้รับการตั้งชื่อตาม Johannes Gutenberg ผู้ประดิษฐ์แท่นพิมพ์

Gutenberg แตกต่างจาก TinyMCE Editor หรือ Text Editor แบบดั้งเดิมอย่างไร?

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

  • ข้อความ
  • ภาพ
  • ฝัง
  • ปุ่ม
  • วิดเจ็ต
  • โต๊ะ
  • และอื่น ๆ อีกมากมาย.

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

มีหลายกรณีที่พวกคุณหลายคนใช้ WordPress เวอร์ชันต่ำกว่า 5.0 และต้องการลองใช้ปลั๊กอิน Gutenberg เพื่อเริ่มต้น คุณสามารถทำตามขั้นตอนด้านล่าง:

วิธีการติดตั้งปลั๊กอิน Gutenberg?

คุณสามารถเริ่มต้นด้วยการดาวน์โหลดและติดตั้งปลั๊กอิน Gutenberg จากที่เก็บปลั๊กอิน WordPress.org ในกรณีที่คุณเป็นบุคคลที่เก็บข้อมูล คำแนะนำมาตรฐานคือให้คุณโคลนเวอร์ชันการพัฒนาของ Gutenberg ที่โฮสต์ที่ GitHub ข้อดีอีกประการของการใช้พื้นที่เก็บข้อมูลการพัฒนาคือ คุณจะได้รับเวอร์ชันการพัฒนา React.js ที่รวมเข้ากับที่เก็บ Gutenberg แล้ว

เวอร์ชันการพัฒนายังมีการรายงานข้อผิดพลาดอย่างละเอียดมากขึ้น ซึ่งช่วยในการดีบักอย่างมีประสิทธิภาพ

ทำความเข้าใจเค้าโครง Gutenberg

  1. บล็อกประเภทต่าง ๆ ที่มีอยู่คืออะไร?
Gutenberg-พื้นฐานเค้าโครง

Gutenberg มีบล็อกมากมาย แบ่งออกเป็นหมวดหมู่ต่างๆ บล็อกที่ใช้บ่อยที่สุดจะเห็นอยู่ด้านบน เมื่อเลื่อนลงมา จะมีส่วนอื่นๆ เช่น บล็อกทั่วไป การจัดรูปแบบ องค์ประกอบเลย์เอาต์ วิดเจ็ต ฯลฯ เราสามารถเลือกบล็อกที่ต้องการ ลากไปวางบนเลย์เอาต์ของหน้าและเริ่มแก้ไขได้ ประเภทของบล็อกและการใช้งานบางส่วนได้อธิบายไว้ด้านล่าง

  • องค์ประกอบแบบอินไลน์จะมีเพียงบล็อกเดียวสำหรับรูปภาพแบบอินไลน์
  • บล็อคทั่วไปจะประกอบด้วยข้อความปกติ ย่อหน้า เครื่องหมายคำพูด และบล็อคพื้นฐานอื่นๆ อีกมากมาย
  • การจัดรูปแบบสามารถใช้สำหรับเนื้อหาเช่นตารางหรือเนื้อหาที่มีการจัดรูปแบบอื่นๆ เช่น คำพูดดึง
  • องค์ประกอบเค้าโครงสามารถใช้เพื่อแบ่งข้อความออกเป็นคอลัมน์
  • วิดเจ็ตสามารถใช้เพื่อเพิ่มหมวดหมู่ รหัสย่อ หรือเพื่อแสดงวิดเจ็ตแถบด้านข้าง
  • การฝังอาจช่วยเพิ่ม YouTube, Twitter, Instagram หรือเนื้อหาภายนอกอื่นๆ
  1. ตัวอย่างวิธีการใช้บล็อค
  1. ด้านล่างนี้คือบล็อคใบเสนอราคาที่ได้รับเลือกจากหมวดบล็อคทั่วไปและวางบนหน้าจอ เมื่อคุณวางบล็อคใบเสนอราคาแล้ว คุณสามารถเริ่มแก้ไขข้อความได้ตามต้องการ
  1. คุณยังสามารถสร้างเค้าโครงคอลัมน์ได้หลายแบบ คุณสามารถเลือกบล็อกคอลัมน์ได้จากส่วนองค์ประกอบเลย์เอาต์ เมื่อเลือกบล็อกคอลัมน์แล้ว คุณสามารถย้ายบล็อกย่อยภายในบล็อกคอลัมน์นี้เพื่อจัดโครงสร้างเนื้อหาของคุณ
  1. วิธีการจัดเรียงหน่วยการสร้างพื้นฐานเหล่านี้ใหม่?
  1. ลูกศรขึ้นหรือลงสามารถใช้เพื่อย้ายบล็อกทีละที่
  2. ในกรณีที่คุณต้องการเคลื่อนย้ายได้อย่างอิสระมากขึ้น คุณสามารถใช้ไอคอนหกจุดเพื่อลากและวางในที่ที่ต้องการ
  • จะแก้ไขซอร์สโค้ดได้อย่างไร?
  1. ในกรณีที่จำเป็นต้องแก้ไขที่ระดับซอร์สโค้ด คุณสามารถคลิกที่จุดแนวตั้งสามจุดที่ด้านบนขวาและเลือกตัวแก้ไขโค้ด

  1. สำหรับการปรับปรุงประสบการณ์การแก้ไขของคุณ Gutenberg มีโหมดเต็มหน้าจอ แถบเครื่องมือคงที่ โหมดสปอตไลท์

เมื่อคุณแก้ไขเสร็จแล้ว เพียงคลิกปุ่มเผยแพร่ คุณก็จะเตรียมโพสต์ของคุณให้พร้อม!

ข้อดี (PROS) ของ Gutenberg

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

ข้อเสีย (CONS) ของ Gutenberg

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

การใช้ตัวแก้ไขดั้งเดิม (เช่น TinyMCE) กับ WordPress 5.0

เนื่องจาก WordPress 5.0 มีให้ใช้งานแล้ว เว็บไซต์ WordPress ทั้งหมดจึงต้องได้รับการอัปเกรดเพื่อรับการอัปเดตด้านความปลอดภัย อย่างที่กล่าวไปแล้วว่ามีปลั๊กอิน WordPress อย่างเป็นทางการชื่อ “Classic Editor” (https://WordPress.org/plugins/classic-editor/) ที่จะช่วยให้นักพัฒนามีเวลาทำความคุ้นเคยกับ Gutenberg ตามคำชี้แจงอย่างเป็นทางการที่กล่าวถึงในคำอธิบายของปลั๊กอินนี้ "ตัวแก้ไขแบบคลาสสิกจะได้รับการสนับสนุนและบำรุงรักษาอย่างเต็มที่จนถึงอย่างน้อย 2022 หรือตราบเท่าที่จำเป็น"

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