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

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

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

سپس عکسی را که میخواهید در منوی ناوبری نمایش داده شود را با کلیک روی  ‘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 را علامت بزنید. سپس اسکرول را پایین آورده و روی تما آیتم ها در منوی فعلی کلیک کنید،در آنجا CSS class را خواهید دید. باید CSS class را به آیتم منو اضافه کنید.

پس از آن نیاز دارید 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 که وارد کرده اید تغییر دهید و آدرس تصویر آپلود شده در بخش رسانه را در فایل متنی تغییر دهید.

 

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

Advertisements

نویسنده: atashalizadeh

یکی از دغدغه های اصلی صاحبان کسب و کار اینترنتی قرار گرفتن سایت شان در رتبه های برتر گوگل می باشد ، بنابراین ما به شما کمک خواهیم کرد به این مهم دست یابید ، لطفا نظرات خود را با ما درمیان بگذارید تا بتوانیم خدمات بهتری برای شما ارائه دهیم. ممنون میشیم اگر مطالب را به اشتراک بگذارید.

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s