این آموزش نشون میده که چطور رنگهای نمودار وردپرس رو تغییر بدین.
در بخش مدیریت وردپرس به Appearance->Editor برین، در سمت راست زیر themeXXXXX فایل post_masonry_view.php رو میبینین:
فایل post_masonry_view.php رو باز کنین و به دنبال این کد باشین:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$colorSetsPie = array( array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ) |
برای تغییر رنگ پس زمینه نمودار، باید رنگ هر rgba (26, 50, 56, 1) در کد بالا تغییر بدین. میتونین برای تبدیل یک رشته رنگ (مثلا FFFFCC) به مقدار RGB از convertor اینجا استفاده کنین.
بعد برای تغییر رنگ border به دنبال این کد باشین:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$colorSetsDoughnut = array( array( 'skill_color' => '##21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ) |
در این کد شما باید هر کد رنگ #21bee8 رو به کدی که نیاز دارین تغییر بدین:
وقتی کارتون تموم شد، روی دکمه Update file کلیک کنین و بخش نمودارتون رو بررسی کنین، رنگها تغییر کردن.