HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

wordpress theme Customizr


wordpress theme Customizr のカスタマイズ覚え書き

有償バージョンだといくらでも(たぶん)書き換えの効くCustomizrの欲カスタマイズするところの覚え書き。

スキンカラー

カラー名.css と カラー名.min.css のカラーコードを書き換えるといい。

デフォルトでは、 blue3.css が使われている。

色調計算

例えば、緑っぽいテーマをオレンジ色っぽいテーマにする場合、

元の色 : 新しい色 = 現在の色 : 新しい色

これ、変化の比率で計算するといい。

現在の赤の要素が 10進で 128 で 新しい色の赤の要素が 10進で 16 の場合。

変化させたい現在の色が 10進で 25 ならば、変化後の値は、

NOW : NEW = CHG : X

( NEW * CHG ) / NOW = X

で求まる。

RGBそれぞれに施せば、全体の色の強さを変えずにテーマの色を変更できる。

プログラム


1、CSS を読みこんでカラーコードを抜き出す。
2、基準となる色と新しい基準とする色を入力して更新すると全体の色合いを変更させることができる。

2015y11m21d_000611504
チェックマークが付いているのは、すべての色を変換しないようにしている。

グレーとかは、そのままがいいでしょ?

スポンサーリンク

関連記事

スポンサーリンク

カテゴリー