Support » Plugin: Gutenberg » How can I enable the usage of the whole browser width?

  • Resolved Rolf Wilhelm

    (@rolfwilhelm)


    To be honest, I like to write native HTML code. And it looks like as long as my pages (I use a lot of static pages) are not converted to the Gutenberg “block mode”, editing the legacy pages this way seems to be the best.

    But, the HTML code editor available with Gutenberg is using only a small percentage of the screen/browser width making the text hard to read.

    It looks like the same happens if using the visual editor mode with blocks.

    I am using big screens and I want to get the most out of it.

    Any way to change this behaviour?

    Thanks,
    Rolf.

    • This topic was modified 1 year, 4 months ago by Rolf Wilhelm.
Viewing 4 replies - 1 through 4 (of 4 total)
  • I think the current width is probably best for the average user (see https://baymard.com/blog/line-length-readability).

    As a power user, you could customize it with a browser extension like Stylebot or Stylish, though.

    @iandunn: Well, the ideal width of a line of type depends on the font size, so it is something that should be adjustable in the theme settings. I think there are some hooks or whatnot for customizing the Gutenberg interface? A browser extension is not going to be that portable. Having the UI match the design of the theme would be great, if the coder wanted to be editing in visual mode.

    But, when editing code, programmers do not usually want line wraps, anyway. So it makes sense to have the HTML editor as wide as possible, if the goal is to make it useful for developers.

    Hello both. Exactly, too wide lines are not good (I can live with that statement and even old plain text emails have a builtin line break at 76 characters), but having the same applied to a “code editor” (and not the visual editor trying to follow the “WYSIWYG” principle) is far away from perfection and usability.

    Themes can definitely control the width if they’d like. Here’s an example from the Ohana theme:

    https://github.com/Automattic/ohana/blob/e31ecab/assets/stylesheets/editor-style.css#L7-L12

    It works the same way as how you’d control the width of the Classic editor.

    You could do that from an mu-plugin as well, if you wanted to apply it to all themes across a Multisite network, or conditionally for specific users, etc.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I enable the usage of the whole browser width?’ is closed to new replies.