What’s new in Gutenberg? (28th November)

1.8

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/ 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/, 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.

• Introduce block-templates 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, 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.
• Add function to allow filtering allowed block types.
• Show popovers full screen on mobile, 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.
• Made toolbar-by-block the default after different rounds of feedback and testing. Both options are still present.

Other changes

• Provide mechanism for plugin authors 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 with color indications and collapsible panels.
• Update icon and tooltip for table of contents menu.
• Added contrast checker for paragraph color options.
• Improve 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.
• Updated notices design and positioning.
• Move 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 for blocks using the new extensibility hooks with opt-out behaviour.
• Add reusable blocks state effects.
• Remove sibling inserter from inside multi-selection blocks.
• Image block alt text enhancements.
• Increase minimum width and height of resized images.
• Allow using escape key to deselect a multi-selection.
• Preserve settings when rebooting from crash.
• Improve structure of store persist mechanism.
• Extract reusable BlockList component to allow nesting compositions.
• Extract BlockToolbar, BlockMover, BlockSwitcher, PostTitle, WritingFlow, TableOfContents, Undo/Redo Buttons, MultiBlockSwitcher, PostPublishWithDropdown, KeyboardShortcuts, DocumentOutlineCheck, PostTrashCheck, Notices,  as reusable components.
• Consolidate block naming requirements.
• Avoid persisting sidebar state on mobile devices.
• Ensure backwards compatibility to matchers syntax.
• Show untitled posts as (no title) in url auto-complete.
• Extract fixedToolbar as a prop of BlockList.
• Restore insertion point blue line.
• Display outline tree even if only one heading is used.
• Allow media upload button to specify a custom title (and fix grammar issue).
• Fix issue with block mover showing on top of url input.
• Fix case where tooltips would get stuck on buttons.
• Fix transformations between quote and list blocks.
• Fix issue with converting empty classic text to multiple blocks.
• Fix issue with audio block not updating the toolbar area.
• Fix contrast issues in button block.
• Fix change detection to maintain multiple instances of state.
• Fix text columns focus style.
• Fix 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.
• Fix styling issue with sibling inserter.
• Fix alignment of block toolbar in wide and full-width.
• Fix issue when inserting image with empty caption.
• Fix issue with sibling inserter not appearing in IE11.
• Fix issue when inserting pullquotes.
• Fix horizontal scrollbar when floating images to the left.
• Fix alignment issue with embed videos.
• Drop withContext optional mapSettingsToProps and fix issue when inserting new image.
• Require @wordpress import path for application entry points.
• Resolve errors in IE11 when using the inserter.
• Added tests for Notice and UrlInput components.
• Added tests for DefaultBlockAppender.
• Log debugging messages 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 significantly by fixing import statements.
• Update re-resizeable dependency.
• Initial document page for extensibility purposes.
• Added documentation for Editable component.
• Move all components related to the specific post-edit page into its own folder.
• Introduce snapshots for testing.

Example for how to provide a template in a CPT:

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/ https://make.wordpress.org/cli/ near you

Soon you'll be able to quickly create a block using a command like wp scaffold block my-block --theme with WP-CLI. 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.

#core-editor, #editor, #gutenberg, #gutenberg-new