WordPress のバーを少し透かしてみた

少し前の話になりますが、Wordpress の管理画面のバーを少し色透明にしてみました。

Wordpress Bar - Transparent

少し前のお話しになりますが・・・

WordPress 3.9 以降ですと、Wordpress のバーはフラットデザインの黒いバーになります。

今回お客様の WordPress のテーマを作るにあたり、ちょっとした遊び心でバーの色をちょっと透明にしてみました。

CSS

解説

  • Q. なぜ 783px 以上のメディアクエリーがあるのか?
    タブレット以下になると、Wordpress のバーは上部固定ではなくなってしまいます。そうなると半透明である理由がなくなってしまうので、783px 以上限定にしています。
    ただ position: fixed; を掛ければまたいい話なんですけどね・・・
  • あの長い 7 〜 13 行目のCSSは?
    上部バーから展開するプルダウンにも適用させるための CSS です。上部バーよりも若干明るく・薄くしています。

投稿者: STAFF

Hello World.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です