افزونه Menu Icons برای اضافه کردن آیکون به فهرست وردپرس

Menu Icons

یک راه ساده برای زیباتر و کاربردی تر کردن فهرست ناوبری سایت، اضافه کردن آیکون به آن است. با افزونه Menu Icons می توانید انواع آیکون ها را به فهرست ناوبری سایت وردپرس خود اضافه کنید.

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

تنظیم فهرست ناوبری با تمام آیکون های مورد نیاز در کنار آیتم مربوطه اش، به صورت راهنما برای مشتریان شما عمل می کند تا آنها بتوانند اطلاعات لازم را در وب سایت شما جستجو کرده و آنها را با سهولت پیدا کنند.

برخی مزایای اضافه کردن آیکون به آیتم های منو عبارت است از:

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

Menu Icons یک ابزار تطبیقی است و با اکثر قالب های مدرن امروزی کار می کند. همچنین از انواع مختلف آیکون ها مانند Font Awesome ، Fontello ، TI Icons و Foundation Icons پشتیبانی می کند. استفاده از این افزونه جالب بسیار ساده است و تنظیمات آن وقت بسیار کمی می برد.

در این آموزش افزونه Menu Icons را مورد بررسی قرار داده و نحوه استفاده از آن را توضیح می دهیم.

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

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

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

Menu Icons

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

Menu Icons

هنگامی که آیکون مورد نظر خود را انتخاب کردید، می توانید پیش نمایشی از آن را در نوار کناری سمت چپ باکس مشاهده کنید. همچنین می توانید تنظیمات آیکون را به صورت زیر پیکربندی کنید.

  • Hide Lable: اگر این گزینه را در حالت Yes قرار دهید، افزونه Menu Icons متن آیتم فهرست را پنهان کرده و تنها آیکون را نمایش می دهد.
  • Position: در این قسمت می توانید موقعیت قرارگیری آیکون را بعد یا قبل از متن قرار دهید.
  • Vertical Align: با استفاده از این قسمت می توانید موقعیت قرار گیری آیکون نسبت به متن را به صورت عمودی تنظیم کنید.
  • Font Size: این فیلد برای کنترل اندازه آیکون های شما است.

توجه داشته باشید که هر تغییری که در تنظیمات آیکون ها اعمال کنید، می توانید پیش نمایشی از آن را در بالای ساید بار مشاهده کنید.

پس از اینکه تغییرات مورد نظر خود را اعمال کردید روی دکمه گزینش کلیک کنید. افزونه Menu Icons آیکون مورد نظر شما را به آیتم فهرست اضافه می کند.

اضافه کردن آیکون های بیشتر شامل آیکون های شبکه های اجتماعی

برای اضافه کردن مجموعه آیکون های بیشتر به پنل آیکون ها، در ساید بار سمت راست صفحه فهرست ها به سمت پایین صفحه اسکرول کنید تا قسمت Menu Icons Settings را پیدا کنید. سپس در قسمت Global مجموعه آیکون های مورد نظر خود را انتخاب کنید.

Menu Icons

برای اضافه کردن آیکون های شبکه های اجتماعی با استفاده از افزونه Menu Icons ، مطمئن شوید که در باکس تنظیمات Menu Icons گزینه Font Awesome را انتخاب کرده اید. سپس روی Save Settings کلیک کنید.

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

Menu Icons

آیتم Twitter در فهرست را باز کنید و روی لینک Select در کنار Icon کلیک کنید.

روی Font Awesome کلیک کرده و آیکون مورد نظر خود را انتخاب کنید. بعد از کلیک بر روی آیکون، در قسمت Hide Label گزینه Yes را انتخاب کرده و اندازه آیکون را تنظیم کنید.

Menu Icons

اضافه کردن تصویر یا SVG به فهرست با افزونه Menu Icons

باکس Menu Icons Settings را باز کنید و گزینه Image یا SVG را در قسمت Global فعال کنید.

Menu Icons

سپس روی دکمه Save Changes کلیک کنید.

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

در باکس Menu Icons Settings روی تب Current Menu کلیک کنید و تنظیمات پیش فرض خود را برای تمام آیتم های این فهرست پیکربندی کنید.

Menu Icons

در انتها روی دکمه Save Settings کلیک کنید.

دانلود افزونه

دانلود افزونه Menu Icons
صفحه افزونه Menu Icons

درباره ی مینا قدسی

مطلب پیشنهادی

آموزش افزونه WooCommerce

آموزش افزونه ووکامرس WooCommerce برای ساخت فروشگاه اینترنتی

ووکامرس (WooCommerce) یک افزونه رایگان وردپرس است که قابلیت های ای کامرس یا تجارت الکترونیک …

۲ دیدگاه

  1. با سلام و احترام
    واقعا سایتی بسیار خوب و کارساز ایجاد کرده اید. کل مطالب ارزنده در خصوص wordpress و افزونه های آن برایم مفید بود.
    موفق و تندرس و شاد باشید.

    • خوشحالیم که مطالب سایت و آموزش های وردپرس و افزونه های آن مورد استفاده بوده…
      موفق باشید

دیدگاهتان را بنویسید

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