はじめに
<headeer> が動的に動くサイトを作成していると、Wordpressの管理バーが邪魔！なの
調べたこと
- 超簡単な方法 簡単かもしれないがめんどくさい方法
- プラグインを入れる。もっと簡単だが、プラグインの入れすぎは。
これで解決
wordpress-admin.css
body.admin-bar header {
margin-top: 32px;
}
理由
あくまで最新のWordpressのお話ですが、
ページによって body に 以下のclass を付与してくれます。
例えば
- TOPページ = home
- 記事ページ = single
- 固定ページ = page
- ログイン中 = admin-bar
のように入れてくれます。
この bodyのclassの有無で判別すれば良いことになります。