2015/07/21WordPressのツールバー(管理バー)を非表示にしたりカスタマイズする方法。自作の上部固定バーと管理バーがバッティングして動作確認しづらいときのための簡単な対処法もご紹介しています。twitterfacebookhatebugooglepluspocketline話題の散らかったサイトをやっております都合上、少しでもご覧になってる方の見通しを良くしようと思い画面上部に固定のナビゲーションバーをつけることにしました。実際作ってみたらWordPressが管理者用に吐くツールバーが全俺に対して邪魔すぎた。(当たり前)そこで本稿では、このツールバーを非表示にしたり一時的に別の場所に動かしたりする方法をご紹介します。ツールバーとは、wp-includes/class-wp-admin-bar.phpで定義されているWP_Admin_Barです。WordPress3.1から導入された機能で旧名は管理バー。(主に)ログイン状態で画面上部に出てきて管理者向けの機能をサジェストします。ここでは管理バーと呼ぶことにします。ユーザプロフィールで管理バーを非表示にするとりあえず一番簡単な方法。ツールバーより、「サイトを見るときにツールバーを表示する」のチェックを外せばサイト閲覧時の管理バーを非表示に出来ます。(WordPressのバージョンによりメニュー構成が異なる可能性があります)めでたしめでたし...と思いきや、私自身は管理バーを便利に使ってるので完全に消してしまうとダッシュボードとの行き来が不便なんですよね...。管理バーを画面下部に移動したい要は画面上部になければ良いことに気づいたのでCSSで動かすことにします。);めでたしめでたし...と思いきや、これだとサブメニューを表示させようとすると画面外に落ちてしまって実用になりません。特定条件の時だけ管理バーを画面下部に移動する結局のところ、自作ツールバーの動作確認さえ出来ればいいやと言うことに気づいたので特定のページのみ管理バーを移動するようCSSセレクタを追加します。home.phpにいるときだけ落とすバージョンがこれ。is_home()等で条件分岐するという手もあったのですが、自分用デバッグとしては大げさかなと思ったのでCSSセレクタで対応しました。導入しているため、ちょっとした条件分岐はCSSセレクタで済ませることも多いです。内に突っ込むだけ、色々使えるので結構便利です。拾えるクラス名は下記ご参照下さい。number)管理バーを複数ユーザに対して非表示にしたいときコーポレートサイト等での実装に。】プラグインによっては管理バーに機能追加してるものもあるんですね。編集できることを知ったのでどうやってるのかなと調べたメモ。LL105-110行を見ると、各項目は以下の書式で追加されていることが判ります。),));...と言うことは、何か新たに機能を追加したいときは同じ書式で追加できるってことですね。管理バーから項目を消去するadd_menuがあると言うことはremove_menuも効くはずです。Codexによると以下の書式で消えるとのこと。?>例えば一番左のWマークのidは’wp-logo’だし、更新ファイルのお知らせは’updates’となります。「$wp_admin_bar->add_menu」を検索すると見つかるので好みに合わせてデザインして下さい。);?>おまけ:管理バーそのものの挙動がおかしい場合もしかするとWordPressの呪いです。あるかどうか、今一度ご確認下さいませ。見るおち研についておち研は日常を雑学する野良研究所です。お探しの記事がありましたら検索窓や過去記事一覧もお試し下さい。Mizuki花鳥風月をこよなく愛する体育会系。趣味はバラバラに見えて科学繋がりです。人気かも知れない記事チョコレートをレンジでチンして光の速さを計算してみる313users「電気を食べて生きる微生物」の何がスゴイか判らない全ての人へ!212users槇原敬之「もう恋なんてしない」の文法がおかしいと言われる件。コメントをキャンセルメールアドレスは開示されません。エラーが出たら違うCaptchaコードもお試し下さい。