تخطي الملاحة
تم تحديثه
ديسمبر 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'); ?>رأس.php
الشريط الجانبي<?php do_action('icl_navigation_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 الخاصة بك على الملف الجديد.