افزونه Better Font Awesome

استفاده از فونت های Font Awesome در وردپرس

4/5 - (1117 امتیاز)

 با افزونه Better Font Awesome استفاده از فونت آیکون در وردپرس می‌تواند باعث زیباتر شدن وبسایت و داشتن یک رابط کاربری بهتر و بهینه‌تر برای هر سایت وردپرسی باشد.
فونت آیکون مجموعه‌ای از وکتورها می‌باشد که شامل آیکون سرویس‌هایی همچون وبسایت‌های معروف، اپلیکیشن‌ها، شبکه های اجتماعی، انواع آیکون‌ها برای بخش مطالب و دسته‌بندی و… می‌باشند.
با استفاده از آنها می‌توانید یک آیکون مرتبط با باکس مورد نظر که می‌تواند شامل بخش دسته‌بندی نوشته، برچسب نوشته، باکس دانلود، بخش اشتراک گذاری نوشته، بخش اطلاعات نوشته و… باشد را استفاده کنید.

Font Awesome به شما اجازه می دهد تا به طور خودکار آخرین نسخه موجود Font Awesome را به پروژه WordPress خود اضافه کنید،

امکانات

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

◾  سازگار با قبلی ها – shortcode  به طور خودکار بر اساس نسخه از فونت Awesome انتخاب می شود،
به این معنی که شما می توانید نسخه های قبلی را بدون نیاز به تغییر کد کوتاه خود را تغییر دهید.

◾ سازگار با پلاگین های دیگر – طراحی شده برای کار با کد کوتاه تولید شده با پلاگین ها

◾ CDN speeds – CSS فونت Awesome از jsDelivr CDN بسیار سریع و قابل اعتماد

◾ کدکوتاه – ایجاد TinyMCE کشویی کد کوتاه .

تنظیمات

همه تنظیمات را می توانید از طریق تنظیمات → Better Font Awesome تنظیم کنید .

استفاده

Font Awesome می تواند در 3 روش مختلف استفاده شود: کد کوتاه، HTML و TinyMCE

1. کدکوتاه
[icon name=”flag” class=”2x spin border” unprefixed_class=”my-custom-class”]

توجه داشته باشید که پیشوند ها ( fa- و icon- ) مورد نیاز نیستند، اما اگر شما آنها را وارد کنید، همه چیز هنوز خوب کار خواهد کرد! Font Awesome به اندازه کافی هوشمند هست که بداند چه نسخه از فونت Font Awesome استفاده کندد و کدام پیشوند مناسب است.

این بدان معنی است که همه کد های کوتاه زیر کار خواهند کرد، صرف نظر از چه نسخه ای انتخاب می کنید:
[icon name=”flag” class=”2x spin border”]
[icon name=”icon-flag” class=”icon-2x icon-spin icon-border”]
[icon name=”fa-flag” class=”fa-2x fa-spin fa-border”]
[icon name=”icon-flag” class=”fa-2x spin icon-border”]

2. TinyMCE

Better Font Awesome نیز در هنگام ویرایش در حالت بصری TinyMCE یک منوی کشویی آسان برای استفاده فراهم می کند.

3. HTML

توجه داشته باشید که پیشوند ها برای استفاده از HTML مورد نیاز هستند و version-specific هستند. به همین دلیل استفاده از کد کوتاه بیش از HTML پیشنهاد می شود.

Advanced / Integration

better Font Awesome براساس Better Font Awesome Library کار میکند.
این کتابخانه به شما امکان می دهد تا فونت Awesome را به هر پروژه سفارشی که می خواهید ایجاد کنید و شامل همه فیلترهایی است که ممکن است نیاز داشته باشید.

نصب و راه اندازی

1. آپلود Better Font Awesome در / wp-content / plugins / directory.
2. افزونه را از طریق منوی Plugins در وردپرس فعال کنید.
3. حالا شما می توانید از 3 روش مختلف (کوتاه، HTML، TinyMCE) برای قرار دادن آیکون فونت بسیار معروف استفاده کنید،

تصاویر

دستیار وردپرس - افزونه Better Font Awesome

 آیکون کد کوتاه

دستیار وردپرس - افزونه Better Font Awesome

تنظیمات Font Awesome ، از طریق تنظیمات قابل دسترسی


دانلود افزونه

[sdfile url=”https://dl.dastyarwp.com/better-font-awesome/dastyarwp.com_better-font-awesome.1.7.1.zip”]

اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها