ส่วนหัวและส่วนท้าย

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

การออกแบบส่วนหัว

หากต้องการแก้ไขการออกแบบของส่วนหัว ให้คลิกที่ แก้ไข จากนั้นคลิกที่ส่วนหัว ตัวเลือกต่อไปนี้สามารถใช้งานได้ในส่วน ส่วนหัว ของแท็บ ปรับแต่ง ในตัวแก้ไขเว็บไซต์:

  • เลือก เทมเพลต จากเมนูแบบเลื่อนลง

  • เลือกการตั้งค่า พื้นหลัง เพื่อเปลี่ยนจานสีผ่าน รูปแบบธีม ที่แตกต่างกัน ตัวเลือกสี กำหนดเอง และตัวเลือก ไล่ระดับสี

  • เมื่อเพิ่ม เส้นขอบ ให้กับส่วนหัว สามารถกำหนดขนาด ลักษณะ และสีได้

  • ปรับ มุมโค้งมน ให้เหมาะสมกับการออกแบบ

  • เพิ่ม เงา และกำหนด สี ออฟเซ็ต เบลอ และ การกระจาย

  • เพิ่ม เอฟเฟกต์การเลื่อน เลื่อนเมาส์ไปที่เอฟเฟกต์เพื่อดูตัวอย่าง

  • เลือก ตำแหน่งส่วนหัว ระหว่าง ปกติ ซ่อน และ ทับเนื้อหา เมื่อเลือก ทับเนื้อหา คุณสามารถปรับแต่ง พื้นหลัง และ สีข้อความ ได้

  • แสดงหรือซ่อน องค์ประกอบ เช่น ข้อความ แถบค้นหา ปุ่ม การเซ็น ลิงก์โซเชียลมีเดีย ปุ่ม ติดต่อเรา และโลโก้

หากต้องการยืนยันการเปลี่ยนแปลง ให้คลิกที่ บันทึก

Tip

หากต้องการซ่อนส่วนหัว ให้คลิกที่ แก้ไข คลิกที่ส่วนหัว และไปที่แท็บ ธีม ของตัวแก้ไขเว็บไซต์ เลื่อนลงไปที่ส่วน ขั้นสูง และสลับสวิตช์ แสดงส่วนหัว เพื่อซ่อน/แสดงส่วนหัว

เนื้อหาส่วนหัว

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

เพิ่มรายการเมนู

โดยค่าเริ่มต้น หน้าเว็บจะถูกเพิ่มลงในเมนูเป็นรายการเมนูแบบดรอปดาวน์เมื่อ:doc:สร้างหน้าเว็บ <../structure/pages> หากต้องการเพิ่มรายการเมนูใหม่ ให้ทำตามขั้นตอนเหล่านี้:

  1. ไปที่ เว็บไซต์ ‣ ไซต์ ‣ เครื่องมือแก้ไขเมนู

  2. ในเครื่องมือแก้ไขเมนู ให้คลิก เพิ่มรายการเมนู

  3. ในหน้าต่างป๊อปอัป ให้ป้อน ชื่อ ที่จะแสดงในเมนู

  4. พิมพ์ / ในฟิลด์ URL หรืออีเมล เพื่อค้นหาหน้าเว็บในเว็บไซต์ของคุณ หรือพิมพ์ # เพื่อค้นหาจุดยึดแบบกำหนดเองที่มีอยู่

  5. คลิก ตกลง

  6. แก้ไข:ref:โครงสร้างเมนู <website/header_footer/menu-editor>`หากจำเป็น จากนั้น :guilabel:`บันทึก

เมนูใหญ่

เมนูขนาดใหญ่คล้ายกับเมนูแบบเลื่อนลง แต่แทนที่จะเป็นรายการเมนูย่อยแบบง่ายๆ จะแสดงแผงที่แบ่งออกเป็นกลุ่มของตัวเลือกการนำทาง ทำให้เหมาะสำหรับเว็บไซต์ที่มีเนื้อหาจำนวนมากหรือ:doc:เว็บไซต์อีคอมเมิร์ซ <../../ecommerce> เนื่องจากสามารถช่วยรวมหน้าเว็บทั้งหมดหรือ:ref:`หมวดหมู่อีคอมเมิร์ซ <ecommerce/categories_variants/categories>`ของคุณในเมนูได้ ในขณะที่ยังคงทำให้รายการเมนูทั้งหมดมองเห็นได้พร้อมกัน

เมกะเมนูในแถบนำทาง

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

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

  • แก้ไขข้อความโดยตรงในบล็อกการสร้าง

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

    แก้ไขตัวเลือกเมนูขนาดใหญ่

  • ย้ายรายการเมนูโดยการลากและวางบล็อกที่เกี่ยวข้องไปยังตำแหน่งที่ต้องการในเมนูขนาดใหญ่

  • ลบรายการเมนูโดยการลบบล็อกที่เกี่ยวข้อง

เมื่อต้องการปรับเค้าโครงทั่วไปของเมนูขนาดใหญ่ ให้ไปที่แท็บ ปรับแต่ง ของตัวแก้ไขเว็บไซต์ จากนั้นในส่วน เมนูขนาดใหญ่:

  • เลือก เทมเพลต

  • เลือก ขนาด: แบบเต็มความกว้าง หรือ แบบแคบ

หากต้องการยืนยันการเปลี่ยนแปลง ให้คลิกที่ บันทึก

ซ่อนรายการเมนูแบบไดนามิกสำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ

To hide a dynamic menu item (i.e., a menu item generated automatically by NightPOS, for example, when you install an app or module, such as Events, Courses, etc.) for non-logged in users, follow these steps:

  1. เปิดใช้งานโหมดนักพัฒนา

  2. ไปที่ เว็บไซต์ ‣ การกำหนดค่า ‣ เมนู

  3. ขยายรายการเมนูสำหรับเว็บไซต์ที่เกี่ยวข้องหากจำเป็น จากนั้นคลิกรายการเมนูที่คุณต้องการซ่อน

  4. ในส่วน กลุ่มที่มองเห็นได้ ให้คลิก เพิ่มรายการ ภายใต้ ชื่อกลุ่ม

  5. ค้นหากลุ่ม ประเภทผู้ใช้ / พอร์ทัล เลือกกลุ่ม จากนั้นคลิก เลือก

  6. บันทึก

Tip

เพื่อซ่อนรายการเมนู Shop ให้:doc:จำกัดการเข้าถึงอีคอมเมิร์ซเฉพาะผู้ใช้ที่ล็อกอิน <../../ecommerce/configuration/customer_accounts>