قصد دارم، به معرفی افزونه بپردازم. که میتونید تا به راحتی در نوشته‌ها، فهرست وردپرس و هر بخش دیگری از آیکون‌های سرویس Font Awesome استفاده کنید. پس، اگر شما هم به دنبال زیبا کردن وبسایت وردپرسی خودتون با استفاده از فونت آیکون‌های Font Awesome هستید. تا انتها با ما همراه باشید.
⭐برای خرید کلاس آنلاین اسکای روم میتوانید، در این صفحه اقدام نمایید.⭐
آموزش استفاده از فونت آیکون در وردپرس و افزودن آیکون به مطالب وردپرس
افزونه‌ای که قصد معرفی اونو دارم با عنوان Better Font Awesome در مخزن وردپرس به ثبت رسیده. تا حالا تونسته تا بیش از 90.000 نصب فعال و کسب امتیاز 4.9 را ازآن خودش بکنه. که با استفاده از این افزونه میتونید تا اقدام به نصب مجموعه فونت font awesome در وردپرس کنید.
برای استفاده از این افزونه ابتدا با کلیک روی دکمه زیر اونو از مخزن وردپرس دریافت کرده. و سپس؛ با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی این افزونه در سایت وردپرسی خودتون بکنید.
دانلود افزونه Better Font Awesome
بعد از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با نام Better Font Awesome در بخش تنظیمات وردپرس شما اضافه میشه، روی این منو کلیک کنید. تا به صفحه افزونه هدایت شده. و تنظیمات اونو مطابق تصویر زیر شخصی سازی کنید.
حالا همونطور که در تصویر میبینید؛ برای استفاده از فونت آیکون در وردپرس ابتدا از قسمت Version نسخه‌ای از فونت آیکون Font Awesome که قصد دارید ازش استفاده کنید. را انتخاب کنید. در صورت انتخاب گزینه Always Latest آخرین نسخه از Font Awesome که توی هر بار به‌روزرسانی افزونه منتشر میشه را میتونید در سایت خودتون استفاده کنید.
Use minified CSS:
برای اینکه استایل‌های مجموعه فونت آیکون Font Awesome دارای حجم مختلفی هستند. با فعال کردن این گزینه قادر هستید تا از نسخه‌ی Minify که شامل کم‌حجم‌ترین نسخه این مجموعه فونت آیکون هست استفاده کنید. تا در سرعت بارگزاری صفحات تاثیرزیادی نداشته باشد.
Remove existing Font Awesome:
اگر از افزونه‌های جانبی دیگه استفاده می‌کنید. و یا اینکه افزونه دیگه‌ای تو سایتتون دارید که این مجموعه فونت در اون قرار دارد برای جلوگیری از لود مجدد فایل آیکون توسط اون افزونه تیک این گزینه را فعال کنید. تا فونت آیکون‌های مورد نیاز برای اون افزونه هم از طریق همین افزونه لود و بارگذاری شوند.
Hide admin notices:
این گزینه برای اینه که تا هرزمان به هر دلیلی فونت‌ها لود نشدند در بخش پیشخوان پیغام خطایی برای شما نمایش داده بشه تا سریعا مشکل را برطرف کنید. در نهایت از قسمت USAGE هم میتونید، راهنمای استفاده از آیکون‌ها را برای تغییر اندازه و چرخش آیکون‌ها مشاهدهکرده و ازشون استفاده کنید.
افزودن فونت آیکون در وردپرس
برای استفاده از فونت آیکون در مطالب وردپرس با استفاده از این افزونه کافیه تا به صفحه ویرایش نوشته مراجعه کنید. همونطور که در تصویر بالا میبینید دکمه‌ای با نام Insert Icon به ویرایشگر وردپرس اضافه شده. که با کلیک روی اون باکسی برای شما باز میشه که میتونید اقدام به جستجو کرده و فونت دلخواه خودتون را برای استفاده در نوشته‌های وردپرس انتخاب کنید. بعد از انتخاب آیکون مورد نظر شورت کد مربوط به نمایش آیکون در ویرایشگر مشابه کد زیر افزوده خواهد شد.
[icon name="wordpress" class="" unprefixed_class=""]
حالا برای تغییر استایل و رنگبندی، تغییر اندازه آیکون و تغییر جهت دادن هر آیکون کافیه تا ویژگی استایل دلخواه خودتون را در کلاس مربوط به آیکون وارد کنید. برای دسترسی و مشاهده کلاس‌های مختلف که برای استفاده در فونت‌های Font Awesome میتونید از اونها استفاده کنید. کافیه تا طبق راهنمایی که در قسمت Usage افزونه در تنظیمات وجودداره عمل کنید. به عنوان مثال با اضافه کدن کلاس زیر اندازه آیکون‌ها 2 برابر خواهد شد.
fa-3x
در تصویر زیر به صورت Gif. نحوه استفاده از فونت آیکون Font Awesome در وردپرس را مشاهده می‌کنید.
⭐برای سفارش طراحی سایت به این لینک مراجعه کنید.⭐