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

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

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

مجموعه فونت آیکون های font awesome شامل یک مجموعه بزرگ از وکتورها در قالب فونت آیکون است که موارد زیادی از جمله شبکه‌های اجتماعی، اپلیکیشن‌ها، سایت‌ها، علائم و… را شامل می‌شود. با استفاده از فونت آیکون در وردپرس و افزودن آیکون های مختلف از این مجموعه، زیبایی سایت خود را دو چندان کرده و ساختار منظم تر و کاربرپسندتری به آن بدهید.

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

استفاده از فونت آیکون در وردپرس

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

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

دانلود افزونه Better Font Awesome

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

تنظیمات افزونه فونت آیکون در وردپرس
تنظیمات افزونه

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

این مطلب را از دست ندهید :
امکان تیکت و پشتیبانی در وردپرس با افزونه Awesome Support

Use minified CSS: برای اینکه استایل‌های مجموعه فونت آیکون Font Awesome دارای حجم مختلفی هستند با فعال کردن این گزینه قادر هستید تا از نسخه‌ی Minify که شامل کم حجم ترین نسخه این مجموعه فونت است استفاده نمایید تا در سرعت سایت شما تاثیر منفی نداشته باشد.

Remove existing Font Awesome: اگر از افزونه‌های جانبی دیگری برای استفاده از فونت آیکون در وردپرس استفاده می کنید، برای جلوگیری از لود مجدد فایل آیکون توسط آن افزونه تیک این گزینه را فعال نمایید.

Hide admin notices: با فعال کردن این گزینه هرزمان به هر دلیلی فونتها لود نشوند، در بخش پیشخوان پیغام خطایی برای شما نمایش داده خواهد شد تا خطا را برطرف نمایید.

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

برای استفاده از فونت آیکون در وردپرس با استفاده از این افزونه، به صفحه ویرایش نوشته ای که می خواهید فونت آیکون را در آن نمایش دهید بروید.

افزودن فونت آیکون در وردپرس
پیش نمایش فونت آیکون در وردپرس

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

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

عاطفه نوربخش

عاطفه نوربخش هستم؛ هم بنیانگذار " وردپرس نارنجی " که حاصل تجربه های خودم در حوزه تخصصی وردپرس را برایتان می نویسم و تلاش میکنم به شما کمک کنم تا با سیستم مدیریت محتوای وردپرس، سایت وردپرسی ای زیبا و حرفه ای داشته باشید.

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

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

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن