icon
می‌خوای از تخفیفات ویژه مطلع بشی؟
جشنواره‌ها و تخفیفات شگفت انگیز را از طریق اعلان به شما اطلاع می‌دیم.
ایکون
قالب اکسترا
130 سایت آماده شرکتی و فروشگاهی
فقط با 1,515,000 تومان
مشاهده و خرید
افزودن آیکون در المنتور
آموزش افزونه‌ها

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

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

0
28 شهریور 1403
آخرین بروزرسانی: 22 مرداد 1404

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

نکته: به یاد داشته باشید امکان افزودن آیکون‌های سفارشی فقط در المنتور پرو وجود دارد پس قبل از اینکه مراحل را طی کنید لازم است افزونه المنتور پرو را تهیه کنید.

محصول پیشنهادی
بنر
افزونه المنتور پرو ⚡ (دانلود صفحه ساز Elementor)
دسته بندی : افزونه صفحه ساز وردپرس
32383
فروش
91%
رضایت

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

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

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

اولین قدم برای اضافه کردن آیکون‌ پس از نصب افزونه المنتور، دانلود آیکون از سایت‌های مرجع است:

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

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

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

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

نرگس جاویدان
نرگس جاویدان
نرگسم؛ عاشق یادگیری و کشف مسیرهای تازه‌ و با شوق در دنیای نوشتن قدم برمی‌دارم.
سوالات متداول

برای افزودن آیکون‌های متحرک به المنتور، می‌توانید از چند روش استفاده کنید:

  • استفاده از ویجت‌های پیش‌ساخته: برخی از تم‌ها و افزونه‌های المنتور، ویجت‌هایی با آیکون‌های متحرک پیش‌ساخته ارائه می‌دهند.
  • اضافه کردن فایل‌های GIF: می‌توانید فایل‌های GIF متحرک را به عنوان پس‌زمینه یا تصویر آیکون خود استفاده کنید.
  • استفاده از کدهای CSS: برای ایجاد انیمیشن‌های سفارشی، می‌توانید از کدهای CSS و جاوا اسکریپت استفاده کنید.

منابع بسیاری برای یافتن آیکون‌های رایگان وجود دارد. برخی از محبوب‌ترین آن‌ها عبارتند از:

  • Flaticon: یکی از بزرگترین پایگاه‌های داده آیکون‌های وکتور رایگان است.
  • Font Awesome: مجموعه‌ای از آیکون‌های وب است که به صورت فونت ارائه می‌شوند.
  • Google Fonts: علاوه بر فونت‌ها، آیکون‌های رایگان نیز ارائه می‌دهد.
  • Iconfinder: یک موتور جستجوی قدرتمند برای یافتن آیکون‌های مورد نظر شما است.
مقالات مرتبط
بنر
ساخت جدول در افزونه گرویتی فرم (در 5 دقیقه)
این راهنما به صورت گام به گام، شما را با قابلیت‌های مختلف گرویتی فرم برای ایجاد ساختارهای جدولی آشنا می‌کند، از فیلدهای تکرارپذیر گرفته تا استفاده از فیلدهای انتخاب چندگانه و چینش آن‌ها برای شبیه‌سازی ظاهر جدول. هدف این است که بتوانید بدون نیاز به دانش برنامه‌نویسی پیچیده، فرم‌هایی با قابلیت ...
بنر
آموزش کار با کانتینر ها در افزونه المنتور
کانتینرها در افزونه المنتور، جایگزینی قدرتمند برای ردیف‌ها و ستون‌ها هستند که با استفاده از Flexbox، چیدمان انعطاف‌پذیر و ریسپانسیو صفحات را آسان می‌کنند.
بنر
آموزش ساخت فرم چند مرحله‌ای در وردپرس در 5 دقیقه
در این مقاله، به صورت گام‌به‌گام با فرآیند ساخت فرم چند مرحله‌ای در وردپرس با استفاده از افزونه گرویتی فرم آشنا می‌شوید. از نصب افزونه تا تنظیمات پیشرفته و نکات سئو، همه چیز را با جزئیات بررسی می‌کنیم. همچنین، کاربردهای این فرم‌ها در کسب‌وکارهای مختلف و مزایای آن‌ها را مرور خواهیم کرد. اگر به ...
بنر
آموزش بخش تسویه حساب و برداشت وجه در دکان
تصور کنید بعد از هفته‌ها تلاش برای فروش محصولات در فروشگاه آنلاین خود، بالاخره درآمد خوبی به دست آورده‌اید. حالا نوبت آن است که این درآمد را به حساب بانکی‌تان منتقل کنید. اما چطور؟ اگر با افزونه دکان کار می‌کنید، بخش تسویه حساب و برداشت وجه مانند یک پل ارتباطی بین فروش‌های شما و حساب بانکی‌تان ...
0 دیدگاه
دیدگاهی برای این مطلب ثبت نشده است.