วิธีเพิ่มแถบด้านข้างแบบลอยใน Wordpress
เบ็ดเตล็ด / / November 28, 2021
แถบด้านข้างแบบลอยคือสิ่งที่คุณจะเห็นบนเว็บไซต์ส่วนใหญ่ แต่วันนี้คุณมาที่นี่เพื่อเรียนรู้วิธีเพิ่มแถบด้านข้างแบบลอยในบล็อก WordPress แถบด้านข้างแบบลอยถูกใช้ในเว็บไซต์เพื่อดึงดูดความสนใจของผู้เข้าชม และแถบด้านข้างแบบลอยตัวจะมีอัตรา Conversion ที่สูงมากหากใช้กับวิดเจ็ตสมัครรับข้อมูล
ฉันใช้วิดเจ็ตการสมัครสมาชิกแบบลอยตัวมาเป็นเวลานานและฉันสามารถรับรองผลลัพธ์ได้ คุณสามารถใช้สิ่งนี้กับวิดเจ็ตประเภทใดก็ได้ ไม่ใช่แค่กับวิดเจ็ตการสมัครรับข้อมูล คุณสามารถใช้เพื่อโปรโมตโพสต์ Ebook หรือรูปภาพล่าสุดของคุณ ฯลฯ แถบด้านข้างแบบลอยช่วยเพิ่มการมองเห็นสิ่งที่คุณต้องการโปรโมตแก่ผู้เยี่ยมชมของคุณและดึงดูดความสนใจได้อย่างแน่นอน
ก่อนที่จะดำเนินการใดๆ เพิ่มเติม ผมอยากบอกคุณว่าบางครั้งการใช้แถบด้านข้างอาจขัดขวางอัตราการคงอยู่ของผู้มาเยี่ยมของคุณ เพราะมันทำให้ประสบการณ์โดยรวมของผู้เยี่ยมชมแย่ลง ดังนั้น คุณจึงควรใช้วิดเจ็ตการออกแบบที่เรียบง่ายเสมอเมื่อใช้กับแถบด้านข้างแบบลอย
สารบัญ
- วิธีเพิ่มแถบด้านข้างแบบลอยใน WordPress
- วิธีกำหนดค่า Fixed Widget
วิธีเพิ่มแถบด้านข้างแบบลอยใน WordPress
ตอนนี้ถ้าคุณต้องการเพิ่มแถบด้านข้างแบบลอยตัวในบล็อก WordPress คุณต้องติดตั้งปลั๊กอินนี้ชื่อ
วิดเจ็ตคงที่ Q2W3. หากต้องการติดตั้งจากแผงการดูแลระบบ ให้ไปที่ Plugins > Add New จากนั้นค้นหาปลั๊กอิน ติดตั้งและเปิดใช้งานปลั๊กอิน เพื่อให้คุณสามารถเริ่มใช้งานได้หลังจากเปิดใช้งานปลั๊กอินแล้ว ให้ไปที่ ลักษณะที่ปรากฏ > วิดเจ็ต และภายในแถบด้านข้างของคุณ ให้คลิกที่วิดเจ็ตที่คุณต้องการทำให้ติดหนึบ เพียงทำเครื่องหมายที่ช่องเล็ก ๆ ใกล้กับตัวเลือกวิดเจ็ตคงที่ จากนั้นคลิกบันทึก แล้วคุณจะมีแถบด้านข้างแบบลอยที่ดีและเป็นสิ่งที่ค่อนข้างง่าย
วิธีกำหนดค่า Fixed Widget
อย่าตื่นเต้นเพราะ Widget คงที่ของ Q2W3 มีมากกว่านั้น ไปที่ Appearance > Fixed Widget Options เพื่อกำหนดค่าปลั๊กอิน ในหน้านี้ คุณสามารถตั้งค่าระยะขอบ ปิดใช้งานปลั๊กอินสำหรับอุปกรณ์มือถือ และคุณยังสามารถสร้างรหัส HTML ที่กำหนดเองได้อีกด้วย มาดูรายละเอียดของแต่ละคนกัน
ขอบบนควรตั้งค่าตามพื้นที่ที่คุณต้องการระหว่างแถบข้างแบบลอยและระยะขอบด้านบนในทำนองเดียวกัน ขอบล่างต้องตั้งค่าตามความต้องการของคุณ
สิ่งหนึ่งที่ฉันต้องการแชร์คือต้องตั้งค่า Margin Bottom เพื่อไม่ให้ทับซ้อนกับส่วนท้ายของคุณ ตรวจสอบค่าต่างๆ และเมื่อคุณพอใจกับผลลัพธ์แล้ว ให้คลิกเพื่อบันทึก
หากคุณต้องการปิดใช้งานปลั๊กอินสำหรับอุปกรณ์มือถือ เพียงพิมพ์ค่าความกว้างของหน้าจอด้านล่างซึ่งปลั๊กอินจะปิดใช้งานใน ปิดใช้งานความกว้าง และ ความสูงของไดอะเบิ้ล โปรดทราบว่าทั้งสองค่าจำเป็นหากคุณต้องการปิดใช้งานปลั๊กอินสำหรับความสูงและความกว้างเฉพาะ
รหัส HTML ที่กำหนดเองยังสามารถใช้ได้หากส่วนท้ายของคุณเปลี่ยนหน้าเป็นหน้า เพื่อแก้ไขปัญหาการทับซ้อน คุณควรใช้รหัสแท็ก HTML คอนเทนเนอร์ส่วนท้ายของธีมมี id ตัวอย่างเช่นคอนเทนเนอร์ส่วนท้ายของธีมเริ่มต้น Twenty Sixteen มี id=”colophon” ใน Custom HTML IDs ฉันต้องป้อนแค่ colophon โดยไม่มีสัญลักษณ์อื่นใด! และแถบด้านข้างแบบลอยจะทำงานได้อย่างสมบูรณ์
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับคุณ และคุณสามารถเรียนรู้วิธีเพิ่ม Floating Sidebar ในบล็อก WordPress ได้สำเร็จโดยไม่มีปัญหาใดๆ หากคุณยังคงมีคำถามใดๆ เกี่ยวกับคู่มือนี้ โปรดอย่าลังเลที่จะถามพวกเขาในความคิดเห็น
มีข้อเสนอแนะหรือแนวคิดเกี่ยวกับวิดเจ็ตคงที่หรือไม่? แจ้งให้เราทราบเป็นข้อเสนอแนะยินดีต้อนรับ