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

最近の作業実績

  • 2021年08月03日スマホサイトにフルウィンドウで展開する開閉式メニューを実装いたしました。
  • 2021年08月02日WordPressにSmartNews対応フィードを実装いたしました。
  • 2021年08月01日カスタムイールドを導入してコンテンツを更新しやすくいたしましました。
  • 2021年07月31日トップページの構造を変更いたしました。
  • 2021年07月30日コンテンツの変更に伴うレイアウト崩れを修正いたしました。
  • 2021年07月29日WordPressで新規サイトを立ち上げました。
  • 2021年07月08日既存サイトのレイアウト崩れを修正いたしました。
  • 2021年07月07日既存サイトにアニメーションを追加いたしました。
  • 2021年07月05日既存サイトにライトボックスを導入いたしました。
  • 2021年07月05日フルスクリーンナビゲーションを導入いたしました。
  • 2021年07月02日カスタムフィールドの導入と出力を担当いたしました。
  • 2021年07月01日CSVファイルを使った一括更新環境を整備いたしました。
  • 2021年06月30日WordPressとプラグインのバージョンアップを担当いたしました。
  • 2021年06月29日WordPressで発生していた不具合を修正いたしました。
  • 2021年06月28日2つのWordPressサイトを統合いたしました。
  • 2021年06月22日オリジナルテーマを制作いたしました。
  • 2021年06月21日カスタムフィールド周りの不具合を修正いたしました。
  • 2021年06月20日WordPressのエラーを修正いたしました。
  • 2021年06月19日SSL化の不具合を修正いたしました。
  • 2021年06月18日セキュリティ対策を導入いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

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