پشتیبانی و مشاوره : 09394717682
شما اینجا هستید

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

آموزش افزودن تصاویر آیکون به منو ها در وردپرس
hajix ۲ آبان ۹۵ قالبهای لاتین 2 دیدگاه 1389 بازدید

آموزش و طریقه ی افزودن آیکون (فاوآیکون) در منو و فهرست سایت با استفاده از افزونه و کد

با سلام،در این آموزش وردپرس قرار است نحوه ی افزودن تصاویر آیکون در منو های سایت را با استفاده از کد آموزش دهیم.اگر با این موارد آشنایی ندارید و منظور ما رو بهتر متوجه نمی شوید به منو ی سایت ششمیم نگاه کند که ایکون هایی در کنارعناوین قرار گرفته ما قرار است در این مطلب به چگونه قرار دادن آنها را آموزش دهیم که در نوع خود یک زیبایی به جلوه ی سایت می افزاید و سایت را جذاب تر می کند.این کار را با چند تابع قرار است انجام دهید پس با ما همراه باشید و مقاله را خوب بخوانید…
آموزش افزودن تصاویر آیکون به منو ها در وردپرس

اگر توجه کنید خود وردپرس یک امکان تحت عنوان توضیحات برای منو قرار داده است که در حالت پیش فرض غیر فعال است ابتدا باید این قسمت را فعال سازی کنید برای این کار به قسمت فهرست ها از پیشخوان بروید و همانند تصویر در کادر تنظیمات صفحه کزینه توضیحات را تیک بزنید تا فعال شود.

خب حال یکی از منو ها را بازکنید از قسمت( فهرسته ها ) خواهید دید یک بخش دیگر با عنوان توضیح اضافه شده است.همانند تصویر زیر:

خب پس از عملیات های بالا یک کلاس آیکون را در نظر بگیرید و ان را در فیلد قرار دهید بنابر این آن را ذخیره سازی کنید برای مثال میتوانید برای منوی صفحه ی اصلی سایت fa-home را وارد کنید.

خب بعد از این کار باید برید سراغ فایل functions.php قالب وردپرس و ان را در حال ویرایش قرار دهید و کد زیر را در مکانی مناسب قرار دهید اگر با ویرایش قالب وردپرس مشکل دارید آن را مطالعه کنید.

class Menu_With_Description extends Walker_Nav_Menu {
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ( $depth ) ? str_repeat( “\t”, $depth ) : ”;

$class_names = $value = ”;

$classes = empty( $item->classes ) ? array() : (array) $item->classes;

$class_names = join( ‘ ‘, apply_filters( ‘nav_menu_css_class’, array_filter( $classes ), $item ) );
$class_names = ‘ class=”‘ . esc_attr( $class_names ) . ‘”‘;

$output .= $indent . ‘

نظر شما در مورد این مطلب چیست ؟2 دیدگاه
  1. سلام.وبسایتتون خیلی خوب و مفیده.به کارتون ادامه بدین

  2. سلام.وبسایت خیلی خوبی دارید.ممنون