ข้ามการนำทาง
หน้าแรก » ข้อมูลนักพัฒนา » การเพิ่มองค์ประกอบการนำทางลงในไซต์ของคุณด้วย Add-on WPML CMS Navigation

การเพิ่มองค์ประกอบการนำทางลงในไซต์ของคุณด้วย Add-on WPML CMS Navigation

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'); ?>ส่วนหัว.php
แถบด้านข้าง<?php do_action('icl_navigation_sidebar'); ?>ไซด์บาร์.php

แถบนำทางด้านข้างมาพร้อมกับวิดเจ็ต WordPress เช่นกัน เพิ่มผ่านการควบคุมวิดเจ็ตบนหน้า รูปลักษณ์ → วิดเจ็ต

การปรับแต่งองค์ประกอบการนำทาง

หากต้องการปรับแต่งการตั้งค่าทั่วไปของส่วนเสริม ให้ไปที่ WPML → การนำทาง คุณสามารถปรับแต่งการตั้งค่าพื้นฐานได้ เช่น สัญลักษณ์ที่คั่นเส้นทางเบรดครัมบ์

นอกจากนี้คุณยังสามารถปรับแต่งต่างๆ ได้ผ่านตัวแก้ไข WordPress หรือ CSS อีกด้วย

1. ปรับแต่งองค์ประกอบการนำทางด้วย WordPress Editor

เมื่อคุณกำลังแก้ไขหน้าในโปรแกรมแก้ไข WordPress ให้เลื่อนลงเพื่อค้นหาส่วนที่มีชื่อว่า CMS Navigation

เลื่อนลงในตัวแก้ไข WordPress เพื่อค้นหาส่วนที่มีการตั้งค่าการนำทาง

ส่วนนี้ช่วยให้คุณปรับแต่งสิ่งที่จะแสดงบนแถบด้านข้างได้ คุณสามารถ:

  • ไม่รวมหน้าปัจจุบัน
  • แสดงหรือไม่แสดงหน้าย่อย
  • กำหนดส่วนเพื่อแสดงหน้าภายใต้

2. ปรับแต่งรูปลักษณ์ขององค์ประกอบการนำทางด้วย CSS

องค์ประกอบการนำทางมาพร้อมกับรูปลักษณ์เริ่มต้น ซึ่งคุณสามารถปรับแต่งได้โดยใช้ CSS

ไปที่ ../wp-content/plugins/wpml-cms- nav/res/css เพื่อค้นหาไฟล์สองไฟล์:

  • cms-navigation-base.css : นี่เป็นส่วนที่รับผิดชอบต่อการทำงานของเมนูแบบดรอปดาวน์ และคุณ ไม่ควร แก้ไขมัน
  • cms-navigation.css : นี่คือไฟล์ที่คุณสามารถคัดลอกและแก้ไขเพื่อเพิ่มการปรับแต่งของคุณได้

ทำตามขั้นตอนเหล่านี้:

  1. คัดลอกไฟล์ที่สอง cms-navigation.css จากไดเร็กทอรีปลั๊กอินและวางไว้ในไดเร็กทอรีของธีมของคุณ
  2. เรียก wp_head() และโหลดสำเนาของคุณ ซึ่งจะโหลดไฟล์ CSS ของปลั๊กอิน
  3. ใช้การปรับแต่ง CSS ของคุณกับไฟล์ใหม่