หน้าจอวิดเจ็ต WordPress เข้าร่วม Gutenberg Era

เผยแพร่แล้ว: 2021-06-28

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

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

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

ต่อไปนี้คือภาพรวมคร่าวๆ เกี่ยวกับโลกใหม่ของวิดเจ็ตแบบบล็อก

เบลอเส้นแบ่งระหว่างบล็อคและวิดเจ็ต

สิ่งแรกที่คุณจะพบในหน้าจอ Widgets ที่ปรับปรุงใหม่คือภาพหมุนสั้นๆ ซึ่งคล้ายกับที่ใช้เพื่อแนะนำผู้ใช้ให้รู้จักกับ Gutenberg

หน้าจอการเริ่มต้นใช้งานวิดเจ็ต WordPress

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

หน้าจอวิดเจ็ต WordPress เริ่มต้น

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

รายการวิดเจ็ตและบล็อกที่มีอยู่

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

บล็อกใหม่เพื่อปรับปรุงแถบด้านข้างและอื่น ๆ ของคุณ

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

ในบรรดาตัวเลือกใหม่ คุณจะได้พบกับ:

วนรอบคำถาม

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

โปรดทราบว่าบล็อกนี้มีวัตถุประสงค์เพื่อทำงานกับเครื่องมือแก้ไขเทมเพลตใหม่ ซึ่งเป็นส่วนหนึ่งของฟีเจอร์การแก้ไขเว็บไซต์แบบเต็ม (FSE)

บล็อกวนรอบการสืบค้น

แสดงการตั้งค่าสำหรับ Query Loop Block

การนำทาง (แนวตั้ง)

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

บล็อกการนำทาง (แนวตั้ง)

โลโก้เว็บไซต์

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

บล็อกโลโก้เว็บไซต์

ชื่อเว็บไซต์ / สโลแกนของเว็บไซต์

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

บล็อกแท็กไลน์ของเว็บไซต์

อย่าลืมบล็อกที่มีอยู่

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

คุณยังสามารถใช้วิดเจ็ตเก่าของคุณได้

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

บล็อกวิดเจ็ตดั้งเดิม

การตอบคำถามว่าวิดเจ็ตโรงเรียนเก่าเหล่านี้จะได้รับการสนับสนุนนานแค่ไหนนั้นไม่ชัดเจนนัก เช่นเดียวกับชะตากรรมของ WordPress Shortcodes ชะตากรรมของพวกเขาอยู่ในอากาศ

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

กลับไปที่หน้าจอวิดเจ็ตคลาสสิก

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

โชคดีที่ทีมหลักของ WordPress ได้จัดเตรียมทางเลือกอื่น หากคุณชอบสิ่งต่าง ๆ เหมือนเดิม ให้ติดตั้งและเปิดใช้งานปลั๊กอิน Classic Widgets คุณจะมี UI อันเป็นที่รักกลับมาบนเว็บไซต์ของคุณทันที

นิยามใหม่ของแถบด้านข้างของ WordPress

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

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

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

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

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