الطريقة الصحيحة لتفعيل خاصية active للـ navigation

قبل 4 أيام قمت بطرح هذا الموضوع

حيث يتضمن مشكلة واجهتنى عند تفعيل خاصية active فى قائمة الموقع للووردبريس.

○ فى الحقيقة أستفدت من ردود الأخوة @zakariamouhid و @ahmedsaoud31 لكن عندما وجدت طريقة قررت بعد إنتهائى من العمل على القالب بأن أشارككم الحل ربما يحتاج أحدهم المعلومة فى يوماً ما.

تضمين الدالة

أولا قم بالذهاب إلى ملف الـ functions وقم بتضمين تلك الدالة:

add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
    function special_nav_class($classes, $item){ 
        if( in_array('current-menu-item', $classes) ){
                  $classes[] = 'active '; 
                 }
    return $classes;
    }

 الدالة تقوم بتفعيل الخاصية عندما يختار الزائر تبويبة معينة وكلما أنتقل إلى أخرى تظهر له بلون كالأزرق الغامق.

تحكم فى الخواص

 الآن يمكنك أن تتحكم فى active من خلال عدة طرق الأولى مكتبة الـ Bootstrap والتى قمت بإستخدامها حيث بإمكانك التخصيص كما تشاء، أما الطريقة الثانية فمن خلال ملف الـ Style من خلال القيمة:

  .active{
  background: #00f;
  }

ويمكنك التلاعب كما شئت فى اللون وحجم الخط.

ما الإستفادة من تفعيل خاصة active فى قائمة الموقع

تفيد الزائر فى معرفة المكان الذى يتواجد به داخل الموقع، فيعرف ما الذى تصفحه والمحتوى الذى يقرأه أو يشاهده ينتمى إلى أى تصنيف.

أتمنى أن أكون قد أضفت معلومة جيدة، تقبلوا تحياتى :)