Title: What’s new in Gutenberg? (28th November) Author: Matias Ventura Published: November 28, 2017 Last modified: May 20, 2020 --- [ ](https://profiles.wordpress.org/matveb/) [Matias Ventura](https://profiles.wordpress.org/matveb/) 7:10 pm _on_ November 28, 2017 Tags: [core-editor ( 761 )](https://make.wordpress.org/core/tag/core-editor/), [editor ( 223 )](https://make.wordpress.org/core/tag/editor/), [gutenberg ( 553 )](https://make.wordpress.org/core/tag/gutenberg/), [gutenberg-new ( 220 )](https://make.wordpress.org/core/tag/gutenberg-new/)    # What’s new in Gutenberg? (28th November) ## 󠀁[1.8 ⌊🐝⌉](https://wordpress.org/plugins/gutenberg/)󠁿 This release introduces several under the hood improvements to support more pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory [https://wordpress.org/plugins/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. opportunities — extending existing blocks, limiting blocks available, preventing a given metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.-box from appearing in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/), etc — as well as allowing developers to specify _templates_, a list of predefined blocks. It also includes design iterations, mobile improvements, and initial work on a more rewarding publishing flow. ![](https://make.wordpress.org/core/files/2017/11/template-book-b.gif) * [Introduce block-templates](https://github.com/WordPress/gutenberg/pull/3668) as a list of blocks specification. Allows a custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. to define a pre-configured set of blocks to be render upon creation of a new item. * [New tools menu design](https://github.com/WordPress/gutenberg/pull/3456), preparing the way for more extensibility options. * BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. change: use simpler JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. object notation for declaring [attribute sources](https://github.com/WordPress/gutenberg/pull/2854). * Add function to allow filtering [allowed block types](https://github.com/WordPress/gutenberg/pull/3577). * Show popovers [full screen on mobile](https://github.com/WordPress/gutenberg/pull/3400), improving several mobile interactions. * Began work on publishing flow improvements with an indication of publishing ( or updating a published post) action by introducing a [button state and label updates](https://github.com/WordPress/gutenberg/pull/3682). * Made toolbar-by-block [the default](https://github.com/WordPress/gutenberg/pull/3632) after different rounds of feedback and testing. Both options are still present. ### Other changes * Provide [mechanism for plugin authors](https://github.com/WordPress/gutenberg/pull/3554) to fallback to classic editor when registering meta-boxes. Also includes the ability to disable a specific meta-box in the context of Gutenberg alone. * [Updated color pickers](https://github.com/WordPress/gutenberg/pull/3054) with color indications and collapsible panels. * [Update icon and tooltip](https://github.com/WordPress/gutenberg/pull/3563) for table of contents menu. * Added [contrast checker](https://github.com/WordPress/gutenberg/pull/3483) for paragraph color options. * [Improve](https://github.com/WordPress/gutenberg/pull/3609) pasting plaintext and shortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. data. * Convert unknown shortcode into shortcode block [when pasting](https://github.com/WordPress/gutenberg/pull/3610). * [Updated](https://github.com/WordPress/gutenberg/pull/3671) notices design and positioning. * [Move](https://github.com/WordPress/gutenberg/pull/3326) the URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org handler when pasting to the raw handler mechanism. * Define [custom classNames support](https://github.com/WordPress/gutenberg/pull/3562) for blocks using the [new extensibility hooks](https://github.com/WordPress/gutenberg/pull/3472) with opt-out behaviour. * Add reusable blocks [state effects](https://github.com/WordPress/gutenberg/pull/3377). * Remove sibling inserter from [inside multi-selection blocks](https://github.com/WordPress/gutenberg/pull/3246). * Image block alt text [enhancements](https://github.com/WordPress/gutenberg/pull/3591). * [Increase](https://github.com/WordPress/gutenberg/pull/3574) minimum width and height of resized images. * Allow [using escape key](https://github.com/WordPress/gutenberg/pull/3436) to deselect a multi-selection. * Preserve settings [when rebooting from crash](https://github.com/WordPress/gutenberg/pull/3500). * [Improve structure](https://github.com/WordPress/gutenberg/pull/3424) of store persist mechanism. * Extract [reusable BlockList component](https://github.com/WordPress/gutenberg/pull/3546) to allow nesting compositions. * Extract [BlockToolbar](https://github.com/WordPress/gutenberg/pull/3491), [BlockMover](https://github.com/WordPress/gutenberg/pull/3491), [BlockSwitcher](https://github.com/WordPress/gutenberg/pull/3491), [PostTitle](https://github.com/WordPress/gutenberg/pull/3517), [WritingFlow](https://github.com/WordPress/gutenberg/pull/3569), [TableOfContents](https://github.com/WordPress/gutenberg/pull/3639), [Undo/Redo Buttons](https://github.com/WordPress/gutenberg/pull/3640), [MultiBlockSwitcher](https://github.com/WordPress/gutenberg/pull/3641), [PostPublishWithDropdown](https://github.com/WordPress/gutenberg/pull/3642), [KeyboardShortcuts](https://github.com/WordPress/gutenberg/pull/3644), [DocumentOutlineCheck](https://github.com/WordPress/gutenberg/pull/3645), [PostTrashCheck](https://github.com/WordPress/gutenberg/pull/3646), [Notices](https://github.com/WordPress/gutenberg/pull/3647), as reusable components. * [Consolidate](https://github.com/WordPress/gutenberg/pull/3521) block naming requirements. * Avoid [persisting sidebar state](https://github.com/WordPress/gutenberg/pull/3331) on mobile devices. * Ensure [backwards compatibility](https://github.com/WordPress/gutenberg/pull/3519) to matchers syntax. * Show untitled posts [as (no title)](https://github.com/WordPress/gutenberg/pull/3575) in url auto-complete. * Extract fixedToolbar as a [prop of BlockList](https://github.com/WordPress/gutenberg/pull/3607). * Restore [insertion point blue line](https://github.com/WordPress/gutenberg/pull/3613). * Display outline tree even if only [one heading is used](https://github.com/WordPress/gutenberg/pull/3648). * Allow media upload button to specify a [custom title](https://github.com/WordPress/gutenberg/pull/3396)( and fix grammar issue). * [Fix issue](https://github.com/WordPress/gutenberg/pull/3471) with block mover showing on top of url input. * [Fix case](https://github.com/WordPress/gutenberg/pull/3498) where tooltips would get stuck on buttons. * [Fix transformations](https://github.com/WordPress/gutenberg/pull/3525) between quote and list blocks. * [Fix issue](https://github.com/WordPress/gutenberg/pull/3526) with converting empty classic text to multiple blocks. * [Fix issue](https://github.com/WordPress/gutenberg/pull/3443) with audio block not updating the toolbar area. * [Fix contrast issues](https://github.com/WordPress/gutenberg/pull/3556) in button block. * [Fix change detection](https://github.com/WordPress/gutenberg/pull/3544) to maintain multiple instances of state. * Fix text columns [focus style](https://github.com/WordPress/gutenberg/pull/3589). * [Fix](https://github.com/WordPress/gutenberg/pull/3530) embed categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. example in docs. * Fix button link modal [not closing](https://github.com/WordPress/gutenberg/pull/3508). * [Fix styling issue](https://github.com/WordPress/gutenberg/pull/3597) with sibling inserter. * [Fix alignment](https://github.com/WordPress/gutenberg/pull/3614) of block toolbar in wide and full-width. * [Fix issue](https://github.com/WordPress/gutenberg/pull/3634) when inserting image with empty caption. * [Fix issue](https://github.com/WordPress/gutenberg/pull/3503) with sibling inserter not appearing in IE11. * [Fix issue](https://github.com/WordPress/gutenberg/pull/3605) when inserting pullquotes. * [Fix horizontal scrollbar](https://github.com/WordPress/gutenberg/pull/3635) when floating images to the left. * [Fix alignment issue](https://github.com/WordPress/gutenberg/pull/3636) with embed videos. * Drop withContext optional mapSettingsToProps and fix issue [when inserting new image](https://github.com/WordPress/gutenberg/pull/3601). * [Require](https://github.com/WordPress/gutenberg/pull/3533) `@wordpress` import path for application entry points. * [Resolve errors](https://github.com/WordPress/gutenberg/pull/3502) in IE11 when using the inserter. * Added tests for [Notice](https://github.com/WordPress/gutenberg/pull/3583) and [UrlInput](https://github.com/WordPress/gutenberg/pull/3550) components. * Added tests for [DefaultBlockAppender](https://github.com/WordPress/gutenberg/pull/3638). * [Log debugging messages](https://github.com/WordPress/gutenberg/pull/3522) for invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also _notabug_) that indicates the ticket is not a bug, is a support request, or is generally invalid. blocks. * [Reduce build size](https://github.com/WordPress/gutenberg/pull/3531) significantly by fixing import statements. * [Update](https://github.com/WordPress/gutenberg/pull/3594) re-resizeable dependency. * [Initial document page](https://github.com/WordPress/gutenberg/pull/3567) for extensibility purposes. * [Added documentation](https://github.com/WordPress/gutenberg/pull/3346) for Editable component. * [Move](https://github.com/WordPress/gutenberg/pull/3608) all components related to the specific post-edit page into its own folder. * [Introduce snapshots](https://github.com/WordPress/gutenberg/pull/3590) for testing. --- Example for how to provide a template in a CPT: ```wp-block-code function register_book_type() { $args = array( 'public' => true, 'label' => 'Books', 'show_in_rest' => true, 'template' => array( array( 'core/image' ), array( 'core/heading', array( 'placeholder' => 'Author...', ) ), array( 'core/paragraph', array( 'placeholder' => 'Add book description...', ) ), ), ); register_post_type( 'book', $args ); } add_action( 'init', 'register_book_type' ); ``` ### Coming to a _WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is 󠀁[http://wp-cli.org/](http://wp-cli.org/)󠁿 󠀁[https://make.wordpress.org/cli/](https://make.wordpress.org/cli/)󠁿_ near you [Soon](https://github.com/wp-cli/scaffold-command/pull/96) you'll be able to quickly create a block using a command like `wp scaffold block my-block --theme` with [WP-CLI](http://wp-cli.org/). It'll setup a new block registration with the passed slug and theme (or plugin) as the namespace. This will all be added to [the handbook](https://wordpress.org/gutenberg/handbook/). [#core-editor](https://make.wordpress.org/core/tag/core-editor/), [#editor](https://make.wordpress.org/core/tag/editor/), [#gutenberg](https://make.wordpress.org/core/tag/gutenberg/), [#gutenberg-new](https://make.wordpress.org/core/tag/gutenberg-new/) ### Share this: * [ Threads ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=threads) * [ Mastodon ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=bluesky) * [ X ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=x) * [ Facebook ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=facebook) * [ LinkedIn ](https://make.wordpress.org/core/2017/11/28/whats-new-in-gutenberg-28th-november/?share=linkedin) 1. ![](https://secure.gravatar.com/avatar/1718b7c2f2afc31b4e94805b6f1f6ae2b802cc4c696f99b11fde2186006c82c9? s=32&d=mm&r=g) 2. [Pascal Birchler](https://profiles.wordpress.org/swissspidy/) 10:30 pm _on_ November 28, 2017 3. I think it‘s high time to bump that „Tested up to“ value in the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory [https://wordpress.org/plugins/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party.. People in the forums/reviews thought GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/) wasn‘t compatible with 4.9 and stopped using it. This shouldn‘t happen. 4. * ![](https://secure.gravatar.com/avatar/56bab68692c2a170323d65a02b2faec6c12e2b5eda10f0ee5b53610416f389d4? s=32&d=mm&r=g) * [Matias Ventura](https://profiles.wordpress.org/matveb/) 5:17 pm _on_ November 29, 2017 * Definitely, good call. Should be updated now. 5. ![](https://secure.gravatar.com/avatar/21e0ebb61bf38fac73d8e0d4b978ab45dff9d56da4526ebc42ca14c4edbfa09c? s=32&d=mm&r=g) 6. [Grant Palin](https://profiles.wordpress.org/grantpalin/) 10:52 pm _on_ November 28, 2017 7. I like that template idea. Allows content types to start with a guided editing experience. I wonder if that means (or it can be extended to) allowing *only* specific blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. types for a content type. 8. * ![](https://secure.gravatar.com/avatar/56bab68692c2a170323d65a02b2faec6c12e2b5eda10f0ee5b53610416f389d4? s=32&d=mm&r=g) * [Matias Ventura](https://profiles.wordpress.org/matveb/) 5:18 pm _on_ November 29, 2017 * Restricting what blocks show up is already possible in a few different ways, like: [https://wordpress.org/gutenberg/handbook/extensibility/#hiding-blocks-from-the-inserter](https://wordpress.org/gutenberg/handbook/extensibility/#hiding-blocks-from-the-inserter) - ![](https://secure.gravatar.com/avatar/21e0ebb61bf38fac73d8e0d4b978ab45dff9d56da4526ebc42ca14c4edbfa09c? s=32&d=mm&r=g) - [Grant Palin](https://profiles.wordpress.org/grantpalin/) 1:09 am _on_ December 1, 2017 - Cool. Between that and the new templates feature, it looks like controlled editing experiences will be possible within GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/). 9. ![](https://secure.gravatar.com/avatar/0608b540c7da83b396fd9a453ad1ac0298152522bc3a06888d41649e4024a089? s=32&d=mm&r=g) 10. [Ahmad Awais](https://profiles.wordpress.org/mrahmadawais/) 12:21 am _on_ November 29, 2017 11. The new templates and initial pass on WPCLI Scaffolding for creating new blocks is pretty awesome. 🔥 12. ![](https://secure.gravatar.com/avatar/d94bdc8e970ce9c05a299f54838f522dafcf3d9379cfbea2ca2c848497bb6732? s=32&d=mm&r=g) 13. [leemon](https://profiles.wordpress.org/leemon/) 11:56 am _on_ November 29, 2017 14. The question is, how to connect this new template placeholders to the corresponding custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. fields? I can’t see this anywhere… 15. ![](https://secure.gravatar.com/avatar/6e5269b38288a265af4e090d6c66ff524de5f05880de5647a88da857994ee21c? s=32&d=mm&r=g) 16. [ptasker](https://profiles.wordpress.org/ptasker/) 3:44 pm _on_ December 1, 2017 17. Looking good. One thing I’ve noticed while building custom blocks is that it’s not really documented how/when to create a custom component. What’s the best way to create a completely custom component? Is it basically extending `’wordpress/ element’;`? Comments are closed. # Post navigation [← WordPress 4.9.1 beta](https://make.wordpress.org/core/2017/11/28/wordpress-4-9-1-beta/) [Dev Chat Agenda for November 29th (4.9.1 week 2) →](https://make.wordpress.org/core/2017/11/29/dev-chat-agenda-for-november-29th-4-9-1-week-2/)