60% تخفیف ویژه دوره تخصصی وردپرس به مدت محدود مشاهده دوره

فیلم آموزش استفاده از فونت آیکون Font Awesome در وردپرس

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

آموزش استفاده از font awesome بهترین راه برای رهایی از شر آیکون هایی با فرمت تصویر jpg یا png هست.  امروزه کمتر سایتی هست که از آیکون هایی با فرمت تصویر استفاده کند چرا که استفاده از این روش بشدت در بهینه سازی سایت تاثیر منفی میگذارد اما استفاده از آیکون فونت های font awesome بکلی این مشکل را حل کرده که در ادامه به معرفی و مزایای استفاده از این ابزار در فیلم آموزشی خواهیم پرداخت.

 

یکی از مهم ترین نکاتی که در طراحی صفحات وب باید مد نظر داشته باشید بهینه سازی حجمی صفحات هست استفاده از تصاویر بجای فونت آیکون علاوه بر کاهش سرعت لود سایت با افزایش تعداد درخواست به سرور(برای بازکردن مکرر فایل های آیکون) مشکل سرعت و بهینه سازی سایت را دوچندان میکند بنابراین ظهور فونت آیکون ها در طراحی سایت نعمتی ارزشمند بشمار میرود که متاسفانه هنوز هم بعضی سایت ها جایگاه خودرا پیدا نکرده.(آموزش وردپرس)

 

این پست رو حتما ببین : آموزش font-face در css

 

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

۱ – مهم ترین دلیل بخاطر حجم بسیار ناچیز نسبت به تصاویر و افزایش سرعت بارگذاری سایت

۲ – تغییر انداره آیکون با ویژگی فونت سایز بدون افت کیفیت آیکون

۳ – سهولت در استفاده

۴ – پشتبانی از اکثر مرورگرها

۵ – اعمال تغییر رنگ و استایل های خاص(هاور – ترنزیشن – روتیت و…) بدون استفاده از چندتصویر

 

این پست رو حتما ببین : آموزش فلکس باکس

 

استفاده از فونت آیکون های Font Awesome

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

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

 

 

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


دانلود ویدئو

2 دیدگاه دربارهٔ «فیلم آموزش استفاده از فونت آیکون Font Awesome در وردپرس»

طراحی سایت گفت:

ممنون من خیلی دنبال این روش بودم

علی هوشمند گفت:

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

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

نشانی ایمیل شما منتشر نخواهد شد.