آموزشطراحی سایت و سئوطراحی سایت و وردپرس

حل مشکل عدم نمایش آیکون های Font awesome در وردپرس و المنتور

چرا آیکون های Font awesome در وردپرس و المنتور نمایش داده نمی شوند؟

حل مشکل عدم نمایش آیکون های Font awesome در وردپرس و المنتور

از این آموزش سریع و ساده، متوجه خواهید شد که آیکون های FontAwesome و Elementor چیست. چگونه از آن
در هنگام ساخت وب سایت خود استفاده کنید. و چگونه مشکل را در زمانی که نمادهای Font Awesome و المنتور
پس از به روز رسانی Elementor نشان داده نمی شوند، برطرف کنید. در این آموزش تصویری با وبلاگ تهران سرور
همراه باشید.

FontAwesome چیست و چرا به آن نیاز دارید؟

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

ویژگی های FontAwesome به شما این امکان را می دهد که از نمادهای بُرداری و لوگوهای قبلی برای گذاشتن لینک در حساب های اجتماعی خود استفاده کنید. می توانید از نسخه رایگان استفاده کنید یا نسخه پولی را تهیه و تمام امکانات را به طور کامل اعمال کنید. هر نماد برای دسکتاپ مناسب است و از یک ظاهر طراحی اولیه پشتیبانی می کند. شما می توانید سفارشی سازی هایی از جمله اندازه و رنگ را بر آن اعمال کنید.

علاوه بر این، می توانید آیکون های FontAwesome را به مناسب ترین روش اعمال کنید. از آن با CDN استفاده کنید
یا نمادها را در هاست خود دانلود کنید. همچنین می توانید با کمک npm آن را دانلود کنید. علاوه بر این، ابزارهای
پردازنده CSS نیز گنجانده شده است.

چرا نمادهای Elementor نشان داده نمی شوند؟

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

  1. شما تغییراتی را در افزونه Elementor انجام داده اید
  2. آیکون ها از کتابخانه نمادها ناپدید شده اند

1. تغییرات در پلاگین المنتور

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

به افزونه المنتور بروید و به بخش Settings بروید و برگه Advanced را باز کنید. در اینجا باید گزینه Load Font Awesome 4 Support را پیدا کرده و آن را فعال کنید.

تغییرات در پلاگین المنتور

2. نمادها از کتابخانه ناپدید می شوند

نمادها ممکن است از کتابخانه نمادهای Elementor الگوهایی که شامل نمادهای Nucleo Mini هستند ناپدید شوند. در
این صورت، به صفحه ای بروید که نمادهای شما باید در آن نمایش داده شوند. بر روی دکمه Edit with Elementor
کلیک کنید و سپس کتابخانه رسانه را باز کنید. در اینجا می توانید بررسی کنید که آیا نماد در کتابخانه وجود دارد یا خیر.
اگر مورد نیاز نیست، برای رفع این مشکل باید افزونه Kava Extra خود را به آخرین نسخه به روز کنید.

نمادها از کتابخانه ناپدید می شوند

3. افزونه FontAwesome

اگر مراحل قبلی جواب نداد، افزونه Font Awesome را در رایانه خود دانلود کنید.

ابتدا، در پنل مدیریت وردپرس خود به بخش Plugins > Add New > Upload Plugin بروید.

افزونه FontAwesome

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

افزونه FontAwesome

روی دکمه Install Now کلیک کنید.

افزونه FontAwesome

سپس روی دکمه Activate Plugin برای فعالسازی افزونه کلیک کنید.

افزونه FontAwesome

بدین صورت افزونه FontAwesome فعال می شود.

افزونه FontAwesome

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا