ควบคุมการมองเห็นวิดเจ็ต WordPress ด้วยวิดเจ็ตแบบมีเงื่อนไข

เผยแพร่แล้ว: 2023-02-12

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

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

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

สารบัญ
1. วิดเจ็ตแบบมีเงื่อนไขคืออะไร?
2. วิธีสร้างวิดเจ็ตแบบมีเงื่อนไข (ไม่มี Jetpack)
2.1. ขั้นตอนที่ 1: เลือกปลั๊กอินวิดเจ็ตแบบมีเงื่อนไข
2.2. ขั้นตอนที่ 2: เปิดแผงวิดเจ็ตของคุณ
3. การเปลี่ยนการมองเห็นวิดเจ็ตด้วย Jetpack
3.1. ขั้นตอนที่ 1: เปิดการตั้งค่าของ Jetpack
3.2. ขั้นตอนที่ 2: เพิ่มกฎใหม่
4. ปรับแต่งเว็บไซต์ของคุณด้วย WP Engine

วิดเจ็ตแบบมีเงื่อนไขคืออะไร?

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

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

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

วิธีสร้างวิดเจ็ตแบบมีเงื่อนไข (ไม่มี Jetpack)

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

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

ขั้นตอนที่ 1: เลือกปลั๊กอินวิดเจ็ตแบบมีเงื่อนไข

มีตัวเลือกปลั๊กอินหลายตัวสำหรับการทำให้วิดเจ็ตมีเงื่อนไข สำหรับตัวอย่างนี้ เราจะใช้ Widget Logic

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

ขั้นตอนที่ 2: เปิดแผงวิดเจ็ตของคุณ

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

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

!is_page('about')

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

is_single() && in_category('baked-goods')

นอกจากนี้ คุณจะพบตัวเลือกเพิ่มเติมที่ด้านล่างของหน้า ลักษณะที่ปรากฏ > วิดเจ็ต

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

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

การเปลี่ยนการมองเห็นวิดเจ็ตด้วย Jetpack

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

ขั้นตอนที่ 1: เปิดการตั้งค่าของ Jetpack

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

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

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

ขั้นตอนที่ 2: เพิ่มกฎใหม่

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

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

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

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

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

ปรับแต่งเว็บไซต์ของคุณด้วย WP Engine

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

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