{"id":948036,"date":"2021-06-17T12:44:36","date_gmt":"2021-06-17T12:44:36","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=948036"},"modified":"2024-01-14T03:49:45","modified_gmt":"2024-01-14T03:49:45","slug":"wordpress-5-8-blocks-pattern-directory","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/wordpress-5-8-blocks-pattern-directory\/","title":{"rendered":"What’s Coming In WordPress 5.8: Advanced Blocks, Pattern Directory & Lots of Improvements"},"content":{"rendered":"

WordPress 5.8<\/b><\/a> is now available for beta testing and has been scheduled to be released on <\/span>July 20th, 2021.<\/b> It will come jam-packed with tons of new features, advanced blocks, a new <\/span>pattern directory<\/b> and tons of more improvements. Let’s find out what\u2019s coming with this latest WordPress update.<\/span><\/p>\n

<\/p>\n

\"WordPress<\/p>\n

 <\/p>\n

Introduction Of Pattern Directory & New Blocks<\/strong><\/h2>\n

With the introduction of <\/span>block patterns<\/b> that came with the release of <\/span>WordPress 5.5<\/b><\/a> creating beautiful pages and websites in Gutenberg editor has become easier than ever. Now, with WordPress 5.8, we are excited to see the launch of the <\/span>new pattern directory<\/b><\/a>, which users can access from WordPress.org.\u00a0<\/span><\/p>\n

\"WordPress<\/p>\n

Block patterns give WordPress users more flexibility and allow them to be more creative when it comes to designing web pages. You can easily convert any collection of blocks with one click to make a unique pattern. And now, with the upcoming latest version of WordPress, you will be able to find tons of ready block patterns with the launch of the <\/span>new pattern directory <\/b>on WordPress.org.<\/span><\/p>\n

It should be noted that the pattern directory will not be integrated into the WordPress admin dashboard <\/span>yet<\/span><\/i>. Web creators can simply copy a pattern they like from the pattern directory on WordPress.org and paste it into their editor.\u00a0<\/span><\/p>\n

\"WordPress<\/p>\n

New Block-Based Widgets Screen For More Flexibility<\/strong><\/h2>\n

Another new feature that we are getting with WordPress 5.8 is the block-based widget editor<\/strong>. You can now effortlessly add any kind of blocks in widget areas of your website. This gives you more flexibility when customizing your website, and opens up new possibilities for web design and creativity with the latest version of WordPress.<\/span><\/p>\n

You can access the widget editor and add blocks in widget areas in two ways. From your WordPress dashboard, you can head over to <\/span>Appearance\u2192 Widgets <\/b>as shown below and insert any block you want in the widget areas of your website.<\/span><\/p>\n

\"WordPress<\/p>\n

 <\/p>\n

Alternatively, you can also go into the WordPress Customizer and click on the <\/span>\u2018Widgets\u2019<\/b> tab. From here, you can choose whichever blocks you want and customize them to your preferences in the widget areas of your website.<\/span><\/p>\n

\"WordPress<\/p>\n

 <\/p>\n

If you use third-party widgets on your website, you can continue doing so with WordPress 5.8 with the <\/span>Legacy Widget block<\/b><\/a>. It will allow you to add and edit third-party widgets with the new WordPress update.\u00a0<\/span><\/p>\n

Not quite a fan of this new way of adding blocks as widgets? Don\u2019t worry, you can install and activate the<\/span> Classic Widgets <\/b><\/a>plugin to disable the block-based widgets screen and revert to the previous, familiar widgets screen.\u00a0<\/span><\/p>\n

Improved Template Editor For Custom Page Templates<\/strong><\/h2>\n

WordPress 5.8 will come with a <\/span>new template editor<\/b> that will allow users to create their own custom post or page templates by using the block editor. When you are editing a post or page in Gutenberg, you can click on the <\/span>\u2018Template\u2019<\/b> option in the right sidebar.\u00a0<\/span><\/p>\n

From there you can choose an existing template from the dropdown menu or save your current page as a template by clicking on the <\/span>\u2018New\u2019<\/b> link as shown below.<\/span><\/p>\n

\"\"<\/p>\n

This will open up the Template Editor<\/strong> where you can customize your page template by adding blocks or block patterns. You can also rename your template or delete it from the dropdown menu at the top of your template editor.<\/span><\/p>\n

\"\"<\/p>\n

With this new template editor from the latest version of WordPress, we are one step closer to full site editing features with the default block editor. You can save yourself hours by creating templates for pages and posts and simply insert them whenever you need to maintain a <\/span>consistent design system<\/b><\/a> for your website.\u00a0<\/span><\/p>\n

New Advanced Theme Blocks, Duotone & Query Loop<\/strong><\/h2>\n

WordPress 5.8 will introduce tons of <\/span>new theme blocks<\/b> that will take web creators one step further towards full site editing with Gutenberg. In addition to these theme related blocks, we can also expect to see cool new duotone effects for images and an advanced <\/span>query loop block<\/b> for showcasing your content beautifully in a feed.<\/span><\/p>\n

Post Title, List, Content, Excerpt And Date Blocks<\/strong><\/h3>\n

The latest version of WordPress will come up with several dynamic blocks for your posts. These include the Post Title block, Post List, Post Content, Post Excerpt and even a Post Date block.<\/span><\/p>\n

\"WordPress<\/p>\n

New Blocks For Site Logo, Title, Tagline & Page Lists<\/strong><\/h3>\n

Similarly, with WordPress 5.8 we will also get new several theme blocks for website design such as Site Logo block, Site Title and Site Tagline blocks.<\/span><\/p>\n

\"WordPress
\nIn addition to this, with the <\/span>Page Lists<\/b> block, web creators now can quickly display a list of all their pages in the block editor. If you want you can even add this block to widget areas to help improve navigation for your website and redirect site visitors to different pages on your website.<\/span><\/p>\n

\"\"<\/p>\n

As of now, there isn\u2019t any option to choose which pages should be displayed with the <\/span>Page Lists<\/b> block. The block will automatically display every page that is published on your website.<\/span><\/p>\n

Advanced Query Loop Block & Duotone For Image Blocks<\/strong><\/h2>\n

Another powerful block that you will get with WordPress 5.8 is the new <\/span>Query Loop<\/b> block. You can display a list of all your posts and customize the appearance using this advanced block in Gutenberg. There are tons of premade layout options available for you to choose from, and you can even create a new post specifically to be displayed in this feed.<\/span><\/p>\n

\"\"<\/p>\n

That\u2019s not all though. With the latest version of WordPress, you can add an amazing duotone effect to all your image blocks with one click in Gutenberg. There are tons of ready duotone color effects to choose from, you can customize the duotone effect further by picking custom colors with this block.<\/span><\/p>\n

\"WordPress<\/p>\n

As you can see, this block lets you add extra styling to your images easily with only a few clicks. And the ability to add custom duotone colors will help you make your web pages truly stand out.<\/span><\/p>\n

Enhanced Gutenberg Editor For Easier Page Building<\/strong><\/h2>\n

As always, with every WordPress update, we see tons of new improvements in the default block editor. WordPress 5.8 is no exception.\u00a0<\/span><\/p>\n

With the release of <\/span>WordPress 5.8<\/b>, page building in Gutenberg editor will be smoother and faster than before introducing several new advanced blocks and improvements in user interface and drag-and-drop functionality.\u00a0<\/span><\/p>\n

Let\u2019s take a look at all the upcoming changes that we can expect from the latest version of WordPress below.<\/span><\/p>\n

List View Option For Easier Page Building In Gutenberg<\/strong><\/h3>\n

When you are creating and designing pages in Gutenberg editor, it might be hard to navigate quickly from one section to another or one block from another. Especially if your design involves adding many different types of blocks.<\/span><\/p>\n

To help you design pages easier and faster in the default editor, the latest version of WordPress will come with a <\/span>\u2018List View\u2019 <\/b>option for Gutenberg.<\/span><\/p>\n

\"WordPress<\/p>\n

By enabling this option, you can get a bird\u2019s-eye view of all the blocks used on your page or post. You can even see where each block has been used and click on their names to quickly jump to that particular section.<\/span><\/p>\n

\"WordPress<\/p>\n

Customizable Size For Social Icons Block<\/strong><\/h3>\n

The social icons block will see some improvements with WordPress 5.8. You can now easily change the size of your social icons without having to add custom codes in the block editor.\u00a0<\/span><\/p>\n

\"WordPress<\/p>\n

Vertical & Horizontal Layouts For Button Blocks<\/strong><\/h3>\n

With WordPress 5.8 you can now customize the layout of your button blocks. If you are adding multiple buttons in one section of your page, you can enhance the appearance of your website with vertical or horizontal layouts.\u00a0<\/span><\/p>\n

Simply select the button block and then click on the <\/span>\u2018Transform to variation\u2019<\/b> drop-down menu from the right-hand sidebar as shown below. You can then choose between a vertical or horizontal layout for showcasing your buttons in Gutenberg editor.<\/span><\/p>\n

\"\"<\/p>\n

Added Support For WebP Image Format<\/strong><\/h2>\n

WebP<\/strong> is an image format that was introduced last year by Google and it is the<\/span> most modern image file format<\/b> that is supported by the majority of all web browsers. It is so popular now because of its smaller size compared to PNG or JPEG images and therefore can help improve your website speed.<\/span><\/p>\n

By adding support for WebP image formats with the latest version of WordPress, users now have an opportunity to reduce their bandwidth and optimize their website performance a bit more efficiently.<\/span><\/p>\n

End Of Support For Internet Explorer 11\u00a0<\/strong><\/h2>\n

The latest WordPress update will no longer support Internet Explorer 11. So if you are still using this browser, it is strongly recommended that you switch to a modern web browser such as Google Chrome, Mozilla Firefox, Safari or even Microsoft Edge.<\/span><\/p>\n

New Streamlined Default Color Palette<\/strong><\/h2>\n

WordPress 5.8 comes with a revamped, streamlined default color palette for WordPress admin dashboard that complies with the new accessibility standards. The new range of shades meets the <\/span>WCAG 2.0 AA recommended<\/b><\/a> contrast ratio and uniformly moves from lighter to darker shades within the range. This new WordPress update is an important step towards making websites more accessible for all users.<\/span><\/p>\n

\"\"<\/p>\n

One-Click Switching From HTTP To HTTPS\u00a0<\/strong><\/h2>\n

Another important update that we can expect from WordPress 5.8 is the <\/span>one-click shifting from HTTP to HTTPS<\/b>. This means that any website that previously did not have SSL encryption can quickly shift to HTTPS and WordPress will automatically update all links in your website database during the switch. This will save you hours looking for links that will require updating when you shift from HTTP to HTTPS.<\/span><\/p>\n

New Robots API\u00a0 & Default Lazy Load For iFrames<\/strong><\/h2>\n

Default lazy loading was a feature that came with <\/span>WordPress 5.5 <\/b>to help reduce the lazy load for images. This helps you improve your site visitor\u2019s experience as your images will load quickly when they visit a page on your website.<\/span><\/p>\n

Now with WordPress 5.8, lazy loading has been enabled by default for iFrames too. If the width and height of your iFrames are specified, WordPress will add the lazy loading tag to your iFrames automatically.<\/span><\/p>\n

Besides this, the latest version of WordPress will also introduce a <\/span>new Robots API<\/b>. This will automatically allow search engines to display large previews for images on your website which can help boost your traffic.\u00a0<\/span><\/p>\n

Tons Of Bug Fixes And Other Enhancements<\/strong><\/h2>\n

Whenever a WordPress update is released, tons of bugs are fixed and new enhancements are added by the release team behind it. The latest version of WordPress will also have lots of improvements. At the moment, WordPress 5.8 Beta 2 is available for testing and already <\/span>more than 214 bugs have been fixed<\/b> by the contributors.\u00a0<\/span><\/p>\n

Note:<\/i><\/b> As WordPress 5.8 is still in its beta phase, some of the features mentioned below may not be available in the final release.<\/span><\/i><\/span><\/p>\n

Bonus: How To Test WordPress 5.8 Beta On Your Site?<\/strong><\/h2>\n

As you can see, the latest version of WordPress will come with tons of new features and is so far the second major WordPress update for 2021. If you want to see what\u2019s coming in the upcoming WordPress release, or you want to help contribute by testing for bugs in the latest version of WordPress, then try out WordPress 5.8 Beta<\/strong> today.<\/span><\/p>\n

Follow the steps below to test the new upcoming WordPress update:<\/span><\/p>\n

\u2611\ufe0f Create a test site or a staging website. You can check out our guide on how to <\/span>install WordPress on Localhost<\/b><\/a> here to find out how to do this.<\/span><\/p>\n

\u2611\ufe0f Install and activate the\u00a0WordPress Beta Tester<\/strong><\/a> plugin on your local site. Then navigate to <\/span>Tools\u2192 Beta Testing <\/b>from your dashboard.\u00a0<\/span><\/p>\n

\u2611\ufe0f Next, select the \u2018Bleeding edge\u2019 option and afterward, select the \u2018Beta\/RC Only\/ option and save your changes to start testing WordPress 5.8.<\/span><\/p>\n

Alternatively, you can also directly <\/span>download the WordPress 5.8 Beta version<\/b><\/a> in zip file format and install it on your local site.\u00a0<\/span><\/p>\n

Stay tuned for more news and WordPress updates, and make sure to come back and see what features made it to the final release of the latest version of WordPress 5.8 here. Don\u2019t forget to subscribe to our blog<\/strong><\/a> or join our friendly Facebook Community<\/strong><\/a> to get all the latest updates and fun tutorials.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

The latest upcoming release of WordPress comes with tons of new features, advanced blocks, a new pattern directory and several improvements. Check out what you can expect from WordPress 5.8.<\/p>\n","protected":false},"author":25294,"featured_media":1113254,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[70,434],"tags":[1496,1497,1498,1494,1495,777,219],"class_list":["post-948036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-wordpress","tag-latest-version-of-wordpress","tag-new-wordpress-update","tag-pattern-directory","tag-wordpress-5-8","tag-wordpress-release","tag-wordpress-update","tag-wordpress-website"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[25294,46053],"highlights":[],"isAutoShareEnabled":false,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":1238,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/948036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/25294"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=948036"}],"version-history":[{"count":16,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/948036\/revisions"}],"predecessor-version":[{"id":1129986,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/948036\/revisions\/1129986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/1113254"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=948036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=948036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=948036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}