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