خرید ارزدیجیتال تبلیغات
حراجی دامنه های ویژهمشاهده
اپوفایننس

افزودن آیکون به منو در وردپرس با افزونه 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;
 
});

 

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

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

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=27661
کلمات کلیدی پست :
مطالب مرتبط
14,109افزونه بارگذاری Ajax صفحات وردپرس تاریخ : 2016/08/14
10,500قالب شخصی بسیار زیبای وردپرس با نام outdoorsy تاریخ : 2013/10/20
9,338افزونه قرار دهی فاوآیکون چندمنظوره برای وردپرس تاریخ : 2016/07/31
7,757دانلود قالب چندمنظوره فروشگاهی Feast برای وردپرس تاریخ : 2015/12/6
8,516دانلود مجموعه افزونه و قالب سایت WPMUDEV بروزرسانی خرداد ۹۴ تاریخ : 2015/06/13
11,884بهینه سازی قالب وردپرس با افزونه WP Theme Optimizer تاریخ : 2017/05/20
8,000نمایش تصویر شاخص مطالب در بخش مدیریت وردپرس تاریخ : 2016/10/22
8,280دانلود قالب چندمنظوره ای بارست Burst برای وردپرس تاریخ : 2018/11/2
11,077با افزونه WDF*IDF کلمات کلیدی قوی انتخاب کنید تاریخ : 2014/06/21
6,736جستجو در عنوان نوشته های وردپرس تاریخ : 2019/11/21
11,339نمایش وضعیت مدیر در اسکایپ تاریخ : 2013/10/20
10,004افزونه نمایش ریسپانسیو مطالب وردپرس Responsive Post Preview تاریخ : 2017/03/30
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file