آموزش ارتقا آیکون‌های Font Awesome نسخه 3.2.1 وردپرس
این آموزش به شما نشون میده که چطور آیکون‌های Font Awesome نسخه 3.2.1 رو در قالب‌های وردپرس به روز کنین.
میتونین نسخه FontAwesome icons رو با استفاده از Firebug بررسی کنین. لطفا اسکرین شات زیر رو بررسی کنین:
برای به روز رسانی نسخه FontAwesome icons لطفا موارد زیر رو انجام بدین:
- با استفاده از FTP یا هاست cPanel به سرورتون متصل بشین.
- به پوشه wp-content/themes/theme##### برین (##### شماره پوسته‌تون هست). فایلی به اسم style.css رو در هر ویرایشگر کدی در سیستمتون باز کنین (نرم‌افزار توصیه شده: Dreamweaver یا Notepad).
- کد زیر رو در بالای فایل اضافه کنین:
|
1 |
@import url(////maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); |
- فایل رو ذخیره کنین و دوباره به سرورتون آپلودش کنین.
- فایل custom-function.php که در wp-content/themes/theme##### قرار داره رو ویرایش کنین ((##### یک عدده).
- در خطوط 55-82 میبینین:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
if($icon != 'no'){ switch ($icon) { case 'icon1': $output .= '<figure class="icon"><i class="icon-coffee"></i></figure>'; break; case 'icon2': $output .= '<figure class="icon"><i class="icon-laptop"></i></figure>'; break; case 'icon3': $output .= '<figure class="icon"><i class="icon-instagram"></i></figure>'; break; case 'icon4': $output .= '<figure class="icon"><i class="icon-lightbulb"></i></figure>'; break; default: $icon_url = CHERRY_PLUGIN_URL . 'includes/images/' . strtolower($icon) . '.png' ; if( defined ('CHILD_DIR') ) { if(file_exists(CHILD_DIR.'/images/'.strtolower($icon).'.png')){ $icon_url = CHILD_URL.'/images/'.strtolower($icon).'.png'; } } $output .= '<figure class="icon"><img src="'.$icon_url.'" alt="" /></figure>'; break; } |
- کلاس آیکون رو با کلاس برای آیکون به روز جایگزین کنین. مثلا icon-coffee رو fa fa-coffee تغییر بدین.
- فایل رو ذخیره کنین، اون رو در سرورتون آپلود کنین و سایتتون رو بررسی کنین تا تغییرات رو ببینین:
