WordPress 管理バー(Adminbar) 画面下に表示する設定(Gutenberg ブロックエディタ 対応)

  • [wp_share_buttons_ type="official" post_id="39076"]

あわせて読みたい

WordPressにログインしているときに、画面上部に表示される「管理バー(Adminbar)」ですが、ブロックエディタ(Gutenberg)を使っているときは、記事公開ボタンを押そうとマウスを持っていったときに、管理バーにマウスが乗ってしまって、公開ボタンを押すつもりが、プロフィール設定へ移動しそうになってしまいます。

公開ボタンを押したいのに、プロフィールが伸びてきてイラっ

これ、注意してマウスを操作していても、プロフィールが「ニョキッとのびてきて」記事公開のボタンを押せない、間違って書いた記事のデータを消しそうになります。(下の動画参照)

管理バー(Adminbar) 画面下に移動させれば解決するはず

これ、公開ボタンの近くのすぐ上に管理バーがあるのが良くない訳で、管理バーを画面下に表示してしまえば、解決すると気づきました。

管理バー(Adminbar) を下に表示するプラグインも多数公開されているのですが、いくつか試したら、ブロックエディタ(Gutenberg)では、うまく反映されない様子。私が試したプラグインはダメでした。

functions.phpに追記するコードも日本語のページで、たくさん紹介されていましたが、やっぱり、ブロックエディタ(Gutenberg)では、うまく反映されない。

英語の記事でうまくいく方法を見つけた

そんな中、見つけたのが、英語のこちらのページ。

ここの「Move the Admin Bar to the bottom」で紹介されているコードをfunctions.phpに追加すると、ブロックエディタ(Gutenberg)でも、管理バー(Adminbar) を下に表示することができました。

// move admin bar to bottom
function fb_move_admin_bar() { ?>
	<style type="text/css">
		body {
			margin-top: -28px;
			padding-bottom: 28px;
		}
		body.admin-bar #wphead {
			padding-top: 0;
		}
		body.admin-bar #footer {
			padding-bottom: 28px;
		}
		#wpadminbar {
			top: auto !important;
			bottom: 0;
		}
		#wpadminbar .quicklinks .menupop ul {
			bottom: 28px;
		}
	</style>
<?php }
// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );

ちゃんと読んでいくと、プラグインになっていた

上の英語ページを良く読むと、このカスタマイズのオリジナル情報へのリンクがありまして、こちらのページでした。

この記事の最後にさらっと、書かれていたのが、こちら。

As an alternative you could also use this Plugin

えっ、プラグイン、、あるんですか?

Stick Admin Bar To Bottom プラグイン

プラグインの最終更新が7年前となっていましたが、インストール・有効化したところ、 ブロックエディタ(Gutenberg)でも、問題なく使えました。

あわせて読みたい

シェア大歓迎

この記事が役に立ったり、参考になったり、読んで嬉しいと感じていただけたら、ぜひ下のボタンからシェアしてください。シェア・ツィートしていただけると、飛び跳ねるほど嬉しく、今後の記事作成の原動力になります。

大歓迎です!ぜひシェアしてください。


広告

こっそり感想を送信する

  • [wp_share_buttons_ type="official" post_id="39076"]

この記事を書いた人

ものくろ(Webコーチ)

株式会社あみだす 代表取締役 / 博士課程中退(農学) / ブロガー / Web&Blogコーチ / 親指シフト orzレイアウト開発者 / 講師 / フリーランス / 旅人 / 民事裁判経験者 / 毎月どこかに出張

ブログは月間65万PVを記録(2016年1月)。 これまでに250回を超えるワークショップ開催・のべ1,200名のブログサポートに携わる。

WordPressが得意 / 好きなもの(無刻印キーボード・十割蕎麦・湯葉)/ あまり好みでないもの(ブロッコリー・値切り)

開催している講座に参加する

この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

広告

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告