วิธีทำให้ส่วนของหน้าเพจแสดงอยู่ตลอดเวลา

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

ทำไมต้องใช้ส่วนที่คงที่ (Sticky section)?

การทำให้ส่วนต่างๆ คงที่นั้นมีประโยชน์เมื่อคุณต้องการ:

• ทำให้เมนูนำทางเข้าถึงได้ตลอดเวลา
• เน้นการประกาศ, ปุ่มเรียกร้องความสนใจ (calls-to-action) หรือรายละเอียดการติดต่อ
• ปรับปรุงประสบการณ์โดยรวมของผู้ใช้โดยลดความจำเป็นในการเลื่อนกลับขึ้นไปด้านบน

วิธีสร้างส่วนที่คงที่ (Sticky section)

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

2. ในแผงการตั้งค่าด้านซ้าย ให้เลื่อนลงไปที่ตัวเลือก Sticky

3. ทำเครื่องหมายในช่อง Do you want this to always be visible? (sticky) เพื่อเปิดใช้งานการตั้งค่าการคงที่

4. เมื่อเปิดใช้งานแล้ว การตั้งค่าเพิ่มเติมสองรายการจะปรากฏขึ้น: ตำแหน่งเนื้อหา (Content position) และ การเยื้อง (Indent)

• ตำแหน่งเนื้อหา (Content position): เลือกว่าส่วนนั้นควรติดอยู่ที่ ด้านบน (Top) หรือ ด้านล่าง (Bottom) ของหน้าจอ

• การเยื้อง (Indent): ใช้แถบเลื่อนหรือช่องป้อนตัวเลขเพื่อเพิ่มระยะห่างระหว่างส่วนที่คงที่และขอบหน้าจอ

ตัวอย่างด้านล่างแสดงฟีเจอร์การคงที่ขณะใช้งาน โดยมี ปุ่ม WhatsApp คงที่อยู่ที่ด้านล่างของหน้าจอ: