عزيزي صاحب موقع الووردبرس، يمكنك الآن تحرير القائمة بسهولة وإضافة فئة CSS مخصصة إلى عنصر القائمة الأول والأخير، إذا أردت أن تعرف طريقة إضافة فئة CSS الأولى والأخيرة إلى عناصر قائمة الووردبرس، فاتبع الطريقة التالية:
إضافة الدرجة الأولى والأخيرة باستخدام عامل التصفية
هذه الطريقة لتصميم عناصر قائمة التنقل الأولى والأخيرة بشكل مختلف، وذلك عن طريق إضافة عامل تصفية إلى المظهر الخاص بك. ستحتاج إلى إضافة رمز إلى ملف functions.php الخاص بالقالب.
كل ما عليك فعله، هو فتح ملف functions.php الخاص بالقالب، ثم لصق الكود التالي:
- function wpb_first_and_last_menu_class($items) {
- $items[1]->classes[] = 'first';
- $items[count($items)]->classes[] = 'last';
- return $items;
- }
- add_filter('wp_nav_menu_objects', 'wpb_first_and_last_menu_class');
يؤدي هذا إلى إنشاء فئتي CSS الأول والأخير لعناصر قائمة التنقل الأولى والأخيرة على التوالي. ويمكنك استخدام هذه الفئات لتصميم عناصر القائمة.
يمكنك أيضًا إضافة الكود التالي لتغميق عناصر القائمة الأولى والأخيرة:
- .first a {font-weight: bold;}
- .last a {font-weight: bold;}
وهذا تطبيق لعناصر القائمة الأولى والأخيرة بعد إضافة الكود:
لاحظ درجة اللون في كلمة Home قبل إضافة الكود وبعده، وكذلك كلمة Search أيضًا. هذه كانت طريقة سريعة لتغميق عناصر القائمة.
هل لديكم طرق أخرى لإضافة CSS الأولى والأخيرة إلى عناصر قائمة الووردبرس يا شباب؟ شاركونا. وإذا كان كنت زائر للمنتديات ولديك استفسار فلا تترد عن سؤالنا، وسوف نجيبك إن شاء الله.