خوش آمدید!

برای دریافت آخرین بروزرسانی‌های افزونه، استایل و ... نیازمند ثبت‌نام در انجمن می‌باشید تا با ما بروز بمانید!

ثبت نام!
آموزشهای وردپرس

WALKER

مدیر کل انجمن
تاریخ ثبت‌نام
11/13/18
نوشته‌ها
6,138
پسندها
5,592
امتیازها
113
محل سکونت
tehran
آنتی ویروس
1241

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

در این مقاله ما به شما روش افزودن آیکون به منوهای وردپرس بدون هیچ کدی را آموزش میدهیم. اولین کار نصب و راه اندازی افزونه Menu Image است. پس از فعال سازی به نمایش>فهرست ها بروید. در آنجا گزینه ای برای افزودن تصویر با آیتم موجود در منوی شما میبینید.

1242

سپس عکسی را که میخواهید در منوی ناوبری نمایش داده شود را با کلیک روی ‘Set Image’ آپلود کنید. افزونه به طور خودکار چند سایز مختلف عکس ایجاد میکند،میتوانید در قسمت سایز عکس آنرا انتخاب کنید. همچنین میتوانید مکان عنوان منو را نیز انتخاب کنید و آنرا قبل یا بعد از عکس نمایش دهید. همچنین میتوانید عنوان را مخفی کرده و فقط عکس را نمایش دهید.

افزودن سایز دلخواه تصویر
اگر میخواهید برای عکسهایی که روی منو آپلود میکنید سایز دلخواه انتخاب کنید با افزودن کد زیر به فایل functions.php قالب سایتتان به راحتی اینکار را انجام دهید:

کد:
add_filter( 'menu_image_default_sizes', function($sizes){

  // remove the default 36x36 size
  unset($sizes['menu-36x36']);

  // add a new size
  $sizes['menu-50x50'] = array(50,50);

  // return $sizes (required)
  return $sizes;

});

افزودن تصویر به صورت دستی با سی اس اس
این روش برای کاربرانی که با سی اس اس آشنایی دارند مناسب هست. اولین کار برای آپلود عکس در وردپرس رفتن به رسانه > افزودن میباشد. پس از آپلود عکس آدرس آنها را در ویرایشگر متن کپی کنید. اکنون به نمایش >فهرست ها برویدو روی گزینه تنظیمات صفحه در بالا سمت راست کلیک کنید و جعبه کلاس css را علامت بزنید.

1243

سپس اسکرول را پایین آورده و روی تما آیتم ها در منوی فعلی کلیک کنید،در آنجا CSS class را خواهید دید. باید CSS class را به آیتم منو اضافه کنید.

1244

پس از آن نیاز دارید CSS را به قالب خود اضافه کنید.

کد:
.homepage {
background-image: url('http://www.example.com/wp-content/uploads/2014/12/home.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

فراموش نکنید که homepage را به هر کلاس CSS که وارد کرده اید تغییر دهید و آدرس تصویر آپلود شده در بخش رسانه را در فایل متنی تغییر دهید.
 
  • Like
واکنش‌ها[ی پسندها]: Admin
ارسال کننده موضوعات مشابه انجمن پاسخ ها تاریخ
WALKER آموزش افزودن آیکون دلخواه به پست تایپ های سفارشی آموزشهای وردپرس 0
J مشکل بهم ریختن فرم در افزودن نوشته ها وردپرس 0
maede مباحث و مشکلات افزودن ویجت به صفحه اصلی پشتیبانی زنفورو 0
maede آموزش افزودن ابزارک (تولبار) به ادیتور متن در چتروم پشتیبانی زنفورو 2
I مباحث و مشکلات افزودن فونت به ادیتور زنفورو پشتیبانی زنفورو 5
sslri آموزش افزودن ابزارک تب بندی jQuery به وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن ssl و https به سایت وردپرسی آموزشهای وردپرس 0
WALKER آموزش افزودن فرم تماس بصورت پاپ آپ در وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن لینک سفارشی به نوار ابزار وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن اسکرول به بالا با استفاده از jQuery آموزشهای وردپرس 0
WALKER آموزش افزودن جستجوی باز شونده به قالب وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن شماره تلفن قابل کلیک به سایت آموزشهای وردپرس 0
WALKER دانلود JetGuten - Blocks Set Addon for Gutenberg Editor v1.1.2 افزونه افزودن قابلیت های جدید به گوتنبرگ افزونه های وردپرس 0
WALKER آموزش افزودن فرمت مجاز برای آپلود در رسانه وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن تگ Hreflang به وردپرس برای افزایش سئو آموزشهای وردپرس 0
WALKER آموزش افزودن شماره صفحات به وردپرس بدون افزونه آموزشهای وردپرس 0
WALKER آموزش غیر فعال شدن دکمه افزودن پرونده چند رسانه‌ای در وردپرس آموزشهای وردپرس 0
WALKER آموزش افزودن شبکه‌های اجتماعی به منو سایت وردپرس آموزشهای وردپرس 0
WALKER دانلود افزودن مطلب توسط کاربر در وردپرس WP User Frontend Pro Business - Ultimate Frontend Solution For WordPress v3.4.1 افزونه های وردپرس 16
WALKER آموزش افزودن نمودار تغییرات قیمت محصولات به ووکامرس آموزشهای وردپرس 0
WALKER آموزش کد افزودن تصویر شاخص مطالب در پنل مدیریت وردپرس آموزشهای وردپرس 0
WALKER دانلود افزونه افزودن فیلد دلخواه در ووکامرس WooCommerce Checkout Fields & Fees v7.7 افزونه های وردپرس 10
Magical اندروید دانلود Add Music to Voice Premium 1.7 - نرم افزار افزودن موزیک به صدای ضبط شده برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Add Audio to Video: Music Video Editor Pro 1.7 - نرم افزار افزودن موزیک به ویدیو برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود PixelLab - Text on pictures 1.9.2 - نرم افزار افزودن متن روی تصاویر برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Phonto Pro - Text on Photos 1.7.19 - نرم افزار افزودن متن به تصاویر برای اندروید نرم افزارهای اندروید 0
Z مشکل آیکون در پیشوند پشتیبانی زنفورو 0
WALKER تغییرات قالب اضافه کردن آیکون به Navbar و پنجره منو Popup آموزشهای زنفورو 0
WALKER تغییرات قالب اضافه کردن آیکون به منوی کاربر آموزشهای زنفورو 0
WALKER تغییرات قالب آیکون جدید در عنوان های انجمن آموزشهای زنفورو 0
WALKER آموزش شخصی سازی آیکون های ویندوز 10 آموزش های سیستم عامل ویندوز 0
WALKER دانلود افزونه مدیریت آیکون وردپرس IconPress Pro - Icon Management for WordPress v1.4.7 افزونه های وردپرس 5
Magical اندروید دانلود Iconic: logo maker, icon designer & button creator 1.1.4 - نرم افزار ساخت آیکون و لوگو برای اندروید نرم افزارهای اندروید 0
S نکاتی در مورد مهاجرت به کانادا گفتگوی آزاد 0
aylarma چگونه به صورت رایگان در اینستاگرام لایک به دست آوریم؟ گفتگوی آزاد 0
H چگونه فالوور هایمان را از 10 هزار به 100 هزار برسانیم؟ گفتگوی آزاد 0
H آیا خرید فالوور، رشد کسب و کار در اینستاگرام را به دنبال دارد؟ گفتگوی آزاد 0
N اکران فیلم Babylon به کارگردانی دیمین شزل یک سال عقب افتاد گفتگوی آزاد 0
aylarma نحوه‌ی رسیدن به اکسپلور با لایک و ویو بالا گفتگوی آزاد 0
Z چگونه به اکسپلورر اینستاگرام برویم؟ گفتگوی آزاد 0
A اینفلوئنسرمارکینگ به چه دردمون در اینستاگرام میخورد گفتگوی آزاد 0
A دانلود فیلم و عکس از اینستاگرام به روش هایه ساده گفتگوی آزاد 0
B کارمزد کارت به کارت گفتگوی آزاد 1
M پرسرعت ترین راه برای ورود به YouTube گفتگوی آزاد 0
M آیا تا به حال آموزشگاه ها پول شما رو خوردند؟ گفتگوی آزاد 2
Ghre مباحث و مشکلات رفع مشکل قطع شدن فندق شکن به طور خودکار مباحث و مشکلات مربوط به اندروید 0
masoudfn اتصال درگاه پرداخت به سایت با php طراحی وب 1
Sajadmsd مشکل ورود به آپلودسنتر اخبار انجمن ای فری 2
A اعتراض به قیمت کلیک های شرکت های تبلیغاتی گفتگوی آزاد 6
mona.habibizadeh کاور کیبورد میانبر VIM چیزی که برنامه نویسان به دنبال آن می گردند آموزش های نرم افزار و سخت افزار 0

موضوعات مشابه

بالا