آموزش اضافه کردن آیکون در المنتور + تنظیم و شخصی سازی آیکون

زمان مطالعه: 4 دقیقه

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

برای اضافه کردن آیکون در افزونه المنتور روش های مختلفی وجود دارد؛ از انتخاب آیکون های آماده کتابخانه المنتور گرفته تا استفاده از آیکون های اختصاصی و فایل های SVG. در ادامه این آموزش، روش اضافه کردن آیکون در المنتور و تنظیم رنگ، اندازه، لینک و سایر ویژگی های آن را به صورت مرحله به مرحله بررسی می کنیم.

ساخت آیکون سفارشی در المنتور

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

مرحله اول) پیدا کردن و دانلود آیکون‌ برای المنتور

برای این کار بهتر است از سایت های زیر استفاده کنید:

• سایت iconmonstr
• سایت flaticon
• سایت dryicons
• سایت Icons
• سایت iconfinder

کافی است وارد سایت‌های بالا شده و یک کلید واژه از موضوع موردنظر را جستجو کنید. سپس از میان هزاران آیکون، یکی را انتخاب و فایل SVG آن را دانلود کنید.

نکته: به یاد داشته باشید فرمت تصویر مورد نظر برای آپلود باید فرمت SVG باشد به همین دلیل پس از دانلود باید فرمت تصویرتان را تغییر دهید.

مرحله دوم) اضافه کردن آیکون به المنتور

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

1. وارد پیشخوان وردپرس شوید و از طریق منوی المنتور > آیکون‌های سفارشی را باز کنید.

2- سپس گزینه افزودن جدید (Add New) را انتخاب کنید.

3- در صفحه جدید نامی برای مجموعه آیکون خود انتخاب کنید.

4- فایل آیکون‌ های سفارشی را آپلود کنید.

5- بعد از آپلود آیکون‌ها روی دکمه انتشار با Publish کلیک کنید.

مرحله سوم) استفاده از آیکون در صفحات سایت

پس از آپلود آیکن‌ در المنتور، می‌توانید در بخش‌های مختلف سایت از آن‌ها استفاده کنید، برای این کار باید از المان آیکن در ویجت‌های المنتور استفاده کنید.

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

و در پایان بهتر است بگوییم:

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

سوالات متداول

چگونه در المنتور آیکون اضافه کنیم؟

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

آیا می توان آیکون اختصاصی به المنتور اضافه کرد؟

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

آیا برای اضافه کردن آیکون به المنتور به نسخه پرو نیاز داریم؟

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