سبد خرید
0

هیچ محصولی در سبد خرید نیست.

گزینه‌های پیشرفته آیتم منو در وردپرس

گزینه‌های پیشرفته آیتم منو در وردپرس

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

 

وردپرس به شما این امکان رو میده که تنظیمات بییشتری رو به منوی سایتتون اضافه کنین.

برای دسترسی به تنظیمات، وارد پنل مدیریت وردپرس بشین، و به تب Appearance > Menus برین.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

برای فعال کردن گزینه‌های پیشرفته، روی گزینه Screen Options در گوشه سمت راست بالای صفحه کلیک کنین.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

گزینه‌های Link Target, CSS Classes, Link Relationship (XFN), و Description رو خواهید دید.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

آنچه در این مطلب میخوانید:

Link Target

این گزینه کنترل میکنه که آیا لینک در یک تب جدید در مرورگر باز میشه یا نه. Link Target advanced property رو در Screen Options علامت بزنین تا این تنظیمات برای هر آیتم منو فعال بشه.

هر آیتم منو رو باز کنین، گزینه Open link in a new window/tab رو علامت بزنین.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

CSS Classes

گزینه‌ CSS Classes به شما امکان میده یک کلاس CSS رو برای آیتم‌های منوی تکی اعمال کنین و فرایند ویرایش سبک منو رو بسیار آسون‌تر میکنه.

ویژگی CSS Classes advanced  رو در Screen Options علامت بزنین.

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

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

بیاین آیتم Font Awesome رو به یکی از آیتم‌های منو اضافه کنیم. برای دیدن آیکون‌ها موجود، لطفا این لینک رو بررسی کنین: http://fortawesome.github.io/Font-Awesome/cheatsheet/ . آیکونی که می‌خواهین در منوی سایتتون نشون بدین رو انتخاب کنین و کلاس اون رو کپی کنین.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

نام کلاس css انتخاب شده رو وارد کنین و منو رو برای اعمال تغییرات ذخیره کنین. سایتتون رو ریفرش کنین تا آیکون رو ببینین.

پست پیشنهادی :  نمای کلی قالب‌های صفحه در وردپرس

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

رنگ، سبک فونت، اندازه فونت و سایر تغییرات سبک رو میتونین با استفاده از گزینه CSS Classes انجام بدین. بیاین رنگ آیتم منو رو تغییر بدیم:

  • مثل قبل، کلاس CSS سفارشی رو در قسمت CSS classes وارد کنین. میتونین هر اسمی رو در کادر CSS classes وارد کنین.
  • کد css رو برای مشخص کردن رنگ، در انتهای style.css، درست بعد از:
    @import url("main-style.css"); 
    اضافه کنین.
  • توجه داشته باشین! style.css پوسته فرزند رو هم ویرایش کنین. main-style.css رو تغییر ندین، چون ممکنه تمام تغییراتی که در این فایل انجام دادین رو از دست بدین.

گزینه‌های پیشرفته آیتم منو در وردپرس

 

  • برای مشاهده تغییر رنگ، سایتتون رو بررسی کنین.

Link Relationship (XFN)

گزینه Link Relationship (XFN) امکان تولید ویژگی‌های XFN (XHTML Friends Network) رو میده، بنابراین میتونین نشون بدین که چطور با نویسندگان سایتی که به اون لینک میدین، ارتباط دارین. این گزینه معمولا برای لینک‌های خارجی استفاده میشه.

ویژگی Link Relationship (XFN) رو در قسمت Screen Options علامت بزنین.

  • مورد خاصی رو در منو باز کنین و رابطه رو در قسمت Link Relationship (XFN) مشخص کنین. برای اطلاعات بیشتر درمورد رابطه لینک‌ها، لینک زیر رو بررسی کنین:
    http://codex.wordpress.org/Defining_Relationships_with_XFN
    ما لینک رو به عنوان nofollow مشخص کردیم، لطفا اسکرین شات زیر رو بررسی کنین:

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

Description

میتونین توضیحات منو رو اضافه کنین. اگر پوسته فعلی از اون پشتیبانی کنه، توضیحات آیتم منو نمایش داده خواهد شد.

ویژگی Description advanced رو در قسمت Screen Options علامت بزنین.

  • آیتم منویی که می‌خواهین توضیحی به اون اضافه کنین رو باز کنین. همون طوری که در تصویر زیر نشون داده شده، توضیحات رو در قسمت Description وارد کنین:
پست پیشنهادی :  نحوه مخفی کردن هشدارها و اطلاعیه‌های PHP در وردپرس

گزینه‌های پیشرفته آیتم منو در وردپرس

 

 

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان