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

المنتور پرو، شامل کتابخانه بزرگی از آیکون های Font Awesome با نسخه 5 می باشد. ولی ممکن است این آیکون ها مورد استفاده شما نباشد و نیاز به آیکون های شخصی سازی شده در سایت داشته باشید.

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

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

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

پیدا کردن آیکون های مورد نیاز

برای پیدا کردن آیکون های مورد نیاز، کافیه به آدرس سایت Flaticon.com رفته و در بین میلیون ها آیکون، آیکون هایی که نیاز دارید را دانلود کنید. ثبت نام در این سایت رایگان بوده و بسیاری از آیکون ها نیز به صورت رایگان قابل دانلود می باشد.

در قسمت جستجو می توانید دسته بندی آیکون مورد نیاز تون رو جستجو کنید.

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

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

بعد از دانلود پکیج، فایل Zip را از حالت فشرده خارج کنید. در اینجا ما فقط به پوشه SVG آیکون نیاز داریم.

تبدیل آیکون ها به فونت آیکون

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

به آدرس سایت Fontello.com برید. دراینجا فایل آیکون ها با فرمت SVG را با درگ کردن، داخل سایت آپلود کنید.

حالا آیکون هایی که می خواهید داخل پکیج قرار بگیرد را انتخاب کنید.

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

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

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

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

در اینجا باید فایل Zip که از سایت Fontello دریافت کردید را آپلود کنید.

بعد از چند ثانیه، آیکون های آپلود شده را در لیست به صورت زیر مشاهده می کنید:

حالا به یکی از صفحات المنتوری تون رفته و ویجت آیکون را در صفحه قرار دهید.

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

امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکلی در استفاده از آیکون ها دارید از بخش نظرات اب ما در میان بگذارید.