最近作って使っているWordPressテーマ「Ateh’s theme-M(Square)」。
デザインと使い勝手、どちらも気に入っているけれど。

ただ、色はランダムとはいえ配色の癖が強くて、管理する複数のサイトにいれたら、どれも見た目がほぼ同じになって紛らわしかったり。
デザイン要素のほとんどが配色なデザインだし……。

なので、デフォでいくつか配色を作って、さらに配色の変更を多少しやすいように改良してみたり。

基本的には配色は複数の色からランダムに変わる仕様。

カスタマイズ方法について、基本は相変わらずphpで書いたスタイルシートの書き換え。

配色関連のファイル。
配色についてはこの配色ファイルだけでほぼすむように変更したつもり。

__style_M_themecolor.php
__style_M_themecolor1.php
__style_M_themecolor2.php
__style_M_themecolor3.php
__style_M_themecolor4.php

このうち実際に使うのは「__style_M_themecolor.php」だけ。1-4は配色サンプル。
デフォの「__style_M_themecolor.php」は1と同じ内容。
1-4のうち使いたいのを「__style_M_themecolor.php」にコピペすれば、とりあえず4パターンはphpいじらなくても差し替えられる感じ。

phpを直接いじる場合は、とりあえず配色セットをコメントアウト（/**/）で幾つか入れてあるので、それを適宜使うなり（モノトーンは他と合わせても使えそう）、好みで配色を追加するなり。

あと、角丸とドロップシャドウもこの「__style_M_themecolor.php」で指定できるようにしてみたり。
角はそれなりに雰囲気変わるような。

配色サンプルはこんな感じ。

元からの配色。背景をグレーのみに。

背景白で、パステルカラー。

配色は、枠と背景ランダム。
配色セット複数有り。

（ビビッド）

（モノトーン）

（set1）（デフォ）

（set2）

（set3）

（set4）

（ピンク）

（黄色）

（和風）

配色は、枠と背景ランダム。
薄めのパステルカラー。

このテンプレート、基本的にカスタマイズするのはこの2ファイル。

「_homecolumns.php」（インデックスページ、カスタマイズ必須）
「__style_M_themecolor.php」（配色）

なので、この2つはローカル等にバックアップしておくと、テーマバージョンアップしたときに上書きすれば最初からカスタマイズやりなおさなくていいのは便利。

とりあえず作ってみた配色はこんな感じ。
ピンクと黄色は、春だしってことで作ってみたけれど、いらないような気もしたり。
まあサンプルに同梱する分にはいいかなとか。

春っぽいという点ではパステルカラー配色の方が雰囲気はいいかも。

あと、setは1-3までは似たような暗めの彩度低めの配色。気分的問題。4は少し明るめ。

たまに色使うの嫌になるので、その時用のモノトーンも一応あるし。

あと、角丸どうしようかなとか、ドロップシャドウどうしようかなと悩むくらいならカスタマイズしやすいようにしたほうがいいだろうし。

一瞬くらいiniファイル仕様に変更しようかとも思ったけれど、全面書き換えになるから手間なわりには、iniファイルがそんなにわかりやすいとも思えないし。

とりあえずWordPressのスタイルシートについての私見。

WordPress自体phpでできてる以上、スタイルシートをphpにするデメリットは見当たらないし、phpにするだけでかなりカスタマイズの手間も省ける。

これでやってるように、たとえば1色をテーマカラーとして使いたい場合「echo $themecolor;」と、phpで書いておけば、いちいち置換しなくてすむわけだし。
色ランダムとかも楽にできるし。

php初心者のスキルで、デザインカスタマイズ程度ならほぼできるのは便利。

やろうと思えば、記念日は記念日用スタイルシートなり配色なりにすることとかもできるし。

てことで。

このテンプレートは、長く使っていきたいな。
しばらくは新しいテンプレート作ろうとか考えないようにして。
やるなら、ＨＴＭＬ版移植くらい？
ただ、HTMLでこのデザイン作るのは手間といえば手間だろうけど。

とりあえずおわり。