背景を透過させる方法、または透明化させる方法〜コクーン(Cocoon)〜

広告
広告

方法

#main { background: transparent; }

上記の文を投稿項のカスタムCSSに入れる。すると、背景が透過する。#は . でも良いらしいが、透過しない場合があるかもしれない。なお、#main { background: transparent; }をテーマファイルエディターのStyle Sheetから入れると、全ての記事が透明化される。

フッターは main を footer に置き換える。メニューは main を navi に置き換える。サイドバーは main を sidebar に置き換える。なお、これらをテーマファイルエディター→Cocoon Child→Style Sheetから編集する。

なお、筆者は固定ページをこのサイトの玄関(トップページ)に持ってきている。そして、彼はそのページを#main { background: transparent; }で透明化させた。その結果、サイトがホームページのようになっている。

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