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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

افزودن آیکون به منو در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
8,804استفاده صحیح از برچسب در وردپرس و قوانین نانوشته سئو تاریخ : 2020/06/3
18,083قالب سایت فیلم برای وردپرس تاریخ : 2013/10/29
11,362وردپرس نسخه 3.8 منتشر شد تاریخ : 2013/12/13
15,988نحوه ساخت فرم تماس با ما بدون افزونه تاریخ : 2018/10/28
17,681قالب خبری تابناک برای وردپرس تاریخ : 2017/01/28
7,412تغییر رنگ پیشخوان در وردپرس تاریخ : 2022/10/23
12,088جستجو در عنوان نوشته های وردپرس تاریخ : 2019/11/21
17,930ساخت منوهای واکنشگرا در وردپرس با افزونه Responsive Menu Pro تاریخ : 2019/04/4
11,312پشتیبانی تیکتی در وردپرس با افزونه FAST تاریخ : 2018/11/7
13,629تغییر نام کلمات پیشفرض وردپرس با افزونه Say what تاریخ : 2018/01/2
20,701تغییر آیکون های پیشخوان وردپرس با افزونه CPT Custom Icon تاریخ : 2017/07/9
20,415نمایش مطالب پربازدید در وردپرس بدون افزونه تاریخ : 2016/07/28
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب