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

最近の作業実績

  • 2020年09月06日絞り込み検索機能をプラグインを使わずに実装いたしました。
  • 2020年09月06日ページネーションでページが遷移できない不具合を修正いたしました。
  • 2020年09月01日アイキャッチが未設定の場合、デフォルト画像を表示するようにカスタマイズいたしました。
  • 2020年09月01日WordPressの条件分岐が正常に動作するように修正いたしました。
  • 2020年08月31日ページネーションの不具合を修正いたしました。
  • 2020年08月31日常時SSL化の不具合を修正いたしました。
  • 2020年08月30日ループ部分のレイアウト崩れを修正いたしました。
  • 2020年08月30日カスタムフィールドに対応した絞り込み検索機能を実装いたしました。
  • 2020年08月26日アーカイブページの説明文が2P目以降に表示されないよう修正いたしました。
  • 2020年08月26日ログイン画面のエラーを修正いたしました。
  • 2020年08月26日パンくずナビをschema.orgに対応した形式で再構築いたしました。
  • 2020年08月26日サイドバーのレイアウト崩れを修正いたしました。
  • 2020年08月26日OGPの不具合を解消いたしました。
  • 2020年07月31日アイキャッチ周りの不具合を修正いたしました。
  • 2020年07月31日WordPressサイトのサーバー移管を行いました。
  • 2020年07月24日カスタムタクソノミーに自動的にデフォルトとなるタームが設定されるようにしました。
  • 2020年07月24日セキュリティー対策を導入いたしました。
  • 2020年07月24日子テーマのレイアウト崩れを修正いたしました。
  • 2020年07月24日検索結果ページにカスタムフィールドの値を基準とした並び替え機能を実装しました。
  • 2020年07月15日カスタム投稿とカスタムタクソノミーをプラグインを使わず実装いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。
  • 記事公開:2019/10/11
  • 最終更新:2019/10/03

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