نحوه اضافه کردن کلاس اول و آخر به موارد منوی پیمایش وردپرس

اخیراً هنگام کار روی یک پروژه طراحی سفارشی ، نیاز به افزودن برخی از سبک های سفارشی به موارد منوی پیمایش وردپرس را پیدا کردیم. این طرح به طور خاص برای اولین مورد منو و آخرین مورد منو به یک ظاهر طراحی شده متفاوت نیاز داشت. اکنون می توانیم به راحتی وارد سرپرست وردپرس شویم و یک کلاس css سفارشی اضافه کنید به اولین و آخرین مورد منو. اما از آنجا که ما این مورد را به مشتری می رسانیم ، به احتمال زیاد آنها ممکن است ترتیب منوها را در آینده مرتب کنند. استفاده از روش پنل مدیریت برای افزودن کلاسها کارآمدترین روش نبود. بنابراین تصمیم گرفتیم با استفاده از فیلترها این کار را انجام دهیم. در این مقاله ، ما به شما نشان خواهیم داد که چگونه با اضافه کردن یک کلاس CSS .first و .last ، اولین و آخرین آیتم های منوی وردپرس خود را به سبک دیگری تنظیم کنید.

تمام کاری که شما باید انجام دهید باز کردن پرونده توابع.php موضوع خود است. سپس کد زیر را وارد کنید:

عملکرد wpb_first_and_last_menu_class ($ مورد) {
    $ items [1] -> class [] = 'اول'؛
    $ items [count ($ items)] -> class [] = 'آخرین'؛
    بازگشت $ اقلام؛
}
افزودن_فیلتر ('wp_nav_menu_objects' ، 'wpb_first_and_last_menu_class)'؛

روش دیگر سبک دهی متفاوت به اولین و آخرین آیتم های منو استفاده از انتخابگرهای CSS است که در بیشتر مرورگرهای مدرن کار می کند.

ul # yourmenuid> li: فرزند اول {}
ul # yourmenuid> li: فرزند آخر {}

توجه: اگر کاربران زیادی در مرورگرهای قدیمی (اینترنت اکسپلورر) دارید ، پس احتمالاً می خواهید از روش زیر جلوگیری کنید.

امیدواریم که این مقاله به شما کمک کرده باشد. ما یک برگه تقلب در کلاسهای CSS پیش فرض وردپرس تولید شده که ممکن است هنگام سبک کردن موارد منو نیز مفید باشند