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

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

برای دسترسی به تنظیمات، وارد پنل مدیریت وردپرس بشین، و به تب 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 مشخص کردیم، لطفا اسکرین شات زیر رو بررسی کنین: