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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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