דלג על ניווט
מעודכן
דצמבר 4, 2024

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 .

גלול מטה בעורך 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 שלך על הקובץ החדש.