วิธีการเตรียมเว็บไซต์สำหรับ Gutenberg

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

Gutenberg คืออะไร?

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

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Gutenberg, ici cliquez.

ส่วนต่างๆของเว็บไซต์ของคุณ

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

• ธีมของคุณ: Gutenberg มาพร้อมกับชุดสไตล์สำหรับเนื้อหาของตัวเอง ธีมของคุณเข้ากันได้หรือไม่? Gutenberg จะมีลักษณะอย่างไรเมื่อเปิดใช้งาน?

• ปลั๊กอินของคุณ: เป็นไปได้ว่า Gutenberg อาจโต้ตอบกับปลั๊กอินอื่น ๆ ของคุณด้วยวิธีที่ไม่คาดคิด เราจะมาดูกันว่าจะเป็นอย่างไรและต้องทำอย่างไรเพื่อแก้ไขปัญหาที่เกิดขึ้น

• เนื้อหาของคุณ: Gutenberg จะส่งผลต่อวิธีการแสดงเนื้อหาของคุณ เราจะดูว่าสิ่งนี้อาจเปลี่ยนรูปลักษณ์ของหน้าเว็บของคุณได้อย่างไรและดูวิธีแก้ปัญหาที่เป็นไปได้หากคุณประสบปัญหา

การตั้งค่าพื้นที่ทดสอบ

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

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

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

ทดสอบธีมของคุณ

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

เนื่องจาก Gutenberg โต้ตอบกับเนื้อหาของไซต์เป็นหลักจึงเพียงพอที่จะทดสอบบางสิ่ง - โชคดีสำหรับเรา

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

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

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

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

ปลั๊กอินของคุณทำงานหรือไม่?

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

สำรวจรหัสย่อ

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

อย่างไรก็ตามหากรหัสย่อแสดงขึ้นและไม่ใช่เนื้อหาที่คาดหวัง (เช่นหน้าของคุณแสดงไฟล์ [shortcode]แทนที่จะทำในสิ่งที่ถูกต้อง) มีวิธีแก้ปัญหาอื่น ในกรณีนี้คุณสามารถดูที่บล็อกที่มีรหัสย่อและยืนยันว่าไม่ถือว่าเป็นข้อความ (ค้นหาและลบป้ายกำกับที่ไม่ต้องการรอบ ๆ รหัสย่อ) หากปัญหายังคงมีอยู่การย้ายรหัสย่อไปยังประเภทบล็อกที่เหมาะสมกว่าควรเริ่มต้นใหม่ทุกอย่าง

การปรากฏตัวของเนื้อหา

ปัญหานี้เกิดจากปัญหาเดียวกันที่เราได้กล่าวไปแล้วนั่นคือการแทนที่สไตล์ ระบุองค์ประกอบที่ได้รับผลกระทบและแก้ไข CSS

การสร้างองค์ประกอบ

ประเด็นสุดท้ายที่เราจะตรวจสอบปัญหาที่ขัดแย้งกันคือการสร้างรายการ ปลั๊กอินใด ๆ ที่แทรกองค์ประกอบ HTML ลงในเพจโดยไม่ใช้รหัสย่อจะต้องสงสัยที่นี่ตัวอย่างเช่นเมื่อ PHP แยกฟิลด์ที่กำหนดเองจากปลั๊กอิน Advanced Custom Fields

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

เนื้อหาของคุณปรากฏตามความจำเป็นหรือไม่?

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

จะทำอย่างไรเมื่อมีปัญหามากเกินไป

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

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

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

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

ขอให้โชคดีในการติดตั้งของคุณ!

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