หนึ่งปีกับกูเตนเบิร์ก

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

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

การเปิดตัวของ Gutenberg

ใน State of the Word ประจำปี 2016 Matt กล่าวว่าตัวแก้ไข WordPress เป็นหนึ่งในสิ่งที่เราควรจะให้ความสำคัญ เนื่องจากจำเป็นต้องปรับปรุงอย่างมาก ในเวลานั้น ข่าวลือแรกเกี่ยวกับ "ตัวแก้ไขแบบบล็อก" ซึ่ง "รวมวิดเจ็ต" และ "ปรับปรุงรหัส ย่อ " ปรากฏขึ้น มันเป็นเพียงแวบแรกที่จะกลายเป็น Gutenberg หรือไม่?

หนึ่งปีต่อมา ใน State of the Word 2017 แมตต์ได้นำเสนอ Gutenberg อย่างเป็นทางการ ซึ่งเป็นโครงการที่ใช้เวลาพัฒนาไป 11 เดือนแล้วและยังมีเวลาอีกเล็กน้อยที่จะดำเนินการต่อไป โปรเจ็กต์ได้นำเสนอ แนวคิดของ "บล็อก" ซึ่งเป็นโซลูชันที่หรูหราสำหรับการสร้างและการจัดการเนื้อหา Gutenberg ยังคงเป็นสีเขียวเกินไปที่จะเป็นส่วนหนึ่งของแกนหลักของ WordPress ดังนั้นจึงยังคงเป็นปลั๊กอินสำหรับสองสามเดือน

ในที่สุด หลังจากสองปีของการตั้งครรภ์ ก็ถึงเวลาที่จะนำเสนอเด็กใหม่สู่สังคม และในตอนท้ายของ 2018 Gutenberg ในที่สุดก็กลายเป็นส่วนหนึ่งของ WordPress Core ในความเห็นของฉัน (และของผู้เชี่ยวชาญหลายๆ คนในภาคส่วนนี้) รู้สึกเหมือนเป็นการตัดสินใจที่เร่งรีบ—เรารู้สึกว่าปลั๊กอินยังไม่พร้อมสำหรับบุคคลทั่วไป แต่อนิจจา ก็มีอยู่จริง การรวม Gutenberg ใน WordPress เวอร์ชันใหม่นั้นเต็มไปด้วยความขัดแย้งและผู้คนจำนวนมากเกลียดชังมัน

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

ก้าวแรก

ตามที่ระบุไว้ข้างต้น การเปิดตัว Gutenberg อย่างเป็นทางการนั้นค่อนข้างยาก โดยเฉพาะอย่างยิ่งเนื่องจากมีผู้ว่าหลายคนและมีรายละเอียดมากมายที่จะต้องขัดเกลา แน่นอนว่ามันรู้สึกเหมือนเป็นการตัดสินใจที่เร่งรีบ คุณรู้ไหมว่า WordCamp US 2018 ใกล้เข้ามาแล้ว และ “เราต้องการให้ Gutenberg อยู่ในนั้นแล้ว” และพวกเขาก็เป็นเช่นนั้น

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

ปัญหาหลักที่เราทุกคนเผชิญในช่วงสองสามสัปดาห์แรกคือ UX ที่มีประสิทธิภาพต่ำ ฉันจำได้ว่าตัวแก้ไขใช้ไม่ได้อย่างสมบูรณ์หากคุณใช้กับ Yoast เห็นได้ชัดว่าเป็นเพราะปัญหากับ Gutenberg annotation API บล็อกถูกย้ายในลักษณะแปลก ๆ แป้นพิมพ์ลัดแตกต่างและคาดเดาไม่ได้ ตัวแก้ไขล้าหลังในคอมพิวเตอร์รุ่นเก่า...

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

วิวัฒนาการ

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

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

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

บล็อกไลบรารี

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

ในช่วงไม่กี่เดือนที่ผ่านมา เราได้เห็นแล้วว่าปลั๊กอินปรากฏขึ้นโดยมีวัตถุประสงค์เพียงเพื่อขยายช่วงของบล็อกที่มีใน Gutenberg อย่างไร ตัวอย่างเช่น เรามีปลั๊กอินเช่น Atomic Blocks ที่เพิ่มบล็อกใหม่ เช่นเดียวกับปลั๊กอินเช่น Stackable หรือ EditorsKit ที่มีสไตล์ใหม่และเสนอตัวเลือกการแก้ไขเพิ่มเติมให้กับบล็อกที่มีอยู่แล้ว

ข้อดีของ Gutenberg

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

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

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

การปรับปรุงอย่างต่อเนื่อง

Gutenberg พัฒนาขึ้นเรื่อยๆ ในทุกๆ เวอร์ชันใหม่ เนื่องจากมีฟีเจอร์ใหม่และการปรับปรุงหลายอย่างรวมอยู่ในเวอร์ชันเดียว ตัวอย่างเช่น เมื่อไม่กี่สัปดาห์ก่อน เวอร์ชันใหม่ของปลั๊กอิน Gutenberg (7.1 แล้ว) ได้ปรากฏขึ้นพร้อมกับการปรับปรุงการใช้งานเล็กน้อยสำหรับผู้ใช้ เช่น บทสนทนาต้อนรับเพื่อ "ตอบสนอง" Gutenberg หรือการปรับปรุงการเลือกเนื้อหาแบบหลายบล็อก

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

สิ่งที่ Gutenberg มีความหมายสำหรับเรา (ที่ Nelio)

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

ตามที่ Toni บอกคุณเมื่อไม่กี่สัปดาห์ก่อน ในช่วงสองปีที่ผ่านมา เราได้ศึกษาและเรียนรู้ React และ Redux จากขั้นตอนการเรียนรู้นี้ เราได้เปิดตัวปลั๊กอินเฉพาะสำหรับ Gutenberg เช่น Nelio Maps, Nelio Translate หรือ Nelio Compare Images นอกจากนี้ เรายังทุ่มเทเวลาและทรัพยากรในส่วนที่ดีของเราในการปรับปรุง Nelio A/B Testing ให้ทันสมัย ​​และขณะนี้เรากำลังดำเนินการงานเดียวกันกับ Nelio Content

เรายังใช้ทักษะที่ได้รับใหม่บางส่วนเพื่อสนับสนุน WordPress และเสนอคำขอดึงหลายรายการ:

• แก้ไขข้อผิดพลาดด้วยวันที่
• แก้ไขข้อผิดพลาดด้วย args แบบสอบถามและส่วนย่อยของ URL ใน JS
• ข้อเสนอสำหรับการทำงานกับแอตทริบิวต์ Number และ Boolean ใน Block API
• แก้ไขข้อผิดพลาดด้วย (ยกเลิก) เอนทิตี HTML ที่เป็นอักขระหลีก

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

แล้วคุณล่ะ? คุณชอบ Gutenberg ไหม? มันเปลี่ยนชีวิต คุณ ได้อย่างไร? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง

ภาพเด่นจาก freestocks.org บน Unsplash