備忘録:「Gutenberg」ブロックエディターの編集領域の幅を拡大したメモ

Webサイト関連/日々の出来事/////
  1. HOME
  2. Webサイト関連
  3. 備忘録:「Gutenberg」ブロックエディターの編集領域の幅を拡大したメモ

これは私の備忘録です。

WordPress 5.0 から導入された「Gutenberg」、私にとってはブロックエディターの入力幅が狭くて日本語入力がしにくいので、入力枠(ブロック)の幅を拡大したメモ。

独自CSSファイルを function.php で読み込ませる方法もあったけど、あまり弄りたくないので次の方法でおこなった。

プラグイン:TinyMCE-Advanced を導入してあったので、こちらの block-editor.css で設定した。

/* ... /wp-content/plugins/tinymce-advanced/block-editor/block-editor.css */
/* 263行目付近 */

.edit-post-layout .editor-styles-wrapper .wp-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 830px; /* ココを追加。Paddingがあるので、実質 800px; になる */
}

この記事も入力枠を拡大したあとに書いている。イイ感じになったw
今のところ上手く動いているかな。他に不具合が出てしまったら撤去する。