خرید هاست ارزدیجیتال
حراجی دامنه های ویژهمشاهده





تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

افزونه وردپرس , افزونه ها

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

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

افزونه‌ای که قصد معرفی آن را دارم با عنوان Better Font Awesome در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۶۰.۰۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود نماید که با استفاده از آن می توانید در مطالب وردپرس از آیکون‌های آن استفاده کنید.

 

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

  • استفاده از سایز دلخواه آیکون در هر بخشی از سایت بدون از دست دادن کیفیت آیکون
  • استفاده از هر رنگ دلخواه برای آیکون با استفاده از وارد کردن رنگ دلخواه آیکون
  • پشتیبانی شده توسط مرورگرهای مختلف
  • دارای بیش از ۶۷۵ آیکون مختلف در زمینه‌های گوناگون

نصب و فعال سازی

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

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

همانطور که در تصویر مشاهده می‌کنید ابتدا از بخش Version نسخه‌ای که برای استفاده از آن را در نظر دارید را انتخاب کنید. در صورت انتخاب گزینه Always Latest آخرین نسخه از Font Awesome که ر هر بار به‌روزرسانی منتشر می‌شود را می‌توانید به سایت خود اضافه کنید.

 

  • Use minified CSS: برای اینکه استایل‌های مجموعه فونت آیکون Font Awesome دارای حجم مختلفی می‌باشند با فعال کردن این گزینه قادر بود تا از نسخه‌ی Minify که شامل کم‌حجم‌ترین آن می‌باشد استفاده کنید تا در سرعت بارگزاری صفحات تاثیر چندانی نگذارد.
  • Remove existing Font Awesome: در صورتی که از افزونه‌های جانبی دیگری استفاده می‌کنید و یا اینکه افزونه دیگری در وبسایت خود دارید که این مجموعه فونت در آن قرار دارد برای جلوگیری از لود مجدد فایل آیکون تیک این گزینه را فعال کنید تا فونت‌های آن نیز صرفا از طریق این افزونه لود شوند.
  • Hide admin notices: در نهایت این گزینه را در حالت غیرفعال قرار دهید. این گزینه برای این است که هرگاه به هر دلیلی فونت‌ها لود نشوند در بخش پیشخوان پیغام خطای آن برای شما نمایش داده خواهد شد تا سریعا آن را برطرف کنید.

در بخش USAGE نیز می‌توانید راهنمای نحوه استفاده از آیکون‌ها را برای تغییر اندازه و چرخش انها مشاهده کنید.

 

افزودن فونت آیکون در مطالب وردپرس

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

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

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

 

[icon name="wordpress" class="" unprefixed_class=""]

 

حال برای تغییر استایل و رنگبندی، تغییر اندازه آیکون و تغییر جهت دادن ان کافیست تا ویژگی آن را در کلاس مربوط به اکون وارد کنید. برای دسترسی و مشاهده کلاس‌های مختلف افزونه می‌توانید به بخش Usage در تنظیمات مراجعه کرده و طبق آن عمل کنید. به عنوان نمونه برای تغییر اندازه فونت آیکون به میزان دو برابر در بخش کلاس کد زیر را قرار دهید.

 

fa-3x

 

در زیر نمونه‌ای از نحوه افزودن فونت آیکون را به صورت تصویر متحرک مشاهده می‌کنید.

 

استفاده از فونت آیکون در وردپرس با افزونه Better Font Awesome

 

موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 1.6.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=25631
کلمات کلیدی پست :
مطالب مرتبط
10,545افزودن آیکون به فایل پیوست شده در وردپرس تاریخ : 2017/01/6
12,486افزونه افزودن آیکون Iconize نسخه 1.1.4 برای وردپرس تاریخ : 2015/02/19
9,356افزونه وردپرس ایجاد حالت در دست تعمیر سایت WP Construction Mode تاریخ : 2016/03/1
13,604دانلود قالب چندمنظوره مانا Mana برای وردپرس تاریخ : 2016/10/12
15,461افزونه ایجاد کدهای کوتاه در وردپرس تاریخ : 2016/06/19
11,587افزونه ایجاد آیکون پرتاب اسکرول به بالا Scroll Back To Top تاریخ : 2016/03/11
16,535افزونه آیکون خاص برای هر دسته در وردپرس تاریخ : 2014/06/24
22,326دانلود قالب HTML صفحه به زودی CST تاریخ : 2016/07/22
8,817افزونه دکمه اشتراک گذاری مطالب در وردپرس Easy Social Icons تاریخ : 2016/03/3
10,490افزونه قرار دهی فاوآیکون چندمنظوره برای وردپرس تاریخ : 2016/07/31
11,060آموزش استفاده از فونت آیکون Font Awesome 6 در صفحات وب تاریخ : 2023/03/24
18,983دانلود قالب اهل بیت برای وردپرس تاریخ : 2016/10/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file