วิธีสร้าง Sticky Sidebar ใน WordPress ด้วย Plugin

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

หนึ่งในนั้นคือแบบฟอร์มการสมัครรับจดหมายข่าว

บางครั้ง ฉันแทนที่ด้วยองค์ประกอบสำคัญอื่นๆ ที่ฉันต้องการแสดง เช่นเดียวกับข้อเสนอแบล็กฟรายเดย์ ฉันมีหมวดหมู่โพสต์บล็อกของ black Friday เหนียวบนแถบด้านข้าง

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

เป้าหมายหลักคือการทำให้ผู้ใช้บล็อกของคุณมองเห็นได้ตลอดเวลา

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

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

Sticky Sidebar ใน WordPress คืออะไร?

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

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

ตัวอย่างเช่น แถบด้านข้างแบบติดหนึบช่วยให้แน่ใจว่าผู้ใช้สามารถเข้าถึงข้อความสำคัญของคุณได้อย่างรวดเร็ว

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

ทำไมคุณควรใช้ Sticky SideBar บนบล็อกของคุณ?

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

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

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

ด้วยวิธีนี้ คุณจะให้ความสนใจกับองค์ประกอบนั้นมากขึ้น ดังนั้นคุณต้องจัดลำดับความสำคัญของสิ่งที่คุณต้องการให้เหนียว

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

สิ่งนี้จะช่วยปรับปรุงการมีส่วนร่วมของผู้ใช้ เพิ่มอัตราการแปลง เพิ่มการรับรู้ ฯลฯ...

อย่างไรก็ตาม ฉันไม่แนะนำให้สร้างองค์ประกอบต่างๆ มากเกินไปในตำแหน่งเว็บไซต์เดียวกัน ตัวอย่างเช่น บนแถบด้านข้าง คำแนะนำสูงสุดควรเป็นองค์ประกอบแบบติดหนึบสององค์ประกอบ

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

ฉันมีเพียงช่องค้นหาและแบบฟอร์มการสมัครรับจดหมายข่าวบล็อกที่ติดอยู่บนแถบด้านข้างของบล็อกนี้

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

ทั้งนี้เนื่องจากการสร้างรายชื่ออีเมลอยู่ด้านบนสุดของรายการลำดับความสำคัญ

วิธีสร้าง Sticky Sidebar ด้วยปลั๊กอิน WordPress

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

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

นั่นคือสิ่งที่ทำให้ WordPress เป็นระบบจัดการเนื้อหาชั้นนำของโลกในปัจจุบัน ชุมชนนักพัฒนาขนาดใหญ่สนับสนุนเป็นอย่างดี

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

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

ดังนั้นสิ่งที่ฉันตั้งใจจะทำคือช่วยให้คุณไม่ต้องคาดเดา

วันนี้มีปลั๊กอิน WordPress Sticky Sidebar มากมาย แต่ฉันพบว่าปลั๊กอิน My StickySidebar WordPress นั้นค่อนข้างใช้งานง่ายและกำหนดค่า

ปลั๊กอิน WordPress StickySidebar ของฉันทำให้ง่ายต่อการตั้งค่าองค์ประกอบแถบด้านข้างเหนียวของคุณภายในไม่กี่นาที คุณสามารถสร้างวิดเจ็ตแถบด้านข้างแบบลอยตัวใน WordPress ด้วยปลั๊กอิน My Sticky Sidebar

ทำให้กระบวนการนี้ตรงไปตรงมา แม้สำหรับผู้เริ่มต้น

การติดตั้งปลั๊กอิน StickySidebar ของฉัน

สิ่งแรกที่คุณต้องทำเพื่อตั้งค่ารายการ Sticky Sidebar คือการติดตั้งปลั๊กอิน หลังจากนั้น คุณเปิดใช้งานมัน...

นี่คือลิงค์ไปยัง MyStickySidebar บนที่เก็บปลั๊กอิน WordPress.org ดาวน์โหลดปลั๊กอินจาก WordPress.org หรือพื้นที่ผู้ดูแลระบบ WordPress ของคุณ

หลังจากติดตั้งและเปิดใช้งาน คุณต้องเปิดหน้าการตั้งค่าเพื่อกำหนดค่าปลั๊กอิน

มีสองคลาสองค์ประกอบ CSS หรือรหัสที่คุณต้องค้นหา

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

ในคลาส CSS หรือ ID ขององค์ประกอบแถบด้านข้าง คุณจะต้องป้อนคลาสองค์ประกอบแถบด้านข้างหรือ ID ที่คุณต้องการทำให้ติดหนึบ

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

อย่างไรก็ตาม คุณสามารถเรียนรู้วิธีค้นหาคลาส CSS หรือ id ในโพสต์นี้

เมื่อคุณค้นหาคลาส CSS หรือ id แล้ว คุณต้องป้อนค่าในฟิลด์ดังที่แสดงในภาพด้านบน

จากนั้นเลื่อนหน้าลงเพื่อคลิกที่ปุ่มบันทึก

การตั้งค่าเพิ่มเติม

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

นอกจากนี้ คุณสามารถตั้งค่ากฎให้ปิดใช้งานได้หากความกว้างหน้าจอของผู้ใช้น้อยกว่า xxx พิกเซล

การเพิ่มสไตล์ CSS แบบกำหนดเอง

หากคุณใช้ MyStickySidebar เวอร์ชันที่ต้องชำระเงิน คุณจะแก้ไข CSS เพิ่มหรือสร้าง CSS ที่กำหนดเองได้ทั้งหมด

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

มีตัวเลือกในการปิดใช้งาน MyStickySidebar ในหน้าที่เลือก ในกรณีที่คุณไม่ต้องการให้มีแถบด้านข้างติดหนึบในบางหน้า

อย่าลืมกดปุ่มบันทึกลงบนหน้าทุกครั้งหลังจากทำการเปลี่ยนแปลงการตั้งค่าเริ่มต้น

บทสรุป…

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

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

My Sticky Sidebar เป็นหนึ่งในปลั๊กอิน WordPress Sticky ที่ดีที่สุดฟรีที่คุณสามารถใช้เพื่อให้บรรลุเป้าหมาย