آموزش استفاده از FontAwesome در صفحات وب (جایگزین تصاویر)

اسلام
امیدوارم که حال همه عزیزان خوب باشد

نمیدونم قبلا کسی آموزشش رو قرار داده یا نه (تو سرچ من داخل انجمن چیزی پیدا نشد )
امروز در این مقاله به شما یاد میدم که چگونه از ایکن های سایت Font Awesome استفاده کنیدhttp://www.wp-pro.ir/images/wp-pro/2/15.gif که مورد نیاز در طراحی هست

1-ابتدا وارد سایت شوید و فایل را دانلود نمائید
2-از محتویات فایل فولدر های css و fonts را داخل پوستتون (قالب ) پیست کنید
3-حالا فایل font-awesome.min.css رو درون کد های head درفایل header.php فراخوانی کنید

کد:

---

<link rel="stylesheet" href="css/font-awesome.min.css">

---

4- برای استفاده از اآیکن ها دمی بایست به صفحه Font Awesome Icons مراجعه نمائید
سپس ایکینی که میخواهید رو روش کلیک کنید
پس از باز شدن صفحه جدید در زیر عکس کد مانند کد زیر قابل مشاهده است

کد:

---

<i class="fa fa-check-square"></i>

---

این کد را هرکجا که میخواهید ایکن به نمایش در بیاد قرار دهید
کار تقریبا تمام شد ولی کمی ریز کاری داردhttp://www.wp-pro.ir/images/wp-pro/2/71.gif

آ ) تغییر سایز آیکن ها

برای بزرگنمائی باید از کلمه fa-2x استفاده کنید البته این عدد تا 5 بزرگ می شود مانند کد زیر

کد:

---

<i class="fa fa-check-square fa-3x"></i>

---

فک کنم این از همش مهم تر بود برای همین گفتم http://www.wp-pro.ir/images/wp-pro/2/24.gif ادامه اش رو میتونید در لین مقابل مشاهده کنید {http://fortawesome.github.io/Font-Awesome/examples/}

امیدوارم مفید واقع شده باشدhttp://www.wp-pro.ir/images/wp-pro/2/1.gif
با آرزوی موفقیت همه دوستان عزیز http://www.wp-pro.ir/images/wp-pro/2/63.gif

آموزش خوبی بود
ممنون

نقل قول:

---

نوشته اصلی توسط mehrangta

آموزش خوبی بود
ممنون

---

خواهش میکنم دوست عزیز