Call for Testing: Gutenberg 4.1 Pre-release

The feature-complete version of 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/ (4.1) is now ready for pre-release testing! Gutenberg is currently the main focus for the testing group and it is the new editing experience in WordPress. The goal of Gutenberg is to simplify the creation of rich pages and posts in WordPress by replacing old custom HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites., CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site., and shortcodes with native Blocks.

UPDATE: Links have been updated to 4.1 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. 2 as of Oct 22, 2018, 12:11 PM UTC.

To help test, please download gutenberg.zip from the releases page or use the button above, install/activate 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, and try testing any of the items listed below (or anything listed in the 4.1 release notes). Testing even just a few items is helpful. All testing is welcome!

  1. Move around in a long post or page using 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. navigation. (10545)
  2. Add a video background using the Cover block. Try different browsers. (10659)
  3. Add a table block and change the style variation to striped using the Settings > Block 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.. (1042810543)
  4. Use the Media & Text block to add side-by-side media and text. (9416)
  5. Resize things in the Media & Text block in various ways.  (9416)
  6. 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): test the date picker. (7621)
  7. Accessibility: test the color picker using keyboard navigation. (10564)
  8. Check that each setting in More > Options works and persists when the page reloads. (10215)
  9. Add a list block and try pasting both single lines and multiple lines into it. (10614)
  10. Insert an image using a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. (9264)
  11. Switch to an RTL language and try the LTR toggle button in the paragraph block. (10663)
  12. Add a quote block, convert it to a pullquote, convert it back to a quote. (10683)
  13. Add a quote block with a citation, convert it to a paragraph block, make sure the citation is still there. (10685)
  14. Embed some YouTube videos and make sure they look as expected in the editor and after publishing. (10411)
  15. Test the custom color picker for the button block on mobile. (10481)
  16. Test the responsiveness of the Columns block—still designated betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. but improvements have been made, try just a few columns for now. (10541)
  17. Enable or disable Advanced Panels (AKA 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) using More > Options. (10215)
  18. Bonus: test with Advanced Custom Forms (ACF) and check that you can toggle the Custom Fields meta box on/off using the More > Options panel. (10676)
  19. Bonus: test with Yoast SEO.
  20. There is more to test! See What’s new in Gutenberg? (19th Oct) and general needs-testing.

If you find a new bug, please file it in gutenberg on GitHub. Thank you!

Block developers: note the deprecation in 4.1wp.data.dispatch( 'core/editor' ).checkTemplateValidity has been removed. Please look ahead and keep an eye on deprecations in 4.2 as well! There are several coming up as prep for merging with WordPress 5.0 is now underway.

Please join us in #core-test on WordPress Slack any time if you have questions about testing!

#4-1, #call-for-testing, #editor, #gutenberg