21 Comments

  1. Brian Gardner
    · Reply

    Justin, I’m really glad to see you writing as much as you are about blocks, patterns, et all. It has taken me quite a while (several years TBH) to fully see where Gutenberg/WordPress/block editor is going. At first, I wasn’t so sure, and that played a part in our decision to sell StudioPress. But, the clouds—so to speak—are lifting for me, and I see so much potential with the project. Thanks for covering these things in such detail. It helps me, and I presume it helps the community at large as well.

    Report

  2. Anik Biswas
    · Reply

    @Justin_Tadlock very slick and straight forward blocks. This block is not so much reach in feature compare to other market leader. But it is perfect for common users.

    Report

  3. Lukasz Jaroszewski
    · Reply

    Thank you Justin for pointing that out. I thought I was doing something wrong when building my custom theme and using WordPress core blocks to design so many different layouts.. I don’t think I’m using a single third party block.

    I ran into a issue where I needed multiple classes for a block layout, I thought I could maybe create a block variation but then I remembered block patterns exist now :)

    The only extra block tool I’m using is a plugin that removes top or bottom margin, but I mostly try to handle the design in the theme.

    You can also create pretty nice pricing tables just using the table block.

    Report

  4. Miroslav Glavić
    · Reply

    You can do a simple pricing table with simple old html if you want. You don’t really need a block

    Report

    • Justin Tadlock
      · Reply

      Even I don’t want to write out the HTML and CSS for fancy pricing columns any time I need them (even though I have the knowledge and skills do it), especially if I can just drop it into the editor with one click. I doubt the average WordPress user could do it, nor do I think they’d want to. That probably includes simple versions too.

      Report

  5. Jamie
    · Reply

    I understand a lot is possible with the Block Editor, but am constantly frustrated with Core Blocks. It would be great to see live demos instead of screenshots of the examples you build. The sites I design and/or code have highly complex layouts that require special attention to alignment and spacing, especially with responsive sizing. I don’t have that level of control with Core Blocks, and honestly, I am not seeing a path forward to accomplish this critical need that doesn’t rely on a third-party.

    Report

    • Justin Tadlock
      · Reply

      If I do something like this again in the future, I’ll remind myself to copy the block code over to a Gist. That way, folks can at least test it out.

      Obviously, with the last example, it’s using some future stuff from the Gutenberg plugin on a custom theme, but the Twenty Twenty-One and Eksell theme examples would be easily testable.

      Report

  6. Marie A Fisher-Williams
    · Reply

    I have wasted lots of time & money on these themes & plugins. Before I fully understood themes(I don’t) I was able to launch a decent store. After attempting to use a plugin to improve, I had to scrap the store and have been down since then. Hours upon hours of reading documentation & watching tutorials that are mostly done for techs have made me tired of plugins, blocks and all the stuff packed with themes just to get the dough, or make you pay a grand or more to get started with themes & plugins.

    Report

  7. Hamish
    · Reply

    Sorry, but I have to disagree for now. Core blocks are basic to say the least.

    Let’s start with the column block. It has not semantic element settings. So pretty much from the first block on the page, your site is not Accessible and you need a more complete section block from a plugin.

    Mobile responsive settings for core blocks: NOPE! ehh are you serious WP.

    Then what about dynamic content. There is a latest posts block. What about for other content types. Really a product like toolset should be redundant, not essential.

    Report

    • Justin Tadlock
      · Reply

      The argument isn’t that the core blocks are the end-all-be-all of laying out a web page. This is a post for helping users make decisions on whether they might need a block plugin and theme authors for creating some of these solutions as patterns.

      The a11y issue with the columns block was fixed in Gutenberg 10.5 and will ship with WordPress 5.8. As for dynamic posts/content, the first version of the Query block is also shipping in WordPress 5.8. You can install the plugin right now if you need those features.

      If you need specific block options based on screen size, yeah, you’ll want to grab a plugin for that. For this, at least, we agree:

      The most useful blocks do something that WordPress is incapable of doing alone or adding elements that do not exist.

      Report

  8. Martin
    · Reply

    Generally I do agree, but in reality I’ve seen that we needed to add specific blocks in cases where they could easily be constructed out of other blocks.

    Why? Otherwise, the Block Editor was not performant anymore until a point where you couldn’t use it at all in some instances. For example having 200 blocks because you use group + heading + image + button instead of having just 50 blocks (that simply combine these inputs) can have a huge impact on the backend editor right now.

    This is the main reason I’m unsure how well block patterns will work out in the end. The idea is great: don’t create blocks for elements that can be constructed out of other blocks. But the editor’s performance needs to keep up with this, otherwise it will be unusable, as it sadly is right now for larger pages.

    Report

  9. Peter Ingersoll
    · Reply

    A important tool in my block editor toolbox is GenerateBlocks. This set of four blocks – container, grid, headline, and buttons – can be combined with core blocks to do most of what I need.

    Report

  10. CW
    · Reply

    If don’t know if just popping in vertical spacing controls is the best way to go about some of this. The text “for small teams” etc is basically the heading equivalent of a subtitle. It’s actually pretty common for people to need these, and it seems like there should be some kind of built in block variation for that.

    The problem with relying on custom spacing options is that the average user won’t use them in a consistent and therefore professional way. They should be a fallback option and not the first answer to all design issues.

    I also can’t help but notice that you didn’t get this text sitting right below the heading in any of your core block layouts. Were you unable to do this or did you decide to do it differently?

    Report

    • Justin Tadlock
      · Reply

      I talked about the vertical issue with Twenty Twenty-One. Then, I solved it with Eksell’s custom No Vertical Margin style. I just removed the margins between different sections. I could’ve used it between the first and second headings there. However, I could not with Twenty Twenty-One.

      Agreed on margin controls for end-users not being the ideal solution for this. The primary solution is for themes to offer pre-built block patterns. The margin controls should be there for advanced usage, but smart design choices should be the default, and that comes down to the theme.

      A block variation/style for a “subtitle” would be a good addition too.

      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: