Modifying Gutenberg Editor

  • Resolved Head Goldfish

    (@shoelaced)


    6 years, 11 months ago

    Perhaps I’m looking in the wrong places but I can’t find any documentation on this: Since Gutenberg is JS-based, it appears that hooks and filters that could previously be used to modify the editor layout will no longer work. For example, if I want to change the default “Add title” text in the title block or add a custom element to the sidebar. Especially for custom post types… Does all that have to be done using JS now? Is it even possible? Is there any documentation explaining how to go about doing that? Is there some kind of functions.js file that we will need to add to themes and plugins for functionality that used to go in functions.php?

    Trying to future proof my current projects, thanks for the help. I hate to be a pessimist but this roll-out seems primed to be a giant mess and I’d like to avoid as many sleepless nights fixing broken websites as possible. Surely there’s at least some kind of documentation in the works that I could look at?

Viewing 5 replies - 1 through 5 (of 5 total)

  • So much came to ask this. Shame it hasn’t been answered.

    A lot of stuff will be backwards compatible, not sure about hooks and filters, but this link has a tutorial on blocks.

    https://www.ads-software.com/gutenberg/handbook/blocks/

    Moderator Marius L. J.

    (@clorith)

    Hiya,

    Sorry this hasn’t been answered yet, the link from Joz is a great starting point though!

    So moing forward, it is beneficial to make meta content in JS if you want to really take advantage of Gutenberg, but existing meta boxes will be imported under Extended settings in the sidebar for backwards compatibility.

    As for hooks and filters, some may go away with Gutenberg, but we’re working on getting hooks and filters for JS as well in core, to really give you some flexibility (and not only in relation to Gutenberg).

    The editor text is too small for most of our staff and with the classic editor i had to make it larger. How to do that with Gutenberg?

    Moderator Marius L. J.

    (@clorith)

    You can enqueue styles to override Gutenberg defaults, just like you would enqueue them in plugins or themes. https://www.ads-software.com/gutenberg/handbook/blocks/applying-styles-with-stylesheets/ has some information on how to do this, although it’s part of a block-tutorial the steps covered there are the same and do apply to the whole admin area.

    I’d like to point out that this topic is more than 3 months old, as such I’ll be closing it after this reply. This is because Gutenberg development is moving rapidly, and scenarios from 3 months ago are unlikely to be the same today.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Modifying Gutenberg Editor’ is closed to new replies.