آموزش جایگزینی آیکونهای FontAwesome با تصاویر در وردپرس
این آموزش به شما نشون میده چطور آیکونهای FontAwesome رو با تصاویر جایگزین کنین.
وارد پنل مدیریت وردپرس بشین:
به Media برین و روی Add New کلیک کنین تا تصویرتون رو اضافه کنین:
تصویرتون رو آپلود کنین و روی edit کلیک کنین تا لینک مستقیم تصویر رو دریافت کنین:
این لینک مستقیم به تصویر رو، کپی کنین:
نمادی رو که می‌خواهین با Firebug تغییر بدین رو بررسی کنین، کدش رو مشاهده میکنین، به عنوان مثال:
|
1 2 3 |
.icon-star:before { content: ""; } |
اون کد رو با استفاده از این قانون ویرایش کنین:
|
1 2 |
.icon-star:before { content: url("http://template-test.com/elina/wordpress/wp-content/uploads/2014/09/icons_star1.gif") !important;} |
که http://template-test.com/elina/wordpress/wp-content/uploads/2014/09/icons_star1. لینک تصویر شما و دستور !important برای بازنویسی کد قدیمی هست. بعد این کد رو کپی کنین:
از پنل مدیریت به Appearance -> Editor برین. فایل style.css پوسته فعلی رو باز کنین. بعد کد بالا رو در پایین این فایل style.css قرار بدین. روی Update File کلیک کنین.
وبسایتتون رو به روز کنین تا تصویر جدیدی رو که جایگزین کردین ببینین:
