مرجع آموزش برنامه نویسی

افراد زیادی هستند که از طریق تحصیل یا علاقه به حوزه برنامه نویسی وارد می شوند ، اما پس از مدتی یا از یادگیری بی نتیجه خسته می شوند و یا آنطور که باید از کار خود لذت نمی برند. برنامه نویسی مسیر دشواری دارد که فقط افراد قدرتمند و هدفمند از پس آن بر می آیند. کسانی که به هر قیمتی استقامت می کنند هزینه رشد خود را می پردازند.
۴ دوره
+1500 دقیقه آموزش
۴۶۶ مقاله
۱۲۴۸ کاربر
سون کلونر

سبک دادن به آیتم های منوی وردپرس به طور جداگانه منوی وردپرس کلاس های CSS

یک تجربه رضایت بخش است به خصوص زمانی که باید یک موضوع ووکامرس از ابتدا ایجاد کنید. یکی از رایج‌ترین مسائلی که هنگام طراحی سایت ووکامرس خود با آن مواجه می‌شوید، نیاز به افزودن آیکون‌ها به منو یا استایل متفاوت آن است.

موارد منوی سبک با فیلتر

اخیراً، ما در حال پایان دادن به یک سایت WooCommerce بودیم، من نیاز داشتم که آیتم های منو را جداگانه استایل کنم. من می خواستم ظاهر آیتم منوی اصلی با سایر آیتم های منو متفاوت باشد.

در حالت ایده‌آل، من باید کلاس‌هایی را به منوها اضافه کنم و به هر آیتم منو با CSS استایل بدهم. من فیلتر وردپرس زیر را برای اضافه کردن کلاس ها به آیتم های منو نوشتم:

/**

 * Menu classes filter

 */

function njengah_nav_menu_class($classes, $item){

     if( strtolower($item->title) == "home" ){

             $classes[] = "home-icon";

     }

     return $classes;

}

add_filter('nav_menu_css_class' , 'njengah_nav_menu_class' , 10 , 2);

اگر می خواهید از این فیلتر برای اضافه کردن کلاس های CSS منوی وردپرس به قالب خود استفاده کنید، باید فایل function.php را در قالب خود باز کنید و این کد را جایگذاری کنید.

یک کلمه احتیاط، هنگام ویرایش فایل های قالب وردپرس خود باید بسیار مراقب باشید. همیشه قبل از به‌روزرسانی، از داشتن یک نسخه پشتیبان اطمینان حاصل کنید.

توصیه می شود این فیلترها را به فایل function.php theme کودک اضافه کنید. اگر طرح زمینه شما دارای تم کودک نیست، باید آن را ایجاد کنید.

روشی جایگزین برای کلاس های CSS منوی وردپرس

اگر با فایل‌های تم وردپرس راحت نیستید، روش مبتکرانه دیگری وجود دارد که می‌توانید کلاس‌ها را به منو اضافه کنید. در منوی داشبورد وردپرس خود، روی Appearance > Menu کلیک کنید

در منوی گزینه های صفحه بالا، روی منوی کشویی کلیک کنید و گزینه CSS Classes را انتخاب کنید.

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

کلاس‌های CSS منوی وردپرس، سبک دادن به منوهای فردی را بدون تأثیر بر ظاهر سایر منوها برای شما آسان می‌کند.

 

در این مقاله قصد داریم تا درباره سبک دادن به آیتم های منوی وردپرس به طور جداگانه منوی وردپرس کلاس های CSS صحبت کنیم.


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

مهندس شبکه, امنیت, برنامه نویسی تلفن های هوشمند, طراح وب سایت و متخصص هوش مصنوعی

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

نود جی اس

توسعه دهندگان نود جی اس, زبان جاوا اسکریپت را از یک زبان قابل اجرا در مرورگر خارج کرده و به زبانی تبدیل کردن که بتوان آن را بصورت یه اپلیکیشن مستفل اجرا کرد و ...


۵۳
۰
۱۲ آذر ۱۳۹۹

اندروید

اندروید یک سیستم عامل می باشد که توسط گوگل توسعه داده میشود, این سیستم عامل بر پایه نسخه ی اصلاح شده ی هسته ی لینوکس و دیگر نرم افزار های متن باز طراحی شده است و ...


۴۶
۰
۲۹ آبان ۱۳۹۹

هوش مصنوعی

هوش مصنوعی یا هوش ماشینی, به هوشمندی نشان داده شده توسط ماشین در شرایط مختلف گفته میشود که مقابل هوش طبیعی در انسان ها قرار دارد که ...


۳۹
۰
۱۱ آذر ۱۳۹۹

جاوا اسکریپت

جاوا اسکریپت یک زبان پویا و محبوب مبتنی بر شیء, داینامیک و مفسری می باشد. این زبان برای برنامه نویسی سمت سرور و کلاینت استفاده میشود که ...


۳۵
۰
۱۳ آذر ۱۳۹۹
logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

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