超人気の『Simplicity2』の後継『Cocoon』のデモサイトを兼ねています。

スキン改造

スキンは『ミックスレッド(skin-mixred)』を採用させていただいています。
マウスオンでふわんと変化するところが気に入っています。
ただ、、、カテゴリーページで最初にグレーの背景があるのがちょっと嫌で、、、。
背景画像を設定しました。
 

子テーマに複製

親テーマから使用したいスキンを複製して、子テーマの『skins』フォルダに追加します。
「Cocoon設定>スキン」で子テーマのスキンのみ表示に切り替えて、使用するスキンにを入れます。

 

style.css

「子テーマ>『skins』>『使用するスキン』>[style.css]を以下に加工します。

 

  background-image: url("images/bg.png");

 


このままだと、実際には「『使用するスキン』>『images』」には該当する画像が無いため、結果的にグレーの背景が消えます。
でも、エラー表示なのかもしれません。
わたしは10×10ピクセルくらいの透明画像を作成して、「『使用するスキン』>『images』」に入れました。マウスオン時はデフォルトの薄いピンク背景色でふわりとなります。
その後、メインカラムの背景画像を加工した画像に取り替えました。
マウスオン時も背景画像でふわりとなります。

タイトルとURLをコピーしました