Viewing 15 replies - 1 through 15 (of 22 total)
  • Moderator Mel Choyce-Dwan

    (@melchoyce)

    Hey @lucidrealty,

    If you close the sidebar on the right, you’ll have more space in your editor. You can close it by toggling the gear icon in the top toolbar.

    Alternately, you can adjust the content width in an editor stylesheet:

    Thread Starter lucidrealty

    (@lucidrealty)

    Closing the sidebar on the right only increases the white margins along side the too-narrow editor. That’s the fundamental problem with this release. There are these huge white margins along side the editor window and the window itself is too narrow. Just a lot of wasted space.

    @lucidrealty, you are so on target. This is so bewildering to me. I guess the developer codes on a smartphone.

    I’m also bewildered by Mel’s response.

    And I’m bewildered by WP logic – I have to edit a file or do some coding to change the width of something that should be dynamic/responsive? Wow. I’m sure there is a reason for the fixed width, but shouldn’t there be a toggle right in your face in the poorly-designed UI?

    Thread Starter lucidrealty

    (@lucidrealty)

    Yeah, this new “upgrade” is an abomination.

    Moderator Mel Choyce-Dwan

    (@melchoyce)

    In an ideal situation, the editor should match what you see on the front-end, width included. Currently, making it match is up to the theme, through editor styles. Figuring out a better way of approaching editor styles (like, syncing styles automatically from the front-end instead of relying on a developer to write a second stylesheet) is a future goal I’ve heard come up from some of the Gutenberg designers and developers.

    I have to beleive the development team has screwed up here and there is a glitch that is only impacting some users.

    The problem is on the editors admin ui, and not anything to do with the content of the post. I have over 60 major websites in WP. When we upgraded to 5.0 the editor admin interface looks like it is designed for a tablet or smartphone. It does not fill the horizontal screen space.

    It is horrible. This cannot be the experience they are acting so proud of.

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    It does not fill the horizontal screen space.

    It is not supposed to fill the horizontal space. it is supposed to be the same width as the content area in your theme.

    The theme has the ability to set the editor styles. Ideally, the theme would know how wide the content area is, and set the editor to match it. That way, what you see in the editor would match how it looks on the front end of the site.

    Thread Starter lucidrealty

    (@lucidrealty)

    It is not even close to being WYSIWYG. It is substantially narrower than my actual displayed content. Headlines are wrapping in the wrong places in the editor. Images are being cut off in the editor.

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    It is not even close to being WYSIWYG. It is substantially narrower than my actual displayed content.

    Yes, and the theme has the ability to fix this with editor styles. Ask your theme author to add support for them to your theme.

    Thread Starter lucidrealty

    (@lucidrealty)

    I’m sure you’re right but what kind of “upgrade” requires the user to make their own software changes?

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    Did you create the theme?

    Thread Starter lucidrealty

    (@lucidrealty)

    I did not personally. I assume that someone working for me did.

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    Ok. Maybe you should talk to them, so that they can style it up proper to match with your theme.

    Here’s the documentation: https://www.ads-software.com/gutenberg/handbook/designers-developers/developers/tutorials/block-tutorial/applying-styles-with-stylesheets/

    The thing is, this isn’t magic. WordPress can’t pull a Harry Potter and just know what the editor should look like for your site. It uses some reasonable default settings, and that is what you’re seeing, but the truth is that Themes have been able to style the editor for eight years now, so it is not unreasonable for them to have gotten that down pat. While the new editor styling is a bit different, the old editor styles still work, more or less, and the new editor tries to pull them in if they’re available. Beyond that best-effort attempt, it can’t read minds, or themes, and display things other than the default view without having instructions on how to make it look like the theme. Maybe in the future, when we have front-end editing or something like that.

    If you don’t like the defaults because it’s a bit too “mobile” looking, well, that’s kind of intentional. 44% of users use the mobile web exclusively. The world is going mobile. Sorry that you’re not okay with that, but the majority of software needs to support that to move forward. Best to cope.

    1) It is completely CRAZY to plan for it to match the theme when we ALL design responsive websites that do not have a fixed with about 99% of the time. To be usefully it would be responsive and just fill the available space.

    2) It is NOT matching the width of ANY of my themes. I have checked it out on about 10 websites yesterday that we upgraded to 5.2. We immediately installed the classic editor.

    3) This issue is probably why there are over 1 Million installs of the classic editor plugin. People hate this thing.

    This thing is a failure so far. I have used block editors in WordPress before and they have been a joy. This feels like a train wreck.

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    1) It is completely CRAZY to plan for it to match the theme when we ALL design responsive websites that do not have a fixed with about 99% of the time. To be usefully it would be responsive and just fill the available space.

    Which is entirely within the realm of the theme to do.

    Look, it’s not difficult to make the thing go full width. Not in the slightest. If a theme wants to do that, then here’s the bloody code to do it:

    First, look how Twenty Seventeen adds support for block styles:

    function twentyseventeen_block_editor_styles() {
    	// Block styles.
    	wp_enqueue_style( 'twentyseventeen-block-editor-style', get_theme_file_uri( '/assets/css/editor-blocks.css' ) );
    	// Add custom fonts.
    	wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null );
    }
    add_action( 'enqueue_block_editor_assets', 'twentyseventeen_block_editor_styles' );
    

    All the styles and fonts and such are defined there, to let the editor match the look of the site.

    Over in that editor-blocks.css file, scroll down until you find this:

    .wp-block {
    	max-width: 674px; /* Based on one-column post width; 644px + 30px to account for padding. */
    }
    

    Change the max-width to none and voila. Now your editor is full width on the page. Minus a bit of padding.

    The code isn’t difficult. The theme still has to make that decision though. The theme should be styling it to match what the actual site looks like. In Twenty Seventeen’s case, it’s by default setting the width to try to match the look of the page with one column and no sidebar. I kinda think Twenty Seventeen’s math is a bit off, but my point is that the theme is indeed setting that width.

    All the default themes were adjusted to have block styles. Themes should follow from those examples.

    2) It is NOT matching the width of ANY of my themes. I have checked it out on about 10 websites yesterday that we upgraded to 5.2. We immediately installed the classic editor.

    If your themes have not been updated to have block styles, then I would not expect them to.

    3) This issue is probably why there are over 1 Million installs of the classic editor plugin. People hate this thing.

    Actually, no, the active installs of the Classic Editor largely overlaps with active installs of existing page builders that rely on it.

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘New editor window way too narrow’ is closed to new replies.