WPML CMS Navigation เป็นปลั๊กอินส่วนเสริมที่ให้องค์ประกอบการนำทางเมื่อสร้างเว็บไซต์หลายภาษาของคุณ
ส่วนเสริมนี้รวมอยู่ในแพ็คเกจ WPML Multilingual CMS ของคุณ
องค์ประกอบการนำทางที่คุณสามารถเพิ่มได้ด้วยปลั๊กอิน WPML CMS Navigation ได้แก่:
เบรดครัมบ์
ช่วยให้ผู้ใช้ค้นหาเส้นทางผ่านโครงสร้างของไซต์

เมนูแบบดรอปดาวน์
ช่วยให้ผู้ใช้เข้าถึงส่วนที่ต้องการได้อย่างรวดเร็ว

แถบด้านข้าง
แสดงหน้าเว็บที่เกี่ยวข้องกับหน้าที่ผู้ใช้กำลังดูอยู่
การเพิ่มองค์ประกอบการนำทางลงในธีมของคุณ
ในการใช้แต่ละองค์ประกอบ ให้เพิ่มลงในธีมของคุณโดยใช้ฟังก์ชัน PHP แบบบรรทัดเดียว
| โค้ด PHP | ตำแหน่งที่ต้องเพิ่ม | |
|---|---|---|
| เบรดครัมบ์ | <?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 → การนำทาง คุณสามารถปรับการตั้งค่าพื้นฐานได้ เช่น สัญลักษณ์ที่ใช้คั่นเส้นทางเบรดครัมบ์
คุณยังสามารถใช้การปรับแต่งต่าง ๆ ผ่านตัวแก้ไข WordPress หรือ CSS ได้อีกด้วย
1. การปรับแต่งองค์ประกอบการนำทางด้วยตัวแก้ไข WordPress
เมื่อคุณกำลังแก้ไขหน้าเว็บในตัวแก้ไข WordPress ให้เลื่อนลงมาเพื่อค้นหาส่วนที่ชื่อ CMS Navigation

ส่วนนี้ช่วยให้คุณสามารถปรับแต่งสิ่งที่จะแสดงบนแถบด้านข้างได้ คุณสามารถ:
- ยกเว้นหน้าปัจจุบัน
- แสดงหรือไม่แสดงหน้าย่อย
- กำหนดส่วนที่จะแสดงหน้าเว็บภายใต้
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 ของคุณกับไฟล์ใหม่
