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

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

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

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

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

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

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

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

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

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

  • سایت 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: یک موتور جستجوی قدرتمند برای یافتن آیکون‌های مورد نظر شما است.
مقالات مرتبط
بنر
تگ noreferrer noopener چیست؟ کاربرد، تفاوت و تاثیر آن در سئو
تگ noreferrer noopener در واقع ترکیبی از دو مقدار مهم در ویژگی rel لینک‌های HTML است که معمولاً برای لینک‌هایی با target=”_blank” استفاده می‌شود. noopener امنیت سایت را افزایش می‌دهد و مانع دسترسی صفحه مقصد به صفحه اصلی می‌شود؛ noreferrer نیز علاوه بر این کار، اطلاعات ارجاع‌دهنده را ...
بنر
کاهش حجم تصاویر در وردپرس
مطابق با استانداردهای Core web vitals سرعت لود از مهم‌ترین عوامل در سئو سایت است. تصاویر با دارا بودن حجم بالا، در سرعت سایت تاثیر مهمی دارند. افزونه‌ها یکی از بهترین روش‌های کاهش تصاویر در وردپرس هستند که در ادامه به معرفی هر یک خواهیم پرداخت.
بنر
تاثیر افزونه راکت بر سرعت سایت
افزونه راکت با استفاده از تکنیک‌های پیشرفته بهینه‌ سازی و کشینگ، زمان بارگذاری صفحات را به شدت کاهش می‌دهد و تجربه کاربری روانی را فراهم می‌کند.
بنر
اقدامات فوری برای نجات سئو سایت بعد از قطعی اینترنت
در این مقاله به بررسی اقدامات فوری برای نجات سئو سایت پس از قطعی اینترنت می‌پردازیم و راهکارهای عملی برای حفظ رتبه سایت را ارائه می‌دهیم.
0 دیدگاه
دیدگاهی برای این مطلب ثبت نشده است.