CSSのtransparentでサイドバー背景を透明にする

ブログ運営

WordPressテーマCocoonのサイドバー背景はデフォルトでは白色です。

CSSカスタマイズでウェブページ全体の背景色をサイドバー背景に透過させることができます。

ワードプレスCSSカスタマイズをする前に

サイドバー背景を透明にするCSS

サイドバーの背景を透明にするCSSはこのコードをコピーして貼りつけます。

#sidebar{
background-color:transparent;
}

透過CSSコードの解説

CSSコードがわかれば自分でアレンジして使えるようになります。

sidebar セレクタ

#sidebar{
}

#sidebar」の部分はCSSのセレクタ(適用範囲)を指しています。

サイドバーメニューは「sidebar」というid名がつけられた「sidebarタグ」によって囲まれているので、このセレクタに対してCSSを適用させます。

background-color プロパティ

    background-color:transparent;

background-color」は背景の色に関するプロパティです。

色を指定することができますが「transparent」は透明の指定ができる値です。

透明(transparent)を指定する際の注意点

文字を透明して隠したりする行為は検索サイトからペナルティを受ける可能性があります。

また背景と文字の色を同じ色にしてしまうのもペナルティ行為となるので注意が必要です。

コメント