10 Comments

  1. Patrick B
    · Reply

    This certainly gets the block editor more into the page building vs
    content creation side of things, which I don’t think is a good
    development. I don’t know if there should be a style framework but
    spacing patterns should primarily be left up to the theme unless the
    theme author chooses to make manual spacing an option. We already use
    modifying classes for block styles. I don’t see why spacing can’t take
    the same approach. Keep the experience for the editor easy for the user,
    don’t make layout formatting part of the content structure and editing
    experience.

    That’s my thought at least.

    Report

  2. Giorgos Sarigiannidis
    · Reply

    Spacing block is very convenient, but leaving the user total freedom to adjust its size bothered me too.

    I like the suggestion of having 3-4 predefined default sizes (e.g. small, medium, large etc) instead of leaving it entirely up to the user. Then, the themes would be able to override those values, remove them, or assign new sizes. In some ways, the functionality is similar to how thumbnail sizes work.

    An approach like that would also give the Theme’s developers the power to use pixels, ems, rems, vh, or whatever they like.

    Report

  3. Clara Hickmann
    · Reply

    I actually like this way. I prefer working on a post basis. And it is not a creative website, just casual. I do have a theme. But for me, what people want of consistency in the theme makes my post editing more difficult. If I want to edit the block, considering the block context, I should not need an external page to do that (the theme). I can only do that as it currently is.

    I believe my commentary adds to the discussion the person of the admin, important too. The person that choses the theme, should not be locked by it. As the admin of a website, I want myself to be able to adjust the theme and the content.

    Themes should be able to disable features (as it currently is for this experimental spacing) on a block basis. By doing so, admins should still choose to disregard the default position of the theme on a single small feature. On the theme settings, admin should be able to turn off or turn on the way its theme considers the relevancy of this experimental feature.

    It should not be difficult to do create that mechanism. Themes that don’t want to even allow this granularity to admins simply don’t offer it, and the mechanism ia set as “default”.
    Best for everyone. What we have here is a difficult choice: which side of the coin.

    Report

  4. Tung Do
    · Reply

    Agree. Gutenberg should provide variables, not fixed values. (Sidenote, paddings & margins should never use “px” unit. Rem is better for scaling padding & margins with typography settings from browsers.) If a system of named selectors is used, I hope it’s not the usual scale of sm, md, lg, and xl, which is a short range requiring big jumps between levels.

    Something like the Tailwind system is more flexible and future-proofed. Every four levels represent 1 rem and you’re able to set the original rem value to whatever you like.

    Gutenberg will eventually become a page builder. Momentum of small stuff like this will carry it there. I hope Gutenberg team will look to best practices in the last 5 years of theme development and dnd page builders rather than continuing to blaze their own path. Simply build on top of best practices. It’ll make your life so much easier.

    On the flip side, Gutenberg is a knock off of Square Space and Medium, which is frustrating to witness. It’s definitely not what I mean by building on top of best practices. This reminds me of Tumblr and when WordPress post formats were a thing. SMH. WordPress can do so much better if it would just be itself—cue Mitch Hedberge’s joke about hating turkeys.

    If you’re going to steal from Square Space, steal the entire thing because small differences and butterfly effect will lead to mediocre results. For example, Square Space icon style, sizing, and spacing are a lot more well designed. We can’t just take Square Space interface and slap another set of icons on it.

    Report

  5. Theo
    · Reply

    If only someone predicted this years ago. Took some digging, but here it is: https://mor10.com/wordpress-responsive-images-and-dynamic-image-sizes/

    Report

  6. Dave Loodts
    · Reply

    The block editor has to become a page builder to really get embraced by the larger audience. That’s just the harsh thruth, mostly towards theme builders. I love blocks, but mostly use the Ultimate Gutenberg addon cause the wp blocks lack any form of design: padding, margin, breakpoints per block, etc. Expecially the lack of responsive settings for individual blocks is still unbelievable to me. Gutenberg’s way of design thinking is a desktop, while every designer stated since 2014: mobile first.
    I love Tailwind too. Tried that out, worked fine although the class field is Way to smal, make that a text area please. But still, for non-techs it’s not a user friendly solution, or there has to be a innovative UX system around it. Editorskit has an fine class suggestion feature, if we can connect that way or working with Tailwind and keywords, maybe there’s that innovative design workflow.

    Report

  7. Michael
    · Reply

    Themes need to go the way of the dodo bird and Gutenberg needs to become a full fledged page builder. That was my opinion when I first saw Gutenberg and remains so today.

    Report

  8. James
    · Reply

    I totally agree inline styles are not wanted but reading this issue on GitHub seems that any inline styles you may see now are just a temporary measure until a better system is ready to be used, part of the Global Styles project.
    https://github.com/WordPress/gutenberg/issues/23893
    My fingers are crossed it helps bring more consistency to fronted and block development!

    Report

  9. Jordan Pakrosnis
    · Reply

    Big word. Vertical rhythm of the site belongs to the theme, which will best able to handle the block’s responsivity. “Spacer” controls add unnecessary complexity that lives outside of content management, and there should at least be a very simple way to only allow the selection of pre-determined spacing.

    Report

  10. Mark Root-Wiley
    · Reply

    I have always thought that Gmail gives me the perfect level of control when offering “Default”, “Comfortable”, and “Compact”. What if theme’s could opt in to a 2-, 3-, 4-, or 5-step scale of spacing? You’d get the best of both world’s: A quickly-customizable way to make a theme feel really different and portability between themes. Per-block margins and padding are terrifying for anyone thinking beyond a DIY user, more than 5 pages on a site, and/or a website that is built to last 20 years, rather than 1.

    Report

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: