Breadcrumbs
ช่วยให้ผู้ใช้ค้นหาเส้นทางผ่านโครงสร้างของไซต์
เส้นทาง Breadcrumbs บนหน้าทัวร์
WPML CMS Navigation คือปลั๊กอินส่วนเสริมที่ให้องค์ประกอบการนำทางเมื่อสร้างเว็บไซต์หลายภาษาของคุณ
ส่วนเสริมนี้รวมอยู่ในแพ็คเกจ WPML Multilingual CMS ของคุณ
องค์ประกอบการนำทางที่คุณสามารถเพิ่มได้ด้วยปลั๊กอิน WPML CMS Navigation ได้แก่:
เมนูดรอปดาวน์
ช่วยให้ผู้ใช้เข้าถึงส่วนที่ต้องการได้อย่างรวดเร็ว
เมนูดรอปดาวน์พร้อมส่วนที่เปิดอยู่
แถบด้านข้าง
แสดงหน้าเว็บที่เกี่ยวข้องกับหน้าที่ผู้ใช้กำลังดูอยู่
แถบด้านข้างของส่วนต่าง ๆ ข้างหน้าทัวร์
การเพิ่มองค์ประกอบการนำทางลงในธีมของคุณ
หากต้องการใช้องค์ประกอบแต่ละรายการ ให้เพิ่มลงในธีมของคุณโดยใช้ฟังก์ชัน PHP แบบบรรทัดเดียว
| โค้ด PHP | ตำแหน่งที่เพิ่ม | |
|---|---|---|
| Breadcrumbs | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php หรือ single.php, page.php, archive.php, tag.php และ search.php |
| เมนูดรอปดาวน์ | <?php do_action('icl_navigation_menu'); ?> | header.php |
| แถบด้านข้าง | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
การนำทางแถบด้านข้างมาในรูปแบบวิดเจ็ตของ WordPress ด้วยเช่นกัน คุณสามารถเพิ่มได้ผ่านการควบคุมวิดเจ็ตในหน้า รูปแบบเว็บวิดเจ็ต
การปรับแต่งองค์ประกอบการนำทาง
หากต้องการปรับแต่งการตั้งค่าส่วนกลางของส่วนเสริม ให้ไปที่ WPMLการนำทาง คุณสามารถปรับการตั้งค่าพื้นฐานได้ เช่น สัญลักษณ์ที่ใช้คั่นเส้นทาง Breadcrumbs
คุณยังสามารถใช้การปรับแต่งต่าง ๆ ผ่านตัวแก้ไข WordPress หรือ CSS ได้อีกด้วย
1. การปรับแต่งองค์ประกอบการนำทางด้วยตัวแก้ไข WordPress
เมื่อคุณกำลังแก้ไขหน้าเว็บในตัวแก้ไข WordPress ให้เลื่อนลงมาเพื่อค้นหาส่วนที่ชื่อว่า CMS Navigation
ส่วน CMS Navigation ในลิ้นชัก Meta Boxes ของตัวแก้ไขหน้าเว็บ
ส่วนนี้ช่วยให้คุณสามารถปรับแต่งสิ่งที่จะแสดงบนแถบด้านข้างได้ โดยคุณสามารถ:
- ยกเว้นหน้าปัจจุบัน
- แสดงหรือไม่แสดงหน้าย่อยของหน้านั้น
- กำหนดส่วนที่จะแสดงหน้าเว็บนั้นไว้ภายใต้
2. การปรับแต่งลักษณะที่ปรากฏขององค์ประกอบการนำทางด้วย CSS
องค์ประกอบการนำทางมาพร้อมกับลักษณะที่ปรากฏเริ่มต้น ซึ่งคุณสามารถปรับแต่งได้โดยใช้ CSS
ไปที่ ../wp-content/plugins/wpml-cms-nav/res/css เพื่อค้นหาไฟล์สองไฟล์:
- cms-navigation-base.css: ไฟล์นี้มีหน้าที่รับผิดชอบฟังก์ชันการทำงานของเมนูดรอปดาวน์ และคุณไม่ควรแก้ไขไฟล์นี้
- cms-navigation.css: นี่คือไฟล์ที่คุณสามารถคัดลอกและแก้ไขเพื่อเพิ่มการปรับแต่งของคุณเองได้
ทำตามขั้นตอนเหล่านี้:
- คัดลอกไฟล์ที่สอง ซึ่งก็คือ cms-navigation.css จากไดเรกทอรีปลั๊กอิน แล้วนำไปวางไว้ในไดเรกทอรีธีมของคุณ
- เรียกใช้ wp_head() และโหลดไฟล์ที่คุณคัดลอกมา การดำเนินการนี้จะโหลดไฟล์ CSS ของปลั๊กอิน
- ใช้การปรับแต่ง CSS ของคุณกับไฟล์ใหม่นี้
