سبد خرید
0

هیچ محصولی در سبد خرید نیست.

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

این آموزش به شما نشون میده چطور آیکون‌های FontAwesome رو با تصاویر جایگزین کنین.

وارد پنل مدیریت وردپرس بشین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

به Media برین و روی Add New کلیک کنین تا تصویرتون رو اضافه کنین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

تصویرتون رو آپلود کنین و روی edit کلیک کنین تا لینک مستقیم تصویر رو دریافت کنین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

این لینک مستقیم به تصویر رو، کپی کنین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

نمادی رو که می‌خواهین با Firebug تغییر بدین رو بررسی کنین، کدش رو مشاهده میکنین، به عنوان مثال:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

اون کد رو با استفاده از این قانون ویرایش کنین:

که http://template-test.com/elina/wordpress/wp-content/uploads/2014/09/icons_star1. لینک تصویر شما و دستور !important برای بازنویسی کد قدیمی هست. بعد این کد رو کپی کنین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

از پنل مدیریت به Appearance -> Editor برین. فایل style.css پوسته فعلی رو باز کنین. بعد کد بالا رو در پایین این فایل style.css قرار بدین. روی Update File کلیک کنین.

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

 

 

وبسایتتون رو به روز کنین تا تصویر جدیدی رو که جایگزین کردین ببینین:

آموزش جایگزینی آیکون‌های FontAwesome با تصاویر در وردپرس

پست پیشنهادی :  چطور صفحه اول استاتیک فعلی وردپرس رو بررسی کنیم؟
ارسال دیدگاه

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

توسط
تومان