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

افزودن آیکون به منو در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
6,392افزونه برای ایجاد تقویم در وردپرس Sugar Event Calendar تاریخ : 2018/11/16
9,837دانلود پوسته فروشگاهی سوپرمارکت Oswad تاریخ : 2017/11/4
8,196ساخت پیش نمایش انواع فایل در وردپرس با افزونه Embed Any Document تاریخ : 2017/05/30
30,658افزونه کوتاه کننده لینک وردپرس URL Shortener Pro نسخه 1.0.12 تاریخ : 2018/07/18
17,044افزونه زمانبندی تاریخ تحویل کالای ووکامرس YITH WooCommerce Delivery Date تاریخ : 2020/03/29
7,128فشرده سازی تصاویر وردپرس با الگوریتم Lossy و Lossless تاریخ : 2019/12/1
8,191جلوگیری از کپی تصاویر در وردپرس تاریخ : 2017/09/2
7,828قالب وردپرس چند منظوره موودو Movedo تاریخ : 2018/11/16
11,752پوسته مجله خبری فارسی Chirps برای وردپرس تاریخ : 2017/08/20
12,364حل خطای امکان ایجاد شاخه uploads نیست در وردپرس تاریخ : 2020/01/19
12,800افزونه ایجاد باکس لینک های مفید در وردپرس Useful Links Collections تاریخ : 2019/02/6
18,142افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 2017/12/17
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
profile check
آرشیو
checker list
checker
checker
upload file
سئو سایت
تبلیغات