お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

トップページ(記事リスト)と記事ページで背景の色を変える

WEBデザイン
Simplicityで、トップページをエントリーカードにした場合で、トップページの記事一覧の状態と、個別の記事を表示させた状態で、背景の色を違うものにしたい。

最初からずっとこれを目標にカスタマイズに挑戦してきたのですが(というか後回しになっていたのですが)、最近改めてチャレンジ・・・色々いじってみたものの、できん・・・orz

トップページと各記事ページを判別して、それぞれに別のスタイルを設定できればよいわけですが

分からないのでSimplicityのサポート掲示板に訊ねてみたところ・・・

そうか!

トップページと各記事のページは「body」タグの「home」/「single」というクラスで区別しているのですね・・・!!

クラス名がスペース区切りで複数指定されている時に、その扱いがどういう風になるのかちゃんと理解できていなかたのですが、その辺が曖昧だったのがダメだったですねぇ・・・

全体の色ではなく、記事の表示部分だけ色を変えたかったので「main」コンテナにスタイルを指定してみました。
body.home #main{backgroun-color:transparent;} body.single #main{backgroun-color:white;}
さらに、検索結果とタグ抽出一覧も指定しないとダメみたいですね。
body.archive #main{backgroun-color:transparent;} body.search #main{backgroun-color:transparent;}
FC2からWordPressに引っ越したものの、やはり、長いこと使って作り込んでいたデザインなので、やはりよくできている(自画自賛)と思うのだけど、それが完全に再現できておらず、半ば諦めていたのですが、これで解決できmさいた。

内心、いつかFC2に戻る可能性も?という気持ちが残っていた部分があったのですが、色々細かい仕様の違いもあるので、もう戻れないですね、現実問題(笑)

いや、戻れますが、記事をそれに合わせて修正かけなければならないので、相当大変でしょうね。(FC2に戻るメリットもなさそうなのですが。)

コメント