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

最近の作業実績

  • 2020年11月09日子テーマの導入で発生した不具合を修正いたしました。
  • 2020年11月09日LPサイトのレイアウトの崩れを修正いたしました。
  • 2020年11月04日カスタム投稿のアーカイブページで発生していた不具合を修正いたしました。
  • 2020年11月04日WordPressサイトのSEO対策に関するアドバイスをご提供いたしました
  • 2020年11月04日WordPressで構築されたサイトのトップページのデザイン一新しました
  • 2020年11月04日ループ部分のデザインを変更いたしました。
  • 2020年10月28日カスタム投稿専用のカレンダーウィジェットを実装いたしました。
  • 2020年10月28日内部SEO対策を最適化いたしました。
  • 2020年10月28日WordPressサイトのサーバー移管を行いました。
  • 2020年10月28日新規サイト(WordPress)を制作いたしました
  • 2020年10月10日既存サイトをWordPressで再構築いたしました。
  • 2020年10月04日WordPress各ユーザーのユーザー名を変更いたしました。
  • 2020年10月04日PHPのバージョンアップに伴うデータベース確立エラーを解消いたしました。
  • 2020年10月04日WordPressサイトのサーバー移管を担当いたしました。
  • 2020年10月04日複雑怪奇なテーマ構造の一部を分かりやすく再構築いたしました。
  • 2020年10月04日既存サイトにWordPressを導入いたしました。
  • 2020年09月29日WordPress、プラグイン、テーマ、PHPのバージョンアップを行いました。
  • 2020年09月29日WordPressのセキュリティ対策を導入いたしました。
  • 2020年09月22日WordPressのパスワードをデータベースから直接変更いたしました。
  • 2020年09月21日WordPressテーマにオリジナルのPHPファイルを実装いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

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サイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する


著者:takaya kondo

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

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

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

コメントを残す

(必須)

CAPTCHA