WPML

WPML CMS Navigation เป็นปลั๊กอินส่วนเสริมที่ให้องค์ประกอบการนำทางเมื่อสร้างเว็บไซต์หลายภาษาของคุณ

ส่วนเสริมนี้รวมอยู่ในแพ็คเกจ WPML Multilingual CMS ของคุณ

องค์ประกอบการนำทางที่คุณสามารถเพิ่มได้ด้วยปลั๊กอิน WPML CMS Navigation ได้แก่:

ช่วยให้ผู้ใช้ค้นหาเส้นทางผ่านโครงสร้างของไซต์

The breadcrumb trail on a tour page
The breadcrumb trail on a tour page

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

The drop-down menu, with a section open
The drop-down menu, with a section open

The section sidebar beside a tour page
The section sidebar beside a tour page

การเพิ่มองค์ประกอบการนำทางลงในธีมของคุณ

ในการใช้แต่ละองค์ประกอบ ให้เพิ่มลงในธีมของคุณโดยใช้ฟังก์ชัน 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

เลื่อนลงมาในตัวแก้ไข WordPress เพื่อค้นหาส่วนที่มีการตั้งค่าการนำทาง
เลื่อนลงมาในตัวแก้ไข 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 ของคุณกับไฟล์ใหม่

เขียนโดย Amir · อัปเดตล่าสุด 2 ธันวาคม 2024