Game Studio ในมิวนิกใช้ WordPress และ Gutenberg เพื่อขับเคลื่อนเว็บไซต์อย่างไร

Mimimi สตูดิโอเกมที่ได้รับรางวัลในมิวนิก ได้เปิดตัวเว็บไซต์ WordPress ใหม่ที่นำเสนอกรณีศึกษาที่น่าสนใจของ Gutenberg ในป่า แม้ว่าคุณอาจไม่สามารถบอกได้จากส่วนหน้า แต่เบื้องหลังตัวแก้ไขแบบบล็อกใหม่กำลังขับเคลื่อนเลย์เอาต์ด้วยบล็อกที่กำหนดเอง ทำให้ทีม Mimimi สามารถอัปเดตส่วนต่างๆ ของเว็บไซต์ได้อย่างง่ายดาย

Luehrsen Heinrich เอเจนซี่โฆษณาในพื้นที่ สร้างไซต์ด้วยธีมที่กำหนดเองและเจ็ดช่วงตึกที่ปรับให้เหมาะกับความต้องการในการแก้ไขของทีม Mimimi

“งานทั่วไปคือการสร้างเว็บไซต์ที่สวยงามซึ่งง่ายต่อการบำรุงรักษา และอาจจะได้รับส่วนบล็อก/ข่าวในภายหลัง” Hendrik Luehrsen ซีอีโอของ Luehrsen Heinrich กล่าว “เราทราบดีว่าลูกค้าของเรามีคนที่มีความคิดสร้างสรรค์และเชี่ยวชาญด้านเทคโนโลยีอย่างน่าอัศจรรย์ที่ไว้วางใจเรา นั่นทำให้เรามั่นใจที่จะเข้าสู่ Gutenberg”

ไซต์ใช้บล็อกพื้นหลังที่ช่วยให้ผู้แก้ไขสร้างรูปแบบพื้นหลังที่แตกต่างกันและตัวคั่นที่เป็นคลื่น Luehrsen กล่าวว่าใช้งานได้กับ 'InnerBlocks' ซึ่งคล้ายกับคอลัมน์ ดังนั้นจึงสามารถโฮสต์บล็อกอื่นๆ ได้

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

“ฉันค่อนข้างแน่ใจว่าเราสามารถจัดวางแบบเดียวกันได้ประมาณ 80% โดยการรวมคอลัมน์ ย่อหน้า และรูปภาพเข้าด้วยกัน แต่เราไม่ต้องการให้ลูกค้าของเราเล่นซอเหมือนใน MS Word เมื่อคุณพยายามวางรูปภาพ” Luehrsen กล่าว . “ดังนั้น การสร้างบล็อกเลย์เอาต์อย่างง่ายจึงเป็นเรื่องที่สมเหตุสมผล”

เว็บไซต์ของ Mimimi ยังใช้บล็อกการสมัครใช้งาน Mailchimp แบบกำหนดเองและบล็อกตัวเว้นวรรคแบบกำหนดเองที่มอบความยืดหยุ่นและเบรกพอยต์ที่ตอบสนองได้ดียิ่งขึ้น

“โดยรวมแล้วเรา (และลูกค้าของเรา) มีความสุขมากกับผลลัพธ์” Luehrsen กล่าว “เราสามารถเห็นอนาคตของ WordPress ได้ล่วงหน้าด้วยตัวแก้ไขแบบบล็อกนี้ แต่ยังเหลือทางอีกยาวไกลจนกว่าเราจะไม่มีอะไรคลี่คลายอีกต่อไป มีบางอย่างที่ยังต้องการงานอีกมาก”

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

ประสบการณ์ Gutenberg ของ Mimimi Games: บรรณาธิการชื่นชมแนวคิดบล็อก แต่ยังพบปัญหาการใช้งาน

Johannes Roth ซีอีโอของ Mimimi Games กล่าวว่าทีมของเขาเคยใช้ WordPress มาก่อนและมองว่า Gutenberg เป็นการปรับปรุงครั้งสำคัญสำหรับการแก้ไขเนื้อหา

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

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

“มีสิ่งรบกวนสมาธิน้อยลงด้วยแถบเครื่องมือแปลก ๆ และเน้นที่เนื้อหา” Roth กล่าว “มันยังใกล้เคียงกับวิธีที่เราควรคิดเกี่ยวกับการแบ่งส่วนการจัดรูปแบบและการตกแต่งออกจากเนื้อหา เช่นเดียวกับการตั้งค่าหน้าที่เหมาะสมสำหรับความเป็นมิตรกับ SEO”

Roth ระบุสองสิ่งที่ทีม Mimimi พลาดจากบรรณาธิการคนก่อน:

• กดแท็บเพื่อเยื้องรายการหัวข้อย่อยและเลื่อนแท็บเพื่อย้อนกลับ
• การใช้ ctrl+a เพื่อเลือกข้อความทั้งหมดภายในบล็อกอย่างรวดเร็ว (บางครั้งอาจเลือกทั้งหน้า ซึ่งไม่ได้ช่วยอะไร)

“ปัญหาที่ใหญ่ที่สุดเกี่ยวกับการใช้งานจนถึงตอนนี้คือการรวมกันของบล็อกและคอลัมน์ ซึ่งบางครั้งทำให้ยากต่อการกดไอคอน '…' เนื่องจากโซนที่วางเมาส์โอเวอร์ซ้อนกัน” Roth กล่าว

การเปิดใช้งานนักเล่าเรื่องบนเว็บสมัยใหม่: เหตุใด Luehrsen Heinrich จึงก้าวกระโดดสู่การพัฒนา Gutenberg ในฐานะหน่วยงาน

Luehrsen กล่าวว่าหน่วยงานของเขาตัดสินใจขึ้นรถไฟ Gutenberg เมื่อปีที่แล้วที่ WordCamp Europe หลังจากทิ้งความคิดของตนเองในการสร้างตัวสร้างเพจใหม่

“หนึ่งหรือสองเดือนก่อน WCEU ในปารีส เรากำลังนั่งอยู่บนแนวคิดและรุ่นอัลฟ่าของระบบสร้างเพจของเราเองซึ่งคล้ายกับวิธีการบล็อกอย่างน่ากลัว” Luehrsen กล่าว “การถามตอบโดย Matt ทำให้เราตระหนักได้อย่างรวดเร็วว่าโครงการของเรานั้นล้าสมัยไปแล้ว เราโชคดีที่เราผ่านห้าขั้นตอนของความเศร้าโศกไปได้อย่างรวดเร็ว (โพสต์เกี่ยวกับข้อมูลที่มีโครงสร้างนี้ต้องเป็น "การต่อรอง") เราจัดลำดับความสำคัญของเราใหม่และเริ่มทำงานกับ Gutenberg ในปลายเดือนตุลาคมหรือพฤศจิกายน 2017”

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

Luehrsen กล่าวว่าการเป็นผู้สนับสนุน Gutenberg ช่วยอย่างมากในการสร้างบล็อกการเรียนรู้ แม้จะไม่เคยมีประสบการณ์กับ React และ ES6 มาก่อน

Luehrsen กล่าวว่า "การทำงานกับ Gutenberg มีส่วนร่วมในโครงการและรับข้อเสนอแนะทันทีจากทีมงาน Gutenberg ที่น่าทึ่ง ช่วยเราได้มากในการเริ่มต้นกระบวนการของเรา" “กระบวนการสร้างบล็อกในปัจจุบันของเราสร้างขึ้นอย่างหนักจากงาน Gary, Adam, Matias และคนอื่นๆ ทั้งหมดที่ทำกัน อาจมีข้อยกเว้นว่าเราใช้ LESS ภายใน ไม่ใช่ SCSS แต่ตั้งแต่โครงสร้างโฟลเดอร์ ไปจนถึงกระบวนการสร้าง ไปจนถึงการจัดโครงสร้างของไฟล์ เราพยายามทำตามสไตล์ repo ของ Gutenberg ให้ใกล้เคียงที่สุด ซึ่งจะทำให้การดีบักและการค้นหาปัญหาทำได้ง่ายมาก”

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

“ลูกค้าของเรามีความเชื่อเหมือนกันว่าการเล่าเรื่องในเว็บสมัยใหม่เป็นมากกว่าแค่การเขียนข้อความ” Luehrsen กล่าว “TinyMCE ในฐานะเครื่องมือแก้ไข 'Rich Text' ทำงานได้ยอดเยี่ยม แต่ถึงกระนั้น การรวมสื่อประเภทต่างๆ เข้ากับเรื่องราวที่สอดคล้องกันก็ยังทำให้ Metaboxes, Shortcodes ยุ่งเหยิง และบางครั้งสำหรับทีเซอร์ คุณก็ต้องออกจากหน้าจอแก้ไขด้วยซ้ำ Gutenberg ผสมผสานทั้งหมดนี้ในลักษณะที่ดีและไม่สร้างความรำคาญ และเช่นเคย หากคุณสามารถบรรลุผลลัพธ์ที่ดีได้เร็วกว่า เวลาที่ลูกค้าซื้อได้นั้นประหยัดเวลาลง”