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

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
اضافه کردن آیکون به المنتور

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات دیجیتال

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=57367

فهرست مطالب

حسین ابراهیمی
حسین ابراهیمی در 21:40

سلام
استفاده از ایکن های مختلف باعث کاهش سرعت لود سایت نمیشه؟

پاسخ
المنتور فارسی
المنتور فارسی در 00:10

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

پاسخ
محمد زین العابدینی
محمد زین العابدینی در 11:29

خفن و بدون درد سر 🙂

پاسخ
میلاد خانی
میلاد خانی در 01:21

عالی بود

پاسخ
Avatar
محمد حسین در 09:46

احسنت، من واقعا دنبال همچین چیزی بودم…

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید