تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

افزودن آیکون به منو در وردپرس با افزونه Menu Image

افزونه ها , افزونه وردپرس

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

 

افزودن آیکون به منو در وردپرس با افزونه Menu Image

 

افزونه‌ای که قصد معرفی آن را دارم با نام Menu Image در مخزن وردرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۴۰.۰۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود نماید. این افزونه دارای صفحه تنظیمات خاصی نمی‌باشد، لذا پس از نصب و فعال کردن آن به منوی نمایش> فهرست‌ها در پیشخوان مراجعه کنید، همانطور که در تصویر مشاهده می‌کنید دو گزینه در پنجره‌ای که لینکهای منو را وارد می‎کنید به آن افزوده خواهند شد.

 

افزودن آیکون به منو در وردپرس با افزونه Menu Image

 

ابتدا بر روی دکمه set image کلیک کنید تا آیکون منوی مورد نظر را انتخاب و آپلود نمایید، سپس برای اینکه جذابیت آیکون را دوچندان کنید بر روی گزینه set image on hover کلیک کرده و همان آیکون را با رنگ دیگری آپلود کنید، با اینکار هنگام رفتن نشانگر موس بر روی منوی مورد نظر و یا مشاهده لینک منو رنگ آیکون نیز تغییر خواهد کرد. در بخش image size قادر خواهید بود تا اندازه مورد نظر برای آیکون را وارد کنید که در حالت پیشفرض اندازه استاندارد در این افزونه در دو اندازه ۲۴ و ۳۶ می‌باشد. اما اگر قصد دارید تا اندازه آن را به دلخواه خود تغییر دهید می‌توانید کد زیر را در فایل فانکشن قالب خود قرار داده و به جای اندازه‌های موجود که در این کد ۳۶ و ۵۰ می‌باشند اندازه دلخواه خود را تعیین کنید.

 

add_filter( 'menu_image_default_sizes', function($sizes){
 
  // remove the default ۳۶x۳۶ size
  unset($sizes['menu-۳۶x۳۶']);
 
  // add a new size
  $sizes['menu-۵۰x۵۰'] = array(۵۰,۵۰);
 
  // return $sizes (required)
  return $sizes;
 
});

 

موفق باشید

دانلود نسخه : 2.7.0


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27661
کلمات کلیدی پست :
مطالب مرتبط
8,324افزونه ویرایش آنلاین نام تصاویر در وردپرس Media File Renamer Pro تاریخ : 2020/08/1
3,764افزونه مگامنوی حرفه ای وردپرس MDF Megamenu تاریخ : 2018/04/22
10,061آموزش نصب افزونه در وردپرس تاریخ : 2016/12/22
6,229هدایت کاربران به صفحه خاص پس از ورود با افزونه Peter’s Login Redirect تاریخ : 2017/08/29
2,808نمایش آخرین ورود کاربر در وردپرس تاریخ : 2018/04/28
14,804افزونه ایجاد فرم های فلت WP Flat Cost Estimation Form Creator تاریخ : 2014/06/17
1,200راهکار‌هایی برای حل مشکل نصب نشدن قالب وردپرس تاریخ : 2019/09/26
6,636پوسته مجله خبری فارسی Chirps برای وردپرس تاریخ : 2017/08/20
1,460افزونه کوتاه کننده لینک برای وردپرس HighWayPro تاریخ : 2019/11/3
2,096مدیریت اشتراک گذاری فایل ها در وردپرس با افزونه WP FSAM تاریخ : 2019/02/4
7,726افزونه پاپ آپ نینجا برای وردپرس نسخه 2.4 تاریخ : 2014/02/28
4,354افزونه رزرواسیون و زمانبندی وردپرس Bookly نسخه ۶.۱ تاریخ : 2015/05/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات