ส่วนหัวและส่วนท้าย¶
ส่วนหัวของเว็บไซต์คือส่วนบนสุดของหน้าเว็บ และโดยทั่วไปจะประกอบด้วยองค์ประกอบต่างๆ เช่น โลโก้, เมนู ส่วนท้ายจะแสดงอยู่ที่ด้านล่างของหน้าเว็บและมักจะมีรายละเอียดการติดต่อ, ลิงก์, ประกาศทางกฎหมาย และข้อมูลที่เป็นประโยชน์อื่นๆ ซึ่งทั้งสองส่วนสามารถปรับแต่งได้ตามต้องการ
เนื้อหาส่วนหัว¶
ส่วนหัวประกอบด้วยข้อมูลบริษัท, ปุ่มเข้าถึงด่วน และ เมนูเว็บไซต์ เพื่อช่วยให้ผู้ใช้เข้าถึงเว็บไซต์ได้อย่างมีประสิทธิภาพ ส่วนหัวและเมนูที่ได้รับการจัดโครงสร้างอย่างดีและเป็นมิตรต่อผู้ใช้ยังมีบทบาทสำคัญในการปรับปรุง อันดับในเครื่องมือค้นหา.
ตัวแก้ไขเมนู¶
โปรแกรมแก้ไขเมนูช่วยให้คุณสามารถแก้ไขส่วนหัวของเว็บไซต์และเพิ่ม รายการเมนู และ เมนูขนาดใหญ่.
หากต้องการเปิดโปรแกรมแก้ไขเมนู ให้ไปที่ เว็บไซต์ ‣ ไซต์ ‣ โปรแกรมแก้ไขเมนู จากนั้นคุณสามารถ:
เปลี่ยนชื่อ รายการเมนูหรือเปลี่ยน URL โดยใช้ไอคอน (แก้ไขรายการเมนู)
ลบ รายการเมนูโดยใช้ไอคอน (ลบรายการเมนู)
ย้าย รายการเมนูโดยการลากและวางไปยังตำแหน่งที่ต้องการในเมนู
สร้างเมนูแบบเลื่อนลงปกติ โดยการลากและวางรายการเมนูย่อยไปทางขวาใต้เมนูหลักของพวกเขา
Tip
คุณยังสามารถเข้าถึงโปรแกรมแก้ไขเมนูได้จากโปรแกรมแก้ไขเว็บไซต์ โดยให้เลือกทำอย่างใดอย่างหนึ่งดังนี้:
เลือกรายการเมนูใดก็ได้แล้วคลิก แก้ไขเมนู หรือ
ไปที่แท็บ สไตล์ แล้วคลิก แก้ไขเมนู ถัดจากชื่อส่วน ส่วนหัว.
เพิ่มรายการเมนู¶
โดยค่าเริ่มต้น หน้าเว็บจะถูกเพิ่มลงในเมนูเป็นรายการเมนูแบบดรอปดาวน์เมื่อ:doc:สร้างหน้าเว็บ <../structure/pages> หากต้องการเพิ่มรายการเมนูใหม่ ให้ทำตามขั้นตอนเหล่านี้:
ใน โปรแกรมแก้ไขเมนู, ให้คลิก เพิ่มรายการเมนู.
ในหน้าต่างป๊อปอัป ให้ป้อน ชื่อเรื่อง ที่จะแสดงในเมนู
ในช่อง URL หรืออีเมล, ให้พิมพ์
/เพื่อค้นหาหน้าที่มีอยู่บนเว็บไซต์ หรือ#เพื่อค้นหาจุดยึด (anchor) แบบกำหนดเองที่มีอยู่Note
ในการเพิ่มรายการเมนูสำหรับหน้าเว็บที่ยังไม่มีอยู่ ให้ป้อน URL หรือจุดยึด (anchor) ใหม่ แล้วคลิก สร้างหน้า ในป๊อปอัป แก้ไขเมนู หากคุณเพิ่มรายการเมนูโดยไม่ได้สร้างหน้าเว็บที่เกี่ยวข้อง ลิงก์ดังกล่าวจะนำไปสู่ หน้าข้อผิดพลาด 404.
คลิก Continue
ปรับ โครงสร้างเมนู หากจำเป็น
คลิก บันทึก
การออกแบบรายการเมนู¶
ในการแก้ไขการออกแบบรายการเมนู ให้คลิก แก้ไข ที่มุมขวาบนและเลือกส่วนหัว จากนั้นไปที่แท็บ สไตล์ และนำทางไปยังส่วน การนำทาง โดยมีตัวเลือกดังต่อไปนี้:
ปรับการจัดตำแหน่ง เมนูเดสก์ท็อป สำหรับอุปกรณ์เดสก์ท็อป
ปรับการจัดตำแหน่งและตำแหน่งของ เมนูมือถือ สำหรับอุปกรณ์มือถือ
เลือกว่าจะให้ เมนูย่อย เปิด เมื่อวางเมาส์ หรือ เมื่อคลิก.
เลือก สไตล์ลิงก์ เพื่อไฮไลต์หน้าปัจจุบันในเมนู
Note
ตัวเลือกที่มีให้ในส่วน การนำทาง อาจแตกต่างกันไปขึ้นอยู่กับเทมเพลตที่เลือก
ซ่อนรายการเมนูแบบไดนามิกสำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ¶
หากต้องการซ่อนรายการเมนู Shop สำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ ให้ จำกัดการเข้าถึงอีคอมเมิร์ซสำหรับผู้ใช้ที่เข้าสู่ระบบ.
ในการซ่อนรายการเมนูอื่นๆ ที่เกี่ยวข้องกับหน้าเว็บแบบ ไดนามิก (เช่น รายการเมนูที่สร้างขึ้นโดยอัตโนมัติโดย Odoo เช่น เมื่อติดตั้งแอปหรือโมดูล เช่น กิจกรรม, หลักสูตร ฯลฯ) สำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ ให้ทำตามขั้นตอนเหล่านี้:
ไปที่ เว็บไซต์ ‣ การกำหนดค่า ‣ เมนู
ขยายรายการเมนูสำหรับเว็บไซต์ที่เกี่ยวข้องหากจำเป็น
เลือกรายการเมนูที่คุณต้องการซ่อน
ในส่วน กลุ่มที่มองเห็นได้ ให้คลิก เพิ่มบรรทัด.
ค้นหากลุ่ม ชื่อ บทบาท / พอร์ทัล แล้ว เลือก กลุ่มดังกล่าว
บันทึก
Tip
คุณสามารถปรับแต่งรายการเมนูเพิ่มเติมบนแบบฟอร์มรายการเมนูนี้ได้ ตัวอย่างเช่น:
เปิดใช้งานช่องทำเครื่องหมาย หน้าต่างใหม่ เพื่อเปิดหน้าเว็บในแท็บใหม่เมื่อคลิก
เพิ่ม หน้าเว็บที่เกี่ยวข้อง หรือ หน้าโมเดลที่เกี่ยวข้อง.
กำหนด เมนูหลัก และ/หรือ เมนูย่อย เพื่อสร้างลำดับชั้น
ดูเพิ่มเติม
เมนูใหญ่¶
เมนูแบบเมกะคล้ายกับเมนูแบบเลื่อนลง แต่แทนที่จะแสดงรายการเมนูย่อยง่ายๆ จะแสดงแผงที่แบ่งออกเป็นกลุ่มตัวเลือกการนำทาง ซึ่งมีประโยชน์อย่างยิ่งสำหรับเว็บไซต์ที่มีเนื้อหาจำนวนมากหรือ เว็บไซต์อีคอมเมิร์ซ เนื่องจากช่วยให้สามารถรวมหน้าเว็บทั้งหมดหรือ หมวดหมู่อีคอมเมิร์ซ ไว้ในเมนูได้ในขณะที่ยังคงแสดงรายการเมนูทั้งหมดไว้ได้ในคราวเดียว
ในการสร้างเมนูแบบเมกะเมนู ให้ทำตามขั้นตอนเหล่านี้:
ใน ตัวแก้ไขเมนู ให้คลิก เพิ่มรายการเมกะเมนู.
ในหน้าต่างป๊อปอัป ให้ป้อน ชื่อ ของเมกะเมนู
คลิก Continue
ปรับ โครงสร้างเมนู หากจำเป็น
คลิก บันทึก
เมกะเมนูถูกสร้างขึ้นโดยใช้ บล็อกสำเร็จรูป เริ่มต้น ซึ่งหมายความว่าแต่ละส่วนประกอบจะต้องได้รับการปรับแต่งทีละรายการ ในการดำเนินการดังกล่าว ให้คลิก แก้ไข ที่มุมขวาบน จากนั้นเลือกเมกะเมนู แล้ว:
แก้ไขข้อความโดยตรงภายในบล็อกสำเร็จรูป
แก้ไข URL ของรายการเมนู โดยการเลือกรายการเมกะเมนูแล้วคลิกปุ่ม แก้ไข .
ย้ายรายการเมนูโดยการลากและวางบล็อกที่เกี่ยวข้องไปยังตำแหน่งที่ต้องการในเมนูขนาดใหญ่
ลบรายการเมนูโดยคลิกที่ไอคอน (นำออก) ของบล็อกที่เกี่ยวข้อง
การออกแบบเมกะเมนู¶
ในการปรับแต่งเลย์เอาต์ทั่วไปของเมกะเมนูและ บล็อกสำเร็จรูป แต่ละรายการ ให้เปิดตัวแก้ไขเว็บไซต์ ไปที่แท็บ สไตล์ และไปที่ส่วน เมกะเมนู มีตัวเลือกต่อไปนี้ให้ใช้งาน:
เลือก เทมเพลต
เลือก ขนาด: แบบเต็มความกว้าง หรือ แบบแคบ
สลับตัวเลือก หมวดหมู่อีคอมเมิร์ซ หากต้องการ
การออกแบบส่วนหัวและส่วนท้าย¶
หากต้องการแก้ไขการออกแบบส่วนหัวหรือส่วนท้าย ให้คลิก แก้ไข ที่มุมขวาบนแล้วเลือกส่วนหัวหรือส่วนท้าย จากนั้นไปที่แท็บ สไตล์ และไปที่ส่วน ส่วนหัว หรือ ส่วนท้าย มีตัวเลือกต่อไปนี้ให้ใช้งาน:
เลือก เทมเพลต จากเมนูแบบเลื่อนลง
เลือกสี พื้นหลัง โดยกำหนดสไตล์ ธีม ตัวเลือกสี กำหนดเอง หรือ ไล่ระดับสี.
ตั้งค่า ความกว้างของเนื้อหา.
เพิ่ม เส้นขอบ ให้กับส่วนท้ายและปรับแต่งขนาด สไตล์ และสีได้
ปรับ มุมโค้งมน ให้เหมาะสมกับการออกแบบ
เพิ่ม เงา และกำหนด สี ออฟเซ็ต เบลอ และ การกระจาย
หากต้องการปรับแต่งส่วนหัวของเว็บไซต์เพิ่มเติม ให้ใช้ตัวเลือกการออกแบบเฉพาะส่วนหัวต่อไปนี้ในส่วน ส่วนหัว:
เพิ่ม เอฟเฟกต์การเลื่อน เพื่อกำหนดพฤติกรรมของส่วนหัวขณะเลื่อนหน้าเพจ เลื่อนเมาส์ไปบนเอฟเฟกต์เพื่อดูตัวอย่าง
เลือก ตำแหน่งส่วนหัว สำหรับหน้าที่เลือก: ปกติ, ซ่อน หรือ เหนือเนื้อหา. เมื่อเลือก เหนือเนื้อหา แล้ว คุณยังสามารถปรับแต่ง พื้นหลัง และ สีข้อความ.
Tip
หากต้องการซ่อนส่วนหัวในทุกหน้า ให้ไปที่แท็บ ธีม ของโปรแกรมแก้ไขเว็บไซต์ เลื่อนลงไปที่ส่วน ขั้นสูง แล้วปิดสวิตช์ แสดงส่วนหัว.
ซ่อน องค์ประกอบต่างๆ รวมถึงส่วนหัวเมื่อมีผล จะอยู่ในส่วน องค์ประกอบที่มองไม่เห็น.
เปลี่ยน ค่าเริ่มต้น สีเน้น เป็น หลัก หรือ รอง สี เพื่อแยกแยะปุ่มดรอปดาวน์ในส่วนหัวด้วยสายตา
กำหนด ฟอนต์.
กำหนดขนาด รูปแบบ และเพิ่มสีหากจำเป็น
หากต้องการควบคุมการมองเห็นขององค์ประกอบเฉพาะ ให้ไปที่ส่วน แสดง/ซ่อนองค์ประกอบ ของแท็บ สไตล์ และคลิกตัวเลือกที่เกี่ยวข้องกับองค์ประกอบที่คุณต้องการแสดงหรือซ่อน คุณสามารถแสดงหรือซ่อน:
วิชวล, เช่น โลโก้บริษัท, องค์ประกอบข้อความ (เช่น หมายเลขโทรศัพท์) และ ลิงก์โซเชียล สำหรับเชื่อมโยงบัญชีโซเชียลมีเดียทั้งหมด
การดำเนินการ, เช่น แถบค้นหา, ตัวเลือกภาษา, ปุ่ม ลงชื่อเข้าใช้, และ ปุ่มส่วนหัว (ปุ่ม ติดต่อเรา โดยค่าเริ่มต้น)
อีคอมเมิร์ซ-องค์ประกอบเฉพาะ: ปุ่ม เพิ่มลงในรถเข็น และ เพิ่มในสิ่งที่อยากได้
คุณสามารถเปิดใช้งาน พื้นหลัง สำหรับไอคอนการนำทาง เช่น ไอคอนสิ่งที่อยากได้หรือแถบค้นหา
หากต้องการปรับแต่งส่วนท้ายของเว็บไซต์เพิ่มเติม ให้ใช้ตัวเลือกการออกแบบเฉพาะส่วนท้ายต่อไปนี้ในส่วน ส่วนท้าย:
เลือก เอฟเฟกต์สไลด์เอาต์: ปกติ (ไม่มีเอฟเฟกต์) สไลด์เมื่อเลื่อนเมาส์ หรือ เงา
เปิดสวิตช์ตัวเลือก ปุ่มเลื่อนขึ้นบน เพื่อเพิ่มปุ่ม (เลื่อนขึ้นบนสุด) จากนั้นเลือกตำแหน่ง
เปิดสวิตช์ ลิขสิทธิ์ เพื่อซ่อนหรือแสดงประกาศลิขสิทธิ์ หากเปิดใช้งาน ให้เพิ่มสีในส่วน ลิขสิทธิ์ หากจำเป็น
ซ่อนหรือแสดงส่วนท้ายสำหรับหน้าปัจจุบันโดยสลับสวิตช์ การมองเห็นหน้า องค์ประกอบที่ซ่อนอยู่ รวมถึงส่วนท้ายเมื่อมีผล จะอยู่ในส่วน องค์ประกอบที่มองไม่เห็น.
Tip
คุณยังสามารถเพิ่ม เนื้อหาภายใน บล็อก ไปที่ส่วนหัวหรือส่วนท้ายเพื่อปรับแต่งเพิ่มเติม เช่น ตัวเลือกส่วนท้ายเฉพาะอีคอมเมิร์ซ.