خوش آمدید به انجمن ای فری

بازدیدکننده گرامی برای دسترسی به تمامی امکانات در انجمن عضو شوید. پس از ثبت نام و ورود به سیستم ، می توانید موضوعات ایجاد کنید ، پاسخ به موضوعات موجود ارسال کنید ، به اعضای انجمن امتیاز دهید ، اقدام به خرید و فروش کنید ، و موارد دیگر. عضویت، سریع و کاملاً رایگان است ، پس منتظر چی هستی؟

درخواست راهنمایی

اگر نیاز به راهنمایی دارید درخواست خود را ثبت کنید

فروشگاه

قالب و افزونه و محصولات خود را میتوانید اینجا خرید و فروش کنید

دانلود منابع

قالب و افزونه های جدید و بروز را میتوایند از اینجا دانلود کنید

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

WALKER

مدیر کل انجمن
عضویت
11/13/18
ارسال ها
6,100
امتیاز واکنش
5,511
محل سکونت
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 که وارد کرده اید تغییر دهید و آدرس تصویر آپلود شده در بخش رسانه را در فایل متنی تغییر دهید.
 
ارسال کننده موضوعات مشابه انجمن پاسخ ها تاریخ
WALKER آموزش افزودن آیکون دلخواه به پست تایپ های سفارشی آموزشهای وردپرس 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
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
Sajadmsd مشکل ورود به آپلودسنتر اخبار انجمن ای فری 1
A اعتراض به قیمت کلیک های شرکت های تبلیغاتی گفتگوی آزاد 6
mona.habibizadeh کاور کیبورد میانبر VIM چیزی که برنامه نویسان به دنبال آن می گردند آموزش های نرم افزار و سخت افزار 0
elinaz چطوری کلید افتاده شده رو به روش درست وصل کنیم آموزش های سخت افزار 0
sslri معرفی اسکریپت تماشای فیلم و نمایش تلویزیونی به صورت آنلاین موفلیکس MoFlix 1.0.1 اسکریپت 0
maede تغییرات قالب تعداد بازدید ها و پاسخ هارا به تاپیک های خود اضاف کنید آموزشهای زنفورو 0
elinaz اتصال گوشی اندروید به ویدئو پروژکتور با استفاده از کابل گفتگوی آزاد 0
mona.habibizadeh اجرای اندروید روی آیفون به کمک یک قاب محافظ آموزش های سخت افزار 0
maede افزون باکس های هشدار به صفحه اصلی انجمن پشتیبانی زنفورو 4
elecomco آموزش ترفند تبدیل اپلیکیشن فروشگاهی به کاتالوگ گفتگوی آزاد 0
maede مباحث و مشکلات به هم ریختی اطلاعات کاربران در هنگام ارسال ها پشتیبانی زنفورو 4
maede تبدیل قالب html به وردپرس قالب های وردپرس 0
maede انتقال فایل های اپلود شده به هاست فایل در زنفور پشتیبانی زنفورو 10
maede تبدیل نمایه خلاصه کاربری شبیه به سایت afree پشتیبانی زنفورو 5
ariamovie کدوم قالب فیلم به نظرتون بهتره ؟؟ گفتگوی آزاد 12
elecomco مهارت های یاد گرفتنی برای تبدیل شدن به یک برنامه نویس اندروید آموزش های برنامه نویسی 1
elecomco به‌روزرسانی اندروید 10 برای اسمارت‌فون سامسونگ گلکسی A10s منتشر شد اخبار 0
D فروش سایت به همراه دامنه .com با نام زیبا قالب 1
sahelteh تبدیل اسم فارسی به چینی به صورت سریع گفتگوی آزاد 2

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

shape1
shape2
shape3
shape4
shape7
shape8
بالا