What’s new in Gutenberg? (11th December)

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/ is back to a regular schedule after a great WCUS in Nashville which included many conversations and exchanges of ideas. If you missed it, checkout Matt’s State of the Word presentation for an overview of how the year has gone and what lies ahead for Gutenberg. (It also includes a demo of 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/ or can be cost-based plugin from a third-party in action.) It was great to have new people helping at contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. and submitting pull requests. Thanks!


This release introduces global reusable blocks as the main highlight, but there are also improvements to templates (ability to lock them down), versioning 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. attributes so markup can be migrated, and many extensibility additions as well as bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes.

1.9 🐆

  • Introducing reusable global blocks. (Stored in a wp_blocks post type.)
  • Add ability to lock down the editor when using templates so edits can happen but blocks can't be removed, moved, nor added.
  • Handle and upgrade deprecated blocks. This allows to migrate attributes without invalidating blocks and an important part of the block 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..
  • Drag and drop upload support to gallery block.
  • Extensibility:
    • Expose packages/hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. public API under wp.hooks.
    • Introduces withFilters higher-order component to make component filtering easier.
    • Introduces getWrapperDisplayName helper function to make debugging ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. tree easier.
    • Introduces compose function to unify composing higher-order components.
    • Exposes hook for Block component.

Other changes

  • Updated demo post with a nicer presentation for people to test with.
  • Added automated RTL support.
  • Convert unknown shortcodes to 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. block when pasting.
  • Avoid splitting blocks during rich text pasting.
  • Disable block selection when resizing image.
  • Prefetch 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.-boxes and don't reload them on save.
  • Support for all admin color schemes.
  • Close sidebar when resizing from non mobile breakpoints to mobile sizes.
  • Apply content autop disabling filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. before do_blocks. Also fixes case where server-side rendered blocks produce extraneous whitespace in output.
  • Use cite element instead of footer for quote and pull-quote source markup.
  • Respect recency order when displaying Recent blocks.
  • Update the behavior of notices reducer to respect ID as a unique identifier, removing duplicate entries.
  • Improve quote to paragraph transformations. Fixes cases where quote would be split into two.
  • Use two flex rows instead of one wrapped row in Url modal for cleaner and more consistent display.
  • Avoid restricting endpoints to /wp/v2 in withApiData.
  • Remove duplicated and simplify inserter between blocks styles.
  • Remove unnecessary padding on top of editor when fixed toolbar is off.
  • Avoid intercepting rendering of removed meta boxes.
  • Replace redux-responsive with a simpler custom alternative, fixing a bug with IE11.
  • Fix issues with bullet-point positioning affecting block display.
  • Fix meta attributes selector not returning the correct value if edited.
  • Fix inconsistent animation on settings button.
  • Fix style issues on Custom HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block's toolbar.
  • Fix broken styles in "edit as HTML" mode.
  • Fix image block description when no image is set.
  • Fix horizontal overflow for selects with long names in sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme..
  • Fix case where link modal closes upon typing into UrlInput when toolbar is docked to the paragraph.
  • Fix webpack config issue on Node 6.
  • Fix issue with vertical arrow keys leaking to horizontal menu when toolbar is fixed to block.
  • Fix keyboard trap in the form token component and improve accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility).
  • Fix React warning when saving reusable blocks.
  • Fix issue with horizontal arrow key closing link dialog in fixed toolbar mode.
  • Fix image resize handlers in RTL mode.
  • Prevent "Add New" dropdown from overriding other plugin functionality.
  • Split Sass variables file into multiple files.
  • Updated blue links for better contrast.
  • Resolve notice when template variable is not set.
  • Added unit tests for row panel, color panel (snapshot), and warning components.
  • Add unit tests for editor actions (with further cleanup).
  • Added snapshots tests for BlockControls.
  • Added documentation for Editable component.
  • Avoid caching vendor directory in Travis.
  • Add document on snapshot testing.
  • Add node and npm version check before build gets started.
  • Update cypress and use the newly introduced Cypress.platform functionality.
  • Improve composer.json setup.
  • Improve testing overview document.

From 1.8.1

  • Add ability to switch published post back to draft.
  • Fix issue when changing column count in "text columns" block.
  • Prioritize common items in the autocomplete inserter.
  • Avoid changing publish/update button label when saving draft.
  • Add bottom padding to the editor container to improve experience of writing long posts.
  • Adjust the Classic block toolbar so it doesn't jump.
  • Colorize the little arrow on the left of the adminadmin (and super admin) menu to white to match body content.
  • Update autocomplete suggestions colors to have a sufficient color contrast ratio.
  • Abort focus update when editor is not yet initialized.

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