WordPressのブロックツールバー
WordPress 5.0から記事の作成はブロックエディタ(Gutenberg)の使用が標準となりました。
文章の段落や画像など、ブログの記事を構成するさまざまな要素を「ブロック」として扱うことで、かんたんに記事を作成することができます。
このブロックですが「ブロックツールバー」を使って個々に設定ができます。
スマホで見ると下の画像の赤枠の部分がブロックツールバー。
この画像だと段落ブロックを選択している時で、他のブロックを選択すると設定できる内容が変わります。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/DC4F98B2-BB6A-479F-AE8E-37E65CDF1AAD.jpeg)
スマホで操作する際のブロックツールバーの落とし穴
このブロックツールバー、スマホで記事を作成している際、画面をスクロールしても通常は付いてきます。
ブラウザ上部に固定されていて、ブロックエディタの描画領域だけがスクロール。
ですが色々やった後とか、一緒にスクロールしてしまうことが。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/B054BB77-F8E9-4D76-863F-73026FFD81C6.jpeg)
段落ブロックを選択しているのに半分しか見えない状態。
まだギリギリ操作できます。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/4134B66D-F25B-4D07-86A0-5668DDA7F98C.jpeg)
これだともうまったく見えない。
お気づきかもしれませんが、ブロックツールバーだけでなく1番上に表示されているはずの管理バーもない。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/960B013E-3519-4607-91EE-86609EFDFA4C.jpeg)
管理バーやブロックツールバーが隠れる原因と固定化する方法
スマホのブラウザの設定がデスクトップ用のWebサイトを表示するようになっていませんか?
Safariだとアドレスバーの左側の「ああ」を押した時、モバイル用Webサイトを表示と表示されていれば、デスクトップ向けの表示になっています。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/144916AA-7F07-4116-82B3-322620B68713.jpeg)
この状態だと管理バーもブロックツールバーも固定化されず、一緒にスクロールしていきます。
この状態から抜けだすには、先程のモバイル用Webサイトを表示を押すだけです。
ただしこれだと一時的なもので再描画されると戻ってしまうことも。
このドメインを閲覧する際のモードを指定しておくことで、再描画された後もモバイル用、デスクトップ用どちらを表示するか設定しておくことができます。
Webサイトの設定を押し、
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/F0F1B4F7-2EB4-4E3A-89FF-20ECC9CFC9A8.jpeg)
デスクトップ用Webサイトを表示をオンにします。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/09/5B43FC88-3C08-4480-8CBC-DEE42FA17B8C.jpeg)
これで次回からも管理バーやブロックツールバーを固定して表示することができます。
コメント