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

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)でも、問題なく使えました。

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール  *
お名前(姓)  *
お名前(名)  *

講座・ワークショップ 開催予定

2022-11-11 20:00 – 21:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-11-19 11:00 – 13:00
オンライン【あみだす発酵アカデミー】白菜キムチ(キムジャン)作りクラス
詳細・お申し込みはこちら

2022-11-19 15:00 – 17:00
【あみだす発酵アカデミー】本格「王様のコチュジャン」作りクラス/オンライン・リアルどちらもOK
詳細・お申し込みはこちら

2022-11-20 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-11-25 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 11月25日
詳細・お申し込みはこちら

2022-12-08 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 12月8日
詳細・お申し込みはこちら

2022-12-09 19:00 – 20:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-12-10 11:00 – 13:30
【あみだす発酵アカデミー】本場香港の味 XO醤作りクラス
詳細・お申し込みはこちら

2022-12-10 18:00 – 21:00
2022 あみだす望年会っ
詳細・お申し込みはこちら

2022-12-15 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-16 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 12月16日※12月のみ第3週目となります
詳細・お申し込みはこちら

2022-12-17 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-18 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-12-30 10:00 – 18:00
リアル・オンラインどちらもOK!ものくろ流WordPressスタートアップ講座 -第42期- 講師 ものくろ
詳細・お申し込みはこちら

2023-01-12 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-15 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-21 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

  • ブックマーク

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。