WordPressのツールバーの表示非表示をワンクリックで操作する方法
MENU
  1. HOME
  2. WordPress / カスタマイズ
  3. WordPressのツールバーの表示非表示をワンクリックで操作する方法

最近の作業実績

  • 2022年05月13日既存テーマに投稿データをCSV形式で出力できる仕組みを組み込みました。
  • 2022年05月11日監理画面から各投稿のはてブ数が確認できる仕組みを組み込みました。
  • 2022年05月09日サイト上のカラーを管理画面から一括管理できるようにいたしました。
  • 2022年05月07日テーマファイル内で共通して使っていたコードを一元管理できる形に調整いたしました。
  • 2022年05月05日WordPressに不具合が起こらないよう、PHPのバージョンアップを行いました。
  • 2022年05月03日開閉式メニューの不具合を修正しました。
  • 2022年05月01日既存サイトの表示速度を改善いたしました。
  • 2022年04月29日WordPressに不具合が起こらないよう、PHPのバージョンアップを行いました。
  • 2022年04月27日既存サイトのトップページに更新順の投稿一覧を作成いたしました。
  • 2022年04月25日既存サイトのループ部分を新しいデザインで再構築いたしました。
  • 2022年04月23日絞り込み検索の不具合を修正いたしました。
  • 2022年04月21日既存サイトの画像サイズを最適化いたしました。
  • 2022年04月19日WordPressに不具合が起こらないよう、PHPのバージョンアップを行いました。
  • 2022年04月17日既存サイトのドメイン変更を担当いたしました。
  • 2022年04月13日既存サイトの引っ越しを担当いたしました。
  • 2022年04月11日既存サイトの引っ越しを担当いたしました。
  • 2022年04月09日WordPressに不具合が起こらないよう、PHPのバージョンアップを行いました。
  • 2022年04月07日肥大化したデータベースの軽量化を担当いたしました。
  • 2022年04月05日姉妹サイトの更新情報をRSSで取得して一覧表示できるようにいたしました。
  • 2022年04月03日テーマに直書きされていたGOOGLE系コードを管理画面から登録できるようにカスタマイズを行いました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

WordPressのツールバーの表示非表示をワンクリックで操作する方法

この投稿は2019/10/03に加筆修正いたしました。

WordPressにログインした状態でサイトを見た時、上部に表示される「ツールバー」が邪魔だと感じたことはありませんか?

便利なので普段は表示させておきたいけど、デザインの確認をするときなどは邪魔だから一時的に非表示にした。でも、管理画面からツールバーの表示非表示を切り替えるのは面倒くさい。

そんな方のために、ツールバーの表示非表示をワンクリックで切り替える方法をご紹介します。

今回ご紹介する方法は、GOOGLEクロームの拡張機能【Wordpress Admin Bar Control】を使いますので、GOOGLEクロームをメインで使用している方にはオススメできる方法です。

WordPress専門で活動している私も長年愛用している方法ですので、ぜひ試してみてください。

この記事は約 3 分で読めます。

WordPressのカスタマイズはお任せください。

WordPressのカスタマイズを格安で代行しております。ご希望のカスタマイズがあればお気軽にご相談ください。

ツールバーの表示非表示をワンクリックで操作する手順

WordPressのツールバーの表示非表示をワンクリックで操作する方法をご紹介します。

  1. WordPress Admin Bar Controlをインストールする。
  2. WordPress Admin Bar Controlでツールバーを表示非表示を切り替える。

1で環境を整え、ツールバーの表示非表示を切り替えたい時、2で解説している方法(ワンクリック)を行います。

個別にみていきましょう。

WordPress Admin Bar Controlをインストールする

WordPressのツールバーの表示非表示をワンクリックで操作する方法は、GOOGLEクロームの拡張機能【Wordpress Admin Bar Control】を使いますので、まずは【Wordpress Admin Bar Control】をインストールします。

【Wordpress Admin Bar Control】は、以下のページからインストールできます。

WordPress Admin Bar Control

上記の赤枠部分にある【Chromeに追加】をクリックしてください。

表示されたポップアップウィンドウにある【拡張機能を追加】をクリックします。

以上の手順で、【Wordpress Admin Bar Control】がインストールされました。

WordPress Admin Bar Controlでツールバーを表示非表示を切り替える

ツールバーの表示非表示を切り替える方法は簡単です。
ブラウザの拡張機能のアイコンが表示されている個所を見てください。

上記のアイコンが追加されています。

こちらをクリックすると、WordPressのツールバーが非表示になります。
もう一度クリックすると、ツールバーが表示されます。

ツールバーが邪魔な時、このアイコンをクリックするだけで、ツールバーの表示非表示を切り替えることができます。

ツールバーを完全に非表示にしたい場合

ツールバーの表示非表示を切り替える必要が無く、ツールバー自体を完全に非表示にしたい場合は、管理画面の設定からツールバーを非表示にすることができます。

  1. 管理画面の【ユーザー】にアクセス。
  2. ツールバーを非表示にしたアカウントの編集画面を開く。
  3. 【サイトを見るときにツールバーを表示する】のチェックを外す。
  4. プロフィールを更新する。

試してみてください。

ツールバーを表示したくなったら、【サイトを見るときにツールバーを表示する】にチェックを入れれば、ツールバーが表示されるようになります。

まとめ

WordPressのツールバーの表示非表示をワンクリックで操作する方法をご紹介しました。

GOOGLEクロームの拡張機能【Wordpress Admin Bar Control】を使えば、ツールバーの表示非表示をブラウザ上から簡単に切り替えることができます。

デザインのチェックなどをすることが多い場合は、役に立つ拡張機能だと思います。

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のフォームからお気軽にご相談下さい。

WordPressのカスタマイズを相談する

著者:takaya kondo

岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

コメントを残す

(必須)

CAPTCHA