ดูครั้งแรกที่การสาธิตสดของตัวแก้ไขเนื้อหา Gutenberg สำหรับ Drupal 8

เผยแพร่แล้ว: 2018-08-08

Drupal Europe เพิ่งประกาศโปรแกรมสำหรับงานอีเวนต์ที่จะเกิดขึ้นในเมืองดาร์มสตัดท์ ประเทศเยอรมนี วันที่ 10-14 กันยายน การประชุมจะมีผู้เชี่ยวชาญและผู้ที่ชื่นชอบ Drupal มากกว่า 1,600 คนสำหรับเซสชัน 162 ชั่วโมงและเวิร์กช็อปเชิงลึก 9 รายการ

Automattic กำลังสนับสนุนพื้นที่เครือข่าย Open Web Lounge และ Matt Mullenweg จะเข้าร่วม Dries Buytaert และ Barb Palser ในการอภิปรายเกี่ยวกับอนาคตของโอเพ่นเว็บและโอเพ่นซอร์ส

เซสชั่นที่เกี่ยวข้องกับ WordPress ที่น่าสนใจอย่างหนึ่งในโปรแกรมนี้มีชื่อว่า Introducing the Gutenberg content editor สำหรับ Drupal 8 โมดูลใหม่นี้จะพอร์ตตัวแก้ไข Gutenberg ของ WordPress ไปที่ Drupal สร้างขึ้นโดย Per Andre Rnsen และทีม Frontkom ซึ่งเป็นหน่วยงานบริการดิจิทัลที่ตั้งอยู่ในนอร์เวย์

โปรเจ็กต์ Drupal Gutenberg มีเป้าหมายเพื่อมอบประสบการณ์ใหม่ในการเผยแพร่โดยอิงจากโปรแกรมแก้ไข Gutenberg ของ WordPress การสาธิตสดบนเว็บไซต์ปัจจุบันมีการใช้งาน Gutenberg แบบโต้ตอบส่วนหน้าใน Drupal คล้ายกับการสาธิต "Frontenberg" ของ WordPress บน wordpress.org/gutenberg การใช้งานโมดูลล่าสุดจะปรากฏที่นั่น แต่ Rnsen กล่าวว่าขณะนี้กำลังมีการปรับปรุงใหม่ เนื่องจากมีสิ่งต่างๆ มากมายเกิดขึ้นกับ Gutenberg ในช่วงไม่กี่สัปดาห์ที่ผ่านมา

โครงการ Drupal Gutenberg เกิดขึ้นได้อย่างไร

Rnsen บอกกับเราว่าเขาเห็น Gutenberg เป็นครั้งแรกในปี 2560 และได้รับแรงบันดาลใจที่จะใช้มันกับหนึ่งในลูกค้าสื่อของ Frontkom

Rnsen กล่าวว่า "ความคิดที่จะฟอร์กข้อมูลเกิดขึ้นในช่วงกลางปี ​​2017 ขณะที่เราสำรวจโดยใช้ Gutenberg เป็น lib ในการสร้างหน้าแรกซึ่งได้รับการสนับสนุนจาก Google Digital News Initiative" “ในที่สุดเราก็ใช้มัน และโมดูล Drupal ก็แยกจากกันโดยธรรมชาติ”

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

จากประสบการณ์ที่ประสบความสำเร็จในการใช้ Gutenberg ให้กับลูกค้า Frontkom เริ่มทำงานในโครงการ Drupal Gutenberg ในต้นเดือนมกราคม 2018

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

Rnsen เปิดตั๋วบน GitHub โดยขอให้ทีม Gutenberg พิจารณาจัดโครงสร้างโครงการให้มีความไม่เชื่อเรื่อง CMS มากขึ้น ตั๋วถูกปิดในไม่ช้าโดยมีคำอธิบายว่า "ไม่เกี่ยวข้องโดยตรงกับงานที่เกิดขึ้นกับโครงการและเป้าหมายของโครงการ"

“เรามีภาระผูกพันต้นน้ำน้อยมาก หากมี เนื่องจากความสนใจหลักของ WP คือการตอบสนองความต้องการ WP จนถึงตอนนี้” Rnsen กล่าว “แต่นั่นก็เปลี่ยนไป”

Gutenberg กำลังมุ่งสู่การทำให้การใช้งานนอก WordPress ง่ายขึ้น ทีมงานกำลังทำงานเพื่อเผยแพร่โมดูล React ทั้งหมดเป็นแพ็คเกจ npm Rnsen กล่าวว่าเขาคาดการณ์ว่าการลดจำนวน globals ที่จำเป็นในการทำให้ Gutenberg ทำงานได้จะช่วยได้มากสำหรับ CMS อื่น ๆ

จนถึงตอนนี้ โปรเจ็กต์ Drupal Gutenberg ยังไม่ได้รับการแบ่งปันอย่างกว้างขวาง แต่ Rnsen กล่าวว่าทีมของเขาได้รับความสนใจอย่างมากจากชุมชนเทคโนโลยี Drupal

“เรามีบล็อกโพสต์เป็นภาษาอังกฤษพร้อมรายละเอียดเพิ่มเติม เราเก็บไว้ได้หลังวันหยุด” Rnsen กล่าว “แต่แล้วมันก็ระเบิดขึ้น และนักพัฒนาก็ยังติดต่อเราเพื่อขอความช่วยเหลือ”

Frontkom มีส่วนร่วมในชุมชน Drupal มานานกว่า 10 ปีและ WordPress ในช่วงสามปีที่ผ่านมา Rnsen และทีมของเขาเชื่อว่า Gutenberg เติมเต็มช่องว่างในพื้นที่ Drupal

“Drupal ไม่มีเครื่องมือสร้างหน้า WordPress แฟนซีทั้งหมด” เขากล่าว “นั่นจึงน่าสนใจมากกว่าแค่ UI แก้ไขโพสต์ใหม่ เราต้องการวิธีที่เป็นหนึ่งเดียวในการสร้างเลย์เอาต์ที่ซับซ้อน”

Drupal มีความคิดริเริ่มในการปรับปรุง UI ของผู้ดูแลระบบโดยใช้ React และ Rnsen กล่าวว่าเขาคิดว่า Gutenberg อาจมีส่วนช่วยให้สิ่งนี้เกิดขึ้นใน Drupal core ในโลกอุดมคติ โครงการโอเพ่นซอร์สจำนวนมากอาจได้รับประโยชน์อย่างมากจาก Gutenberg ที่ไม่เชื่อเรื่องพระเจ้าใน CMS โดยทั้งหมดล้วนมีส่วนในการปรับปรุงร่วมกัน

“สำหรับเราในฐานะบริษัท เป็นเรื่องที่น่าสนใจอย่างยิ่งที่จะสร้าง front-end ที่สามารถเคลื่อนย้ายไปมาระหว่าง CMS ได้อย่างง่ายดาย” Rnsen กล่าว “สำหรับ CMS แบบโอเพ่นซอร์สโดยทั่วไป ฉันคิดว่าจะมีอะไรให้เรียนรู้มากมายจากกระบวนการนำไปใช้ ตัวอย่างเช่น D8 มีแนวคิดว่า 'ทุกอย่างคือบล็อก' สิ่งนี้ทำให้เราสร้างบล็อคหลักของ Drupal ให้ใช้งานได้ใน Gutenberg ได้ง่าย – เราแค่ต้องทำเวทย์มนตร์เพื่อแสดงการตั้งค่าบล็อก”

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

“Drupal สามารถเรียนรู้ได้มากมายจาก WordPress วิธีที่พวกเขาสร้างโปรเจ็กต์ Gutenberg จริง ๆ – กระบวนการออกแบบที่โปร่งใส การทำงานร่วมกันจำนวนมาก และยังคงมีประสิทธิภาพสูง” Rnsen กล่าว “ดังนั้น WordPress นั้นล้ำหน้ากว่า Drupal อย่างแน่นอนในแง่ของงาน UI/JS ของผู้ดูแลระบบ เนื่องจากมีความสนใจมากมายในชุมชน Drupal ที่จะทำสิ่งที่คล้ายคลึงกัน จึงรู้สึกสดชื่นมากที่ได้เห็นใครบางคนผ่านมันและประสบความสำเร็จ (หวังว่า)”

Steve Persch หัวหน้านักพัฒนาซอฟต์แวร์ที่ Pantheon พูดที่ DrupalCon ในแนชวิลล์ 2018 เกี่ยวกับสิ่งที่เป็นไปได้ด้วย WordPress 5.0 และยังให้เซสชั่นที่ Twin Cities Drupal Camp ในหัวข้อ “ทุกอย่างคือบล็อก: WordPress เขียนซ้ำ WYSIWYG อย่างไร” ในการตอบสนองต่อข่าวลือบน Twitter เกี่ยวกับเซสชัน Drupal Gutenberg Persch กล่าวว่า Drupal ต้องการการปรับปรุง UX ด้านบรรณาธิการเพื่อให้สามารถแข่งขันได้ แต่ไม่จำเป็นต้องใช้ Gutenberg

“เรามีความคิดริเริ่มที่อยู่ระหว่างดำเนินการเพื่อบรรลุเป้าหมายนั้น” Persch กล่าว “กูเทนเบิร์กเองอาจกลายเป็นสิ่งที่ทำให้ไขว้เขวจากงานนั้นได้ ในทั้ง [การนำเสนอ] ฉันยังกล่าวอีกว่า Paragraphs หรือ Layout Builder อาจเป็นจุดเริ่มต้นของโมเดลข้อมูลที่ดีกว่าสำหรับฟังก์ชันเหมือน Gutenberg การส่งมอบสิ่งเดียวกันกับ WordPress จะเป็นการเอาชนะตนเอง เนื้อหาที่มีโครงสร้างเป็นหัวใจของ Drupal ฉันเห็น Gutenberg (หรืออะไรทำนองนั้น) เป็น UI ที่ดีกว่าสำหรับมุมของโมเดลข้อมูล (ส่วนย่อหน้า) ที่ไซต์ Drupal มีมานานหลายปี”

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

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