ความท้าทายในการเปลี่ยนจากตัวสร้างเพจเป็น WordPress Gutenberg Block Editor

เผยแพร่แล้ว: 2021-01-05

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

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

เป็นกระบวนการที่น่าสนใจมาก และเป็นสิ่งที่ฉันกำลังเดิมพันนักออกแบบเว็บไซต์คนอื่นๆ ที่เรากำลังเผชิญอยู่

ด้วยเหตุนี้ ฉันจึงอยากแบ่งปันบางสิ่งที่ฉันได้เรียนรู้ระหว่างทาง (คำแนะนำ: มีความท้าทายมากมาย) แต่การระบุจุดปวดตั้งแต่เนิ่นๆ ก็เป็นไปได้ที่จะทำให้การกระแทกบนท้องถนนเรียบขึ้น ไปเลย!

ทำไมถึงเปลี่ยนไปใช้กูเตนเบิร์ก?

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

ตัวสร้างเพจที่ถูกแช่แข็งในเวลา

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

ในกรณีนี้ ปลั๊กอินยังคงทำงานได้ดีพอสมควร แต่การเปลี่ยนแปลงที่ใกล้จะเกิดขึ้นกับ WordPress เองนั้นหมายความว่าสามารถนับวันได้

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

เลย์เอาต์ที่สร้างด้วยปลั๊กอินตัวสร้างเพจ

การตัดสินใจเป็นชาวพื้นเมือง

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

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

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

แต่สุดท้าย (โดยเปรียบเทียบ) กลับเป็นเส้นทางที่ยั่งยืนที่สุด ดังนั้นจึงแนะนำให้เปลี่ยน

การจำลองเค้าโครงค่อนข้างง่าย

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

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

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

ข้อเสีย? UI ของตัวแก้ไขบล็อกอาจไม่อนุญาตให้มีการควบคุมมากเท่ากับตัวสร้างเพจบางตัว ดังนั้น คุณอาจต้องเลือกระหว่างการประมาณโครงร่างหรือการทำงานพิเศษบางอย่างกับ CSS

เค้าโครงที่กำหนดเองใน Gutenberg Block Editor

ต้องการฟังก์ชันที่คล้ายคลึงกันหรือไม่? มันฮิตหรือนางสาว

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

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

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

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

โชคดีที่มีเทคนิคอื่นๆ ตัวอย่างเช่น ฉันสร้างบล็อคผ่านฟิลด์กำหนดเองขั้นสูง เป็นเครื่องมือที่ฉันคุ้นเคย ซึ่งทำให้กระบวนการนี้ง่ายขึ้นมาก

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

หน้าจอตัวแก้ไขฟิลด์กำหนดเองขั้นสูง

การดำเนินการต้องใช้แผน

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

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

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

ยิ่งไปกว่านั้น หากไซต์ของคุณไม่ได้เปลี่ยนแปลงมากนัก คุณอาจจะสามารถผลักดันการเปลี่ยนแปลงทั้งหมดจากการแสดงละครไปสู่การผลิตได้

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

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

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

มุมมองตัวแก้ไขโค้ดของตัวแก้ไขบล็อก WordPress

การสร้างด้วยบล็อกเพื่ออนาคตของ WordPress

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

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

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

การย้ายไปยัง Gutenberg อาจเป็นทางออกที่เป็นมิตรต่ออนาคตมากที่สุด ภายใต้สถานการณ์ที่เหมาะสม สิ่งเดียวเท่านั้นที่จะทำให้ความพยายามนั้นคุ้มค่า