กำหนดค่าส่วนหัวของเว็บไซต์ Cloudbeds ของคุณ

บทนำ

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

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

สารบัญ

• เลือกประเภทส่วนหัว
• เข้าถึงการตั้งค่าการออกแบบส่วนหัว
• กำหนดค่าส่วนหัวแบบคงที่
• กำหนดค่าส่วนหัวแบบติดอยู่ด้านบน
• กำหนดค่าส่วนหัวแบบย่อขนาด
• กำหนดค่าส่วนหัวแบบทับซ้อน
• กำหนดค่าส่วนหัวแบบซ่อน

เลือกประเภทส่วนหัว

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

เข้าถึงการตั้งค่าการออกแบบส่วนหัว

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

1. เปิดเว็บไซต์ Cloudbeds ของคุณในตัวแก้ไข Cloudbeds Websites
2. เลือก ส่วนหัว
3. ใช้ แผงการออกแบบ เพื่อเปิดการตั้งค่าที่มีให้สำหรับส่วนหัว

หลังจากเลือกส่วนหัวแล้ว ให้ใช้แผงการออกแบบเพื่อเข้าถึงการตั้งค่าส่วนหัวที่มีให้ ในตัวอย่างนี้ การควบคุมการทับซ้อนของส่วนหัวจะแสดงอยู่

กำหนดค่าส่วนหัวแบบคงที่

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

1. เลือก ส่วนหัว
2. ในแผงการออกแบบ ให้ขยายเมนู ตำแหน่ง
3. ตรวจสอบให้แน่ใจว่า ทับซ้อนกับส่วนบนของหน้า ปิดอยู่
4. ตรวจสอบให้แน่ใจว่า ตั้งค่าเป็นส่วนหัวแบบติดอยู่ ปิดอยู่

กำหนดค่าส่วนหัวแบบติดอยู่

ส่วนหัวแบบติดอยู่จะคงที่ที่ด้านบนของหน้าเว็บขณะที่ผู้เยี่ยมชมเลื่อนหน้า

1. เลือก ส่วนหัว
2. ในแผงการออกแบบ ให้ขยายเมนู ตำแหน่ง
3. เปิดใช้งาน ตั้งค่าเป็นส่วนหัวแบบติดอยู่

กำหนดค่าส่วนหัวแบบย่อขนาด

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

1. เลือก ส่วนหัว
2. ในแผงการออกแบบ ให้ขยายเมนู ตำแหน่ง
3. เปิดใช้งาน ตั้งค่าเป็นส่วนหัวแบบติดอยู่
4. เปิดใช้งาน เปลี่ยนส่วนหัวเมื่อเลื่อนหน้า
5. ในการตั้งค่าการออกแบบส่วนหัว ให้ขยายเมนู ระยะห่าง และตั้งค่าค่า padding-top และ padding-bottom เริ่มต้น
6. กลับไปที่ ตำแหน่ง และกำหนดพฤติกรรมการเลื่อนหน้า:
   • พื้นหลังเมื่อเลื่อนหน้า: เลือกสีพื้นหลังและความทึบแสง
   • ระยะห่างเมื่อเลื่อนหน้า: ตั้งค่า padding-top และ padding-bottom ให้มีค่าน้อยกว่าระยะห่างเริ่มต้นของส่วนหัว
   • ขนาดโลโก้: ใช้แถบเลื่อนหรือกล่องข้อความเพื่อกำหนดขนาดที่โลโก้จะย่อเมื่อส่วนหัวเปลี่ยนแปลงขณะเลื่อนหน้า ค่าเริ่มต้นคือ 66%

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

กำหนดค่าส่วนหัวแบบทับซ้อน

ส่วนหัวแบบทับซ้อนจะรวมภาพกับส่วนแรกของหน้าโดยการวางส่วนหัวทับบนส่วนนั้น

1. เลือก ส่วนหัว
2. ในแผงออกแบบ ให้ขยาย ตำแหน่ง
3. เปิดใช้งาน ทับซ้อนกับส่วนบนของหน้า
4. เลือกสีพื้นหลังและความทึบของส่วนหัวที่ทับซ้อน

กำหนดค่าส่วนหัวที่ซ่อนอยู่

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

1. เลือก ส่วนหัว
2. ในแผงออกแบบ ให้ขยาย ตั้งค่าล่วงหน้า
3. เลือกเลย์เอาต์ตั้งค่าล่วงหน้าที่เหมาะกับการออกแบบของคุณ

บทความที่เกี่ยวข้อง

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

• นำทางตัวแก้ไข Cloudbeds Websites
• ปรับแต่ง Cloudbeds Websites ของคุณด้วยธีมเว็บไซต์
• ภาพรวมและเริ่มต้นใช้งานตัวแก้ไข Cloudbeds Websites