プラグイン WordPress

【WordPress】ページ上部の黒いバー(ツールバー)を下に移動するプラグイン『Admin Bar Position』

※ 当サイトではアフィリエイト広告を利用しています

WordPressでページの上にある黒いバーの位置を変更出来ない?

WordPressサイトのページ上部にある黒いバーは『ツールバー』と呼ばれるもので、簡単に管理画面やカスタマイズ画面に切り替える事が出来ます。

デフォルトでは表示されるようになっていて、前回はこれを非表示にする方法をご紹介しました。

あわせて読みたい
【WordPress】ページ上部の黒いバー(ツールバー)を非表示にする方法
【WordPress】ページ上部の黒いバー(ツールバー)を非表示にする方法

続きを見る

今回はこのツールバーを非表示にするのではなく、下に表示する方法をご紹介していきます。

 

完全無料のプログラミングスクール『ZeroPlus Gate』
30日間でWeb制作を学べる無料のプログラミングスクールがこちら
  • 30日間でWeb制作を学べる
  • 完全無料
  • 現役エンジニアへの質問無制限
  • オンラインの動画学習なので時間場所を問わず勉強可能
  • 最大4回の学習サポート面談
  • 受付は1日25名までの先着制
無料なのに専属のメンターが付き、現役エンジニアへの質問も無制限という破格のサービスです。
いきなり数十万するプログラミングスクールは厳しい・・・という人のお試しに最適。
現在は無料ですがいつ有料になるか分からないので、気になる方はお早めに👇

\ 完全無料 /

ZeroPlus Gate公式サイト

先着1日25名まで!

WordPressでページ上部の黒いバー(ツールバー)を下に移動するプラグイン『Admin Bar Position』

ツールバーの位置を変更するには『Admin Bar Position』というプラグインを使用すると簡単に出来ます。

まずはプラグインをインストールして有効化します。

管理画面の『プラグイン新規追加 』から『Admin Bar Position』と検索して見つかったら『今すぐインストール』をクリックしてそのまま『有効化』をクリックします。

WordPress:プラグイン『Admin Bar Position』をインストール

WordPress:プラグイン『Admin Bar Position』をインストール

特に設定は不要で、有効化しただけでツールバーは下に移動しています。

ツールバーは下に移動

ツールバーは下に移動

そして『shift + ↑』『shift + ↓』で上下に移動出来ます。

上にしてもページ更新やページ移動で下に戻ります。

 

『Admin Bar Position』を使うと上に移動してもプラグインなしとは少し変わる

これはどういう事かというと、まずはこちらを見て下さい。

Admin Bar Positionありとなしの違い

Admin Bar Positionありとなしの違い

左が『プラグインありのページトップ』、右が『プラグインなしのページトップ』になります。

これはプラグインなしの場合、ツールバーの高さ分marginが設定されているからです。

Admin Bar Positionなしの場合はmarginが設定されている

Admin Bar Positionなしの場合はmarginが設定されている

このmarginのせいでヘッダーを固定しているとデザインが崩れることがあり、それを防ぐ為にチェック時はデベロッパーツール(検証ツール)で上記赤枠のmargin-topのチェック(画面右下)を外したりしますが、クライアント側はそんなことしないので『デザイン崩れています』と言われる事があります。

これを防ぐためには、

  • シークレットモードで見てもらう(ツールバーは管理者のみ表示される為)
  • 『Admin Bar Position』を使う
  • 設定で非表示にする

となります。

ただ『Admin Bar Position』を使うと下に表示されるので、下にある『copyright』などが見えなくなってしまうかも知れません。

そうなった時は『shift + ↑』で上に移動させればいいのですが、それもクライアント側に説明するのも手間なので、ツールバーのせいでデザインが崩れる場合はシークレットモードでチェックして貰うのがいいかなぁと思います。

またツールバーはヘッダーが固定の時に邪魔になる事があります。

『ヘッダーにあると邪魔、だけど表示はさせておきたい』という場合に役に立つプラグインかと思います。

以上になります。

Web制作おすすめ教材と案件獲得サービス
当ブログではWeb制作学習におすすめの教材を厳選してご紹介しています。
こちらの記事を参考に教材を購入して成果を出している人もたくさんいるので、自分に必要な教材を探してみて下さい。
また、学習面だけでなく営業面である案件獲得サービスもご紹介しています。
スキルが身についても仕事がなければ意味がないので、営業に不安がある人はこちらの記事をぜひ参考にしてみて下さい。
この記事を参考にスキルと営業力を身につけて稼げるようになりましょう!

-プラグイン, WordPress