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

استفاده از فونت آیکون در وردپرس با WP Visual Icon Fonts

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

در حال حاضر مشهور ترین فونت آیکون ها Font Awesome و Material icons و Genericons هستند.

فونت آیکون در کجا استفاده می‌شود؟

برای مثال ما در سایت خودمان از فونت آیکون‌ها برای قسمت ثبت‌نام افراد و صفحه ورود استفاده کرده‌ایم. برخی دیگر از افراد از فونت آیکون‌ها در صفحه اول برای زیبا شدن سایتشان از سایزهای بزرگ آن استفاده می‌کنند.

استفاده از فونت آیکون در هدر سایت
استفاده از فونت آیکون در هدر سایت
استفاده از فونت آیکون در صفحه اصلی سایت
استفاده از فونت آیکون در صفحه اصلی سایت

میخواهیم با استفاده از افزونه وردپرس WP Visual Icon Fonts و بدون نیاز به کدنویسی از امکانات فونت آیکون ها در سایتمان استفاده کنیم. این افزونه دارای مجموع آیکون فونت های Font Awesome و Genericons می باشد که سازگار با فریم ورک بوت استرپ (Bootstrap) است.

ویژگی های افزونه WP Visual Icon Fonts

این افزونه از Font-Awesome 4 با 369 نوع آیکون و Genericons با 62 آیکون استفاده میکند و دارای ویژگی های زیر است.

  • قابلیت انتخاب خانواده فونت از بخش تنظیمات
  • انتخاب شکل فونت در پنل ویرایشگر وردپرس
  • قابلیت جست و جو و فیلتر کردن بین تمام آیکون ها برای پیدا کردن بهترین نتیجه
  • مشاهده آیکون ها در ویرایشگر
  • قابلیت تنظیم رنگ و اندازه آیکون ها
  • حاوی فونت های Font-Awesome 4
  • حاوی فونت های Genericons
font-awesome and genericons

آموزش کار با افزونه WP Visual Icon Fonts

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

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

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

موفق و پیروز باشید.

, ,

مطالب مرتبط

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

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

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید

فهرست