WordPress（ワードプレス）の管理バーの高さを無視させたり、非表示にさせたりする方法

2014/11/03 2014/11/09

1年以上前の記事です。内容が古い可能性があります。

WordPressでデザインをカスタマイズする際、邪魔になるのが管理バー。
「position:absolute」なんて使っちゃうとこんな感じで、ユーザー側と管理者側で見た目が変わってきちゃうんです。

管理バーなし

管理バーあり

そんな時は管理バーを削除しちゃうのがいいのですが、それはそれで管理がしづらくなったりして。。
そこで、一番いい方法を探ってみました。

まずは管理バーを削除しちゃう一番簡単な方法です。
これは、WordPress（ワードプレス）の管理画面から「ユーザー」→「あなたのプロフィール」と行くことで可能です。
ここで、ツールバーにある「サイトを見るときにツールバーを表示する」のチェックを外して「プロフィールを更新」すればOK！

これはこれで簡単でいいのですが、もうちょっと細かい設定をしたい時はテーマのfunction.phpにいろいろ書いていくといいです。
たとえば、以下のように書くと、上記同様、管理バーを削除することが出来ます。

function mytheme_kill_admin_bar(){
return false;
}
add_filter( ‘show_admin_bar’, ‘mytheme_kill_admin_bar’ , 1000 );

ただ、個人的には管理バーは削除したくないんです。
とは言え、管理バーが表示されることでレイアウトが崩れちゃうのはいけない。

それだったら、管理バーの高さを無視させることは出来ないか？
できました。

add_theme_support( ‘admin-bar’, array( ‘callback’ => ‘__return_false’ ) );

具体的には
 「外観」→「テーマ編集」→「function.php（テーマのための関数）」と行き。
末尾に上記ソースをコピー&ベースとして「ファイルを更新」すればOKです。

こんな感じ。
デザイン上、被ってしまっているところもありますが、これだったらレイアウト自体が崩れることはありません。

他にも管理バーの高さを変えたり、項目を削除、追加したりもできるようです。
詳しくは以下のサイトをご参考下さい。

: 「食べログ」有料会員の解約方法【docomoのスマホ契約後の有料サービス解約手順】

1年以上前の記事です。内容が古い可能性があります。スマホ契約時に入らされる有料サ …

: デマを広める前に右クリックで「この画像を検索」。ツイッターでのリツイートは特に注意！

1年以上前の記事です。内容が古い可能性があります。先日、都内で凄い雹が降ったとツ …

: 各種ECサイト（ショッピングサイト）料金比較一覧（11/3追記）

1年以上前の記事です。内容が古い可能性があります。過去にやってるかなぁと思ってい …