![見出し画像](https://assets.st-note.com/production/uploads/images/137824047/rectangle_large_type_2_1a822c63d9538b00599e3550cb9d68c2.jpeg?width=1200)
SWELLにも対応! WordPressの管理バーを非表示にするchrome拡張機能 Hide WordPress Admin Bar リリースしました。
普段WordPressテーマは、SWELLを使っています。
管理バーから直接投稿ページや固定ページを編集できたりと、何かと便利なWordPressの管理バーですが、WordPressでログイン中のユーザーにのみサイトに表示されるので、他のユーザーには管理バーが表示されません。
![](https://assets.st-note.com/img/1713455071-fxO9uoLNBv.png?width=1200)
他のユーザーが自分のサイトを閲覧した時の表示を確認したい場合には、WordPressにログインしていないブラウザでサイトを開いて確認をする。
もしくは、WordPress管理画面のユーザー > プロフィール > サイトを見るときにツールバーを表示するのチェックを外して管理バーを非表示にします。
![](https://assets.st-note.com/img/1713455072-XgPBP830Ix.png?width=1200)
WordPressにログインしていないブラウザでサイトを開いて確認をするのは、少し面倒ですし
WordPress管理画面から管理バーを非表示にする場合も、再度表示したい時にWordPress管理画面に入ってチェックを付けたりと結構面倒です。
もしかするとWordPressのプラグインで瞬時に切り替えできるものもあるかもしれませんので興味がある方は調べてみても良いかと思います。
WordPressのプラグインをなるべく入れたくない方で、ブラウザで瞬時に管理バーの表示非表示を切り替えたい方は、Chrome拡張機能がおすすめです。
WordPress Admin Bar Control
WordPress Admin Bar Controlは、アイコンワンクリックで管理バーを非表示にしたり、表示したりできます。
ブラウザ上ですぐに表示・非表示の切り替えが行えるので頻繁に切り替えたい方におすすめです。
https://chromewebstore.google.com/detail/wordpress-admin-bar-contr/joldejophkhmeajgjenfnfdpfjkalckn?hl=ja&authuser=0
![](https://assets.st-note.com/img/1713455074-GVN7WXKZOo.png?width=1200)
ただ、このプラグインですが、SWELLで使用すると1つ問題が・・・
追従時のヘッダーの上に管理バー分のスペースが空いてしまいます。SWELLは管理バーを考慮してヘッダーが表示されているので、管理バーを非表示にしただけでは、この隙間が空いてしまいます。
おそらく、SWELLは日本製のテーマなので、拡張機能の制作者がSWELLを使用することを想定してないと思われます。(そもそもSWELLの存在を知らないかもしれない)
![](https://assets.st-note.com/img/1713455075-nF75benHJw.png?width=1200)
それなら自分で作ろうと言うことで、SWELL対応バージョンのWordPress Admin Bar Controlを作成(パクリではないと思いたい)しました。
Hide WordPress Admin Bar 【SWELL対応】
【SWELL対応】 WordPress管理バー表示切り替え拡張機能 「Hide WordPress Admin Bar」
https://chromewebstore.google.com/detail/danmihlgkcfibipepahkikifhocamdli?hl=ja&authuser=0
![](https://assets.st-note.com/img/1713455076-87ZV0Lr9CS.png?width=1200)
機能としては、WordPress Admin Bar Controlと変わりません。
時間があれば修正・機能追加もしようと思っております。
ご要望・辛口のご意見もお待ちしております。
拡張機能のアイコンをクリックすると表示、非表示が切り替わります。
黒いアイコンが管理バーが表示されている状態、白いアイコンが非表示の状態となっています。
![](https://assets.st-note.com/img/1713455077-n11rAFVYhe.png)
![](https://assets.st-note.com/img/1713455078-dCP6pG8qjS.png)
SWELLでも、管理バーが非表示になり、追従ヘッダーに隙間ができません。
![](https://assets.st-note.com/img/1713455080-9n56K0bdJp.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?