สิ่งที่คุณควรรู้เกี่ยวกับ Gutenberg WordPress Editor

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

ทำความเข้าใจเกี่ยวกับ Gutenberg WordPress Editor

โปรแกรมแก้ไข Gutenberg WordPress เป็นโปรแกรมแก้ไขภาพใหม่ นอกจากนี้ยังได้รับการออกแบบเพื่อรวมเข้ากับแกนหลักของ WordPress Gutenberg ช่วยด้วยการเพิ่มฟังก์ชันการทำงาน เช่น ตัวสร้างเพจ แต่มีการบล็อกเนื้อหาเพิ่มเติม ตัวอย่างเช่น อาจคืนสถานะ TinyMCE ให้เป็นหนึ่งในตัวแก้ไขเนื้อหาเริ่มต้น

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

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

จุดประสงค์หลักของ Gutenberg WordPress Editor

ให้เราดูวัตถุประสงค์หลักของ Gutenberg จากมุมมองของการใช้งาน

การใช้งานหลักคือการทำให้ประสบการณ์ 'การเพิ่มเนื้อหาที่หลากหลายไปยัง WordPress' นั้นสนุกและน่าตื่นเต้นยิ่งขึ้น

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

คุณสงสัยเกี่ยวกับการอภิปรายเกี่ยวกับ Gutenberg ที่กำลังดำเนินอยู่หรือไม่? จากนั้นอ่านต่อในขณะที่เราพูดถึงเรื่องนี้ในรายละเอียดเพิ่มเติม

Matt Mullenweg เป็นบุคคลสำคัญที่อยู่เบื้องหลัง Gutenberg

ตามประกาศของ Mullenweg ใน 'State of the Word 2016' Gutenberg เป็นโปรแกรมแก้ไขภาพ อย่างไรก็ตาม เป็นหนึ่งในสามแกนหลักที่สำคัญสำหรับอนาคตของ WordPress ก่อนหน้านี้ในปี 2017 Mullenweg เข้ารับตำแหน่งหัวหน้าโครงการ Gutenberg แต่สำหรับการพัฒนาต่อไป Mullenweg ว่าจ้าง Joen Asmussen และ Matias Ventura เขาจ้างพวกเขาเป็นพนักงานอัตโนมัติ ดังนั้น หากคุณต้องการอ่านเพิ่มเติมเกี่ยวกับ Mullenweg เกี่ยวกับ Gutenberg คุณควรไปที่ 'We Called it Gutenberg for a Reason'

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

Gutenberg ยังคงถูกนำไปใช้

นี่คือสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับคุณลักษณะที่จะเกิดขึ้นของ Gutenberg

• Gutenberg ยังไม่เสร็จ ขณะนี้มีการนำคุณลักษณะต่างๆ ของ Gutenberg มาใช้ นอกจากนั้น เวอร์ชันใหม่ยังได้ปรับปรุงคุณลักษณะและ UI ที่ใช้งานก่อนหน้านี้
• ไม่ต้องกังวลหาก Gutenberg ทำงานไม่ถูกต้องสำหรับคุณ ปัญหากำลังได้รับการแก้ไขในขณะที่ทีมยังคงพัฒนาต่อไป
• ตัวแก้ไขกำลังถูกเขียนขึ้นโดยใช้ React JavaScript อย่างไรก็ตาม เมื่อพิจารณาจากการกระทำปัจจุบันของ Facebook ในการออกใบอนุญาตโครงการใหม่ภายใต้ชื่อ – ใบอนุญาต MIT นาย Matt ประกาศว่า Gutenberg และ wordpress.com จะถูกเขียนใหม่ด้วยไลบรารีอื่น สิ่งนี้จะทำให้ความคืบหน้าของ Gutenberg ล่าช้าไประยะหนึ่ง

Gutenberg Embeds and Blocks

ในการปรับแต่งเลย์เอาต์และเนื้อหา Gutenberg นำเสนอช่วงของบล็อก

นี่คือ Embeds ที่นำเสนอโดย Gutenberg

ข้อดีของ Gutenberg

ต่อไปนี้คือข้อดีบางประการของการนำ Gutenberg มาใช้ร่วมกับ WordPress 5.0

ความคืบหน้าของโปรแกรมแก้ไขภาพ WordPress

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

การย้ายที่ชาญฉลาดเพื่อเก็บข้อมูลบล็อกโดยใช้ความคิดเห็น HTML

• Gutenberg เก็บข้อมูลบล็อกในความคิดเห็น HTML
• ความคิดเห็นเหล่านี้ไม่ได้แสดงอยู่บนหน้าที่ใช้งานจริงของเว็บไซต์และสามารถเห็นได้เฉพาะที่ส่วนหลังของเว็บไซต์เท่านั้น

คุณสามารถปิดการใช้งาน Gutenberg ได้อย่างง่ายดายโดยไม่ทำลายไซต์

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

ดำเนินการคัดลอก/วางรูทีนที่ดีขึ้น

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

เอาต์พุต HTML5 ที่แข็งแกร่ง

• Gutenberg ใช้แท็ก HTML 5 เช่น รูปและส่วน เพื่อบล็อกเนื้อหาเอาต์พุต
• ด้วยความช่วยเหลือของแท็ก HTML 5 เนื้อหาที่พิสูจน์อนาคตสามารถสร้างขึ้นใน Gutenberg

บล็อกเขียนง่าย

• ในการสร้างเนื้อหาที่กำหนดเอง นักพัฒนาสามารถสร้างบล็อกส่วนตัวของตนเองได้
• มีแหล่งข้อมูลออนไลน์มากมายเพื่อรับข้อมูลเพิ่มเติมเกี่ยวกับการเขียนบล็อกใน Gutenberg

ข้อเสียของการใช้ Gutenberg

ไม่มีองค์ประกอบในเบราว์เซอร์อีกต่อไป

• จุดเน้นของ UI ของ Gutenberg อยู่ที่การจัดวางเนื้อหาแทนการสร้างเนื้อหา
• สมัยก่อนของนักพัฒนาในการเขียนเนื้อหาโดยใช้หน้าต่างโพสต์สิ้นสุดลงแล้ว

คุณอาจพบว่า UI นั้นดูเกะกะเล็กน้อย

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

ย่อหน้าไม่มีรหัสย่อ

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

ไม่มีการฝังหรือรูปภาพอื่น ๆ ในย่อหน้า

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

ข้อกังวลด้านการเข้าถึงที่สำคัญ (อย่างน้อยก็ในตอนนี้)

• สำหรับตอนนี้ Gutenberg กำลังประสบปัญหาการช่วยสำหรับการเข้าถึง อาจมีปัญหาสำคัญบางประการในการเข้าถึงโดยใช้ส่วนหลังของตัวแก้ไข นอกจากนี้ยังใช้กับเอาต์พุตเนื้อหาในส่วนหน้า (เช่น CSS แบบอินไลน์)
• ก่อนการเปิดตัวครั้งสุดท้าย ทีม WP Accessibility มักจะแก้ไขปัญหาเหล่านี้
  - โดยทั่วไป การเข้าถึงเป็นสิ่งสำคัญสำหรับ WordPress
  - เนื่องจากในปัจจุบัน CSS แบบอินไลน์ได้รับการเก็บรักษาไว้ในความคิดเห็น HTML ก่อนแสดงผลในส่วนหน้า วิธีที่นักพัฒนาจะจัดการกับปัญหานี้จึงเป็นคำถามใหญ่

ธีมที่เก่ากว่าไม่ได้ระบุเอาต์พุต HTML 5

• ตัวแก้ไขบล็อกเนื้อหาเอาต์พุตโดยใช้แท็ก HTML 5 เช่น รูปและส่วน
• ธีมที่เก่ากว่าจำนวนมากไม่มี CSS สำหรับการจัดสไตล์แท็ก ดังนั้น ช่องว่างภายในหรือระยะขอบสำหรับแท็กดังกล่าวอาจไม่มีอยู่จริง
• Gutenberg เองไม่มีสไตล์ชีตของตัวเองสำหรับเรื่องนี้

จำนวนมากยังไม่ได้รับการแก้ไขด้วย Gutenberg

ความสัมพันธ์ระหว่างธีมและบรรณาธิการ Gutenberg:

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

Gutenberg จะรวมเข้ากับแกนหลักของ WordPress อย่างไร?

จนถึงตอนนี้ บ่งชี้ว่า Gutenberg กำลังจะเป็นส่วนหนึ่งของ WordPress core WordPress เวอร์ชัน 5.0 คาดว่าจะเปิดตัวในปี 2018
หากคุณสงสัยว่าตัวแก้ไขจะเปิดใช้งานโดยค่าเริ่มต้นหรือไม่ หรือสามารถปิดใช้งานได้ตามตัวเลือก คำถามเหล่านี้ก็ยังไม่มีคำตอบ ณ จุดนี้ไม่มีอะไรสามารถพูดได้อย่างแน่นอน บางทีตัวแก้ไขอาจถูกดำเนินการในลักษณะเดียวกับ REST API (เปิดโดยค่าเริ่มต้น) นอกจากนี้ยังสามารถปิดการใช้งานได้อย่างง่ายดายโดยใช้ปลั๊กอินวัตถุประสงค์เดียวหรือปลั๊กอินความปลอดภัยอื่น ๆ เช่น iThemes Security

คนส่วนใหญ่คิดว่ามันจะมาพร้อมกับปลั๊กอิน 'ปิดการใช้งาน Gutenberg' หรือบล็อกโค้ด บางทีผู้สร้างเพจที่มีชื่อเสียงอาจมีตัวเลือกในการปิดการใช้งาน Gutenberg ในการตั้งค่าของพวกเขา ข้อเสนอแนะยอดนิยมประการหนึ่งคือการนำเสนอบน Jetpack และให้ผู้ใช้เปิดใช้งานโดยใช้แพลตฟอร์มนั้น

วันที่เผยแพร่ Gutenberg WordPress Editor

จนถึงขณะนี้ยังไม่มีการประกาศวันวางจำหน่ายอย่างเป็นทางการ

อย่างไรก็ตาม Matt Mullenweg ได้กล่าวไว้ว่า “ทีมงานของ Gutenberg กำลังถอยหนึ่งก้าว พวกเขากำลังทำเพื่อเขียน Gutenberg ใหม่โดยใช้ห้องสมุดอื่น ซึ่งอาจทำให้การเปิดตัว Gutenberg ล่าช้า อย่างน้อยก็อาจล่าช้าไปสองสามสัปดาห์ นี่คือเหตุผลที่แท้จริง การเปิดตัวของ Gutenberg ถูกผลักดันเข้าสู่ปี 2018”

มีปฏิกิริยารุนแรงมากมายต่อข้อความนี้โดยเฉพาะ ตัวอย่างเช่น Yoast ได้กล่าวว่า:

"ที่ Yoast เราค่อนข้างตกใจกับคำเหล่านี้ ในรูปแบบปัจจุบัน Gutenberg ยังไม่พร้อมสำหรับการใช้งานหลักเลย อันที่จริง เราไม่เห็นว่าคำนี้พร้อมจะออกสู่ตลาดในช่วงครึ่งแรกของปี 2018 นอกจากนี้ การพร้อมที่จะเผยแพร่หมายความว่าชุมชนมีเวลาเหลือเฟือในการแก้ไขการผสานรวมทั้งหมดของพวกเขา แต่ ณ เวลานี้ ปลั๊กอินไม่สามารถรวมเข้ากับ Gutenberg ได้เลย ผู้เขียนปลั๊กอินควรทำอย่างไร เพื่อสร้างการบูรณาการภายในไม่กี่เดือนหรือ เป็นไปไม่ได้ อย่างน้อยก็ไม่ต้องทำลายสิ่งต่าง ๆ "

Yoast แนะนำหลักสูตรอื่นสำหรับ Gutenberg

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

Yoast กล่าวถึงแนวคิดในการรวมปลั๊กอินเข้ากับ Gutenberg

"เราเริ่มต้นด้วยการแยกย่อยคุณลักษณะทั้งหมดของเรา ยิ่งกว่านั้น เรามาดูกันว่าเราจะสามารถรวมคุณลักษณะเหล่านี้เข้ากับ Gutenberg ได้ที่ไหน อย่างไรก็ตาม เราไม่คิดว่าการถือกล่องขนาดใหญ่เพียงช่องเดียวด้านล่างตัวแก้ไขจะให้บริการลูกค้าของเราได้ดีที่สุด ดังนั้น เราค่อนข้างจะบูรณาการในที่ที่การกระทำเกิดขึ้น Gutenberg เสนอโอกาสนั้นให้เรา”

คุณคิดเห็นอย่างไรกับกูเตนเบิร์ก?

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

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