WPML

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.

قسم CMS Navigation في درج Meta Boxes بمحرر الصفحة
قسم CMS Navigation في درج Meta Boxes بمحرر الصفحة

يسمح لك هذا القسم بتخصيص ما يتم عرضه في الشريط الجانبي. يمكنك:

  • استبعاد الصفحة الحالية
  • إظهار أو عدم إظهار صفحاتها الفرعية
  • تعيين قسم لعرض الصفحة تحته

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