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

افزودن آیکون به منو در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
12,155پلاگین گالری تصاویر بند انگشتی نسخه 1.6 تاریخ : 2014/03/4
4,720آموزش افزودن دکمه گوگل پلاس به وردپرس تاریخ : 2019/10/2
12,964افزونه ایجاد باکس لینک های مفید در وردپرس Useful Links Collections تاریخ : 2019/02/6
10,652تغییر عنوان و متن ایمیل ارسالی وردپرس برای کاربران تاریخ : 2017/01/4
5,048آموزش افزایش امنیت صفحه ورود وردپرس تاریخ : 2019/07/7
7,944ساخت نوار تبلیغات شناور در صفحات وردپرس تاریخ : 2018/07/24
4,076وردپرس چه تاثیری در سئو سایت دارد تاریخ : 2019/07/24
51,775بهترین افزونه های رایگان برای نمایش سایت وردپرس بر روی موبایل تاریخ : 2014/06/10
3,908ایندکس نشدن سایت در گوگل تاریخ : 2019/05/30
11,446اجرای موسیقی آنلاین در وردپرس با افزونه HTML5 Music Player تاریخ : 2014/09/16
6,200چک لیست کامل سئوی وردپرس در سال ۱۳۹۷ تاریخ : 2018/12/2
6,640پوسته فروشگاهی Mega Store برای ووکامرس تاریخ : 2019/02/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات