21 Comments

  1. Patrick B
    · Reply

    I would love to see spacing and margins handheld like the font sizing options, with he ability to define preset spacing options that can be selected via a dropdown and then an option to have enabled or disabled custom spacing.

    Report

  2. Marcus Tibesar
    · Reply

    Excellent in-depth GB update reviews. Thank you Justin and thank you GB dev team!

    Report

  3. Joao
    · Reply

    Well done.
    Just wanted to share my opinion reg selecting parent elements. Best way to do it is by enabling breadcrumbs navigation. Not an original idea but clearly the best implementation of such a functionality.

    Report

    • Justin Tadlock
      · Reply

      I only realized the breadcrumbs nav allowed this a few weeks ago. It was a life-changing experience. :)

      Report

      • Gary Taylor
        · Reply

        That genuinely made me chuckle. It’s hidden away at the bottom of the screen but pretty obvious once you start doing anything with groups and columns. If even a regular user such as yourself doesn’t spot it it needs making more obvious. But breadcrumbs aren’t as ‘sexy’ as a float-on-hover effect.

        Report

  4. David
    · Reply

    Thanks for the recap.
    The parent selector is not the right direction (my opinion) it is so much intuitive to had some border (small and light) around parent block to select them.

    Report

  5. User384774
    · Reply

    I see some fixes in the production versions, how can I download/compile a production version build?

    I think the team should think about pushing some nightly testing plugin like for WordPress in order for people to be able to install nightly builds.

    Kind Regards

    Report

    • will
      · Reply

      To my knowledge, the ‘production’ (which is the equivalent of the ‘master’ branch at https://github.com/WordPress/gutenberg) isn’t automatically built and shared as .zip file to public.
      However, you can build it yourself but if you are not familiar with npm, git, and the command line; it’ll take you several hours to learn enough basic terminology of git, npm and the command line to do so.

      I wrote how I do it and does expect that you have npm and git installed and that you are using linux or mac os x)

      I run ubuntu, so I created an alias, which, for your bash/command line,
      is a shortcut that when you type the alias in to your command line and press enter, a series of commands or instructions are run altogether, so I don’t have to remember all of these further steps, I can just type in ‘gbupdate’ and about 3-10 minutes later, you have the newest version of gutenberg ready to go.

      Here’s what my alias looks like:

      alias gbupdate=’cd $zach && git checkout master && git fetch upstream && git checkout master && git merge upstream/master && npm install && npm run build’

      before going further:
      If you only have one site (or environment) where you edit your theme, try out with new plugins, etc, I would be careful running this. There’s times where the newest version will unintentionally break an existing block(s) or will have changes in the interface without any documentation why (unless you really dig into the code)

      If you’re ok with this, you’ll have two options:
      A] Cloning the copy of gutenberg and keeping it in sync

      B] Forking your own copy of gutenberg and keeping it in sync

      (There are differences between cloning and forking, that is beyond this article at the moment; I have forked my own copy and proceeded that way; your alias will be different if you only clone)

      With that in mind, here’s my alias:
      alias gbupdate=’cd ~/vvv/www/zach/public_html/wp-content/plugins/gutenberg && git checkout master && git fetch upstream && git checkout master && git merge upstream/master && npm install && npm run build’

      Your command will not be exactly the same as mine but you can base it off of mine…

      cd ~/vvv/www/zach/public_html/wp-content/plugins/gutenberg
      – this is a shortcut to the folder where I originally cloned and downloaded my fork of gutenberg from github. (Zach is just the nickname that I gave to the site)

      git checkout master
      – this tells git to go to the master branch which is the leading branch

      git fetch upstream
      – tells git to get code changes from the upstream (which is the main Gutenberg project https://github.com/WordPress/gutenberg) (if you haven’t already, here are directions to add your upstream from github https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/configuring-a-remote-for-a-fork)

      git checkout master
      – you may not need to run this again, but I do to be on the safe side.

      git merge upstream/master
      – merges those downloaded changes in your folder

      npm install
      – this re-installs, updates any dependencies, of which there’s a lot, for gutenberg.

      npm run build
      – this builds the gutenberg code, so after this command is run, you can now use the newest version of gutenberg on your computer.

      more on the differences between npm install and npm run buil https://stackoverflow.com/posts/53311374/revisions

      To be honest, I wasn’t quite sure of the differences until I wrote this up.

      Separately, if you want the zip file that you can share it with friends, etc:
      npm run package-plugin
      This will delete some of the installation things (I’m not exactly sure what; but I know after I run this program, I have to rerun all of the other commands to get back developing again)

      Now…. Requiring all of this knowledge – git, npm, and the command line can seem like it’s a lot but it’s very useful knowledge to have, not just with troubleshooting gutenberg, but for building and using other software projects and libraries that use node and its package manager, npm.

      And yes, for those who wanted to test out the newest version of Gutenerg, requiring to know all of this is sort of a barrier for people ;
      that’s partially the development team decided if you want to test and share feedback, to use the plugin which releases updates, it seems every few weeks https://wordpress.org/plugins/gutenberg/

      It’s sort of a tradeoff to decide at what point you want to be involved with steering the direction of Gutenberg.

      Report

  6. Adrian Wackernah
    · Reply

    I often work with design apps. Today I like Affinity Designer for creating one page lay outs. There we have the same with nested frames or even objects that stay below one other. Selecting them isn’t easy. But in Affinity Designer they use levels which show up in a sidebar. Even if I use groups of elements, selecting a element there is the way I like.

    Report

  7. Evgenii Grigorev
    · Reply

    With that update, Elementor and WPBackery days are doomed :D

    Report

  8. Ed Sutherland
    · Reply

    There may be a problem with to 8.3 update. After the update, when trying to create a new post, I get a white screen. I changed to the default theme, disabling all plugins (except Gutenberg.) The show seems to stop when I reactivate Yoast Version 14.3. I swapped SEO Framework for Yoast and all is good.

    Report

  9. Dave Loodts
    · Reply

    Yes, for padding & margin control.
    But only nice when it’s combined with breakpoints.
    One example: negative margins for design-effects. Nice on desktop, not nice on mobile.

    Report

  10. David
    · Reply

    Gutenberg has been a complete failure. It is now required to have a good page builder on any WordPress site because there is no way I would ever use Gutenberg.
    I was very much for Gutenberg when it was first introduced. But I simply can not use a page editor that I have to relearn every couple of weeks because they change the block layout, or functionality. It has really become a joke.

    Report

    • Evgenii Grigorev
      · Reply

      The main problem with any page builders like Elementor, WPBackery and so on – they are 3rd party plugins and require updates even if they are bundled within any premium theme, so you have to rely on theme devs when they update plugins and so on. In 2020, everything should work right out of the box, so it’s kinda strange and unsafe to rely on various third-parties. Also, what I learned from several years of using visual composers – these plugins are bloated with options, they are hard to master, heavyweight and if you decide to move from one page builder to another – your site is dead.

      In my opinion – Gutenberg is cool and modern builder, stripped off from complexity and unnecessary features though it’s really hard to build “professional” sites with it.

      Report

    • Justin Tadlock
      · Reply

      I wouldn’t recommend the plugin if you feel like things are changing too fast. Using Gutenberg is essentially like living on the bleeding edge, so things are expected to change rapidly. Sticking with WordPress-only will allow things to simmer down a little since it gets a major update every four months or so.

      Report

  11. Jacob Jack
    · Reply

    Sounds like a great update to look forward to!

    Report

  12. jadpm
    · Reply

    Has anyone checked the filter by author in the Latest Post block in a site with a great amount of users?

    We have had consistent problems with the post author selector in some of our sites, which hold some thousands of users including clients who interact in our support forums. Creating a page and checking in the console how the editor tries to load all users in batches, until the page is frozen, as reported in GitHub in several tickets for the last 2-3 years. There is a proposal for an autocomplete component, but not completed yet. We had to manually disable the specific REST API endpoint to be able to do some basic work.

    I assume that the Latest Post block, and its author selector, will suffer from the same problem, so sites already using this block that also happen to hold a great amount of users might find out a surprise when editing a page containing the block.

    Just my 2c on the new features. Probably it might be a good idea to consider performance on expensive components before spreading them into the wild. 2 years for some basic functionality like being able to set the author of a post without needing to load all your site users sounds like probably too long for a bug to live.

    Report

    • Justin Tadlock
      · Reply

      I thought that might be an issue when I saw how they were loaded. I didn’t test it on a site with a large author number for this reason. I’m assuming this is more of a “version 1.0” of the author dropdown. Otherwise, it’s going to be problematic when it drops in core.

      Report

  13. Patrick
    · Reply

    I want to get manual builds depending on the milestone, is that possible?

    I currently run the following commands:

    git clone https://github.com/WordPress/gutenberg.git
    cd gutenberg
    npm run build:plugin-zip

    The problem with that is that I believe I got a build that includes things from milestones like “Future”, while I would only want to have a build based on the next milestone.

    Any idea how to achieve that?

    Report

Leave a Reply to David Cancel 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: