{"id":10283,"date":"2024-11-19T14:53:07","date_gmt":"2024-11-19T14:53:07","guid":{"rendered":"https:\/\/www.fastcomet.com\/blog\/?p=10283"},"modified":"2025-04-16T11:20:29","modified_gmt":"2025-04-16T11:20:29","slug":"wordpress-6-7","status":"publish","type":"post","link":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7","title":{"rendered":"WordPress 6.7 &#8211; Design Additions and More!"},"content":{"rendered":"\n<p class=\"has-drop-cap\">It is November again and the holiday season is upon us. Thanksgiving is around the corner and the most anticipated shopping days are almost within our grasp. However, there is one more big event in the online world that occurs during this month. It is the release of a new WordPress update! WordPress 6.7 has arrived as the third major update of the year, right on schedule!<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>WordPress 6.7 brings a ton of new and exciting features and improvements and we cannot wait to tell you about them. If you were looking to tinker with your website before the holiday break begins, you will be pleasantly surprised by all the cool new things this update packs. As is customary, it introduces next year\u2019s theme (Twenty Twenty-Five) and also focuses heavily on design enhancements. We will discuss those two significant changes in this blog post and more, so read on!<\/p>\n\n\n<div class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-6b30dbf1-2a87-44fb-a347-bc3e06e5c15b\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">In This Blog Post:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column \">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#0-twenty-twenty-five\" style=\"\">Twenty Twenty-Five<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#1-design-additions\" style=\"\">Design Additions<\/a><ul><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#2-zoom-out\" style=\"\">Zoom Out<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#3-fluid-typography\" style=\"\">Fluid Typography<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#4-column-and-group-styles\" style=\"\">Column and Group Styles<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#5-gallery-lightbox\" style=\"\">Gallery Lightbox<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#6-miscellaneous-design-additions\" style=\"\">Miscellaneous Design Additions<\/a><ul><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#7-block-background-support\" style=\"\">Block Background Support<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#8-block-border-and-color-support\" style=\"\">Block Border and Color Support<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#9-image-block-to-gallery-block\" style=\"\">Image Block to Gallery Block<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#10-data-views-enhancements\" style=\"\">Data Views Enhancements<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#11-query-loop-block\" style=\"\">Query Loop Block<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#12-additional-improvements\" style=\"\">Additional Improvements<\/a><\/li><li style=\"\"><a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#13-it-is-time-to-update\" style=\"\">It is Time to Update<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-twenty-twenty-five\">Twenty Twenty-Five<\/h2>\n\n\n\n<p>Yearly themes are a tradition for WordPress and release 6.7 brings us the Twenty Twenty-Five theme. It is a minimalistic, intuitive, but also incredibly flexible addition to the impressive fleet of default block themes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-homepage-1024x662.png\" alt=\"FastComet WordPress 6.7 Twenty Twenty-Five Homepage\" class=\"wp-image-10284\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-homepage-1024x662.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-homepage-300x194.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-homepage-768x497.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-homepage.png 1390w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>While it is a simple theme at first glance, Twenty Twenty-Five hides a lot of potential under the hood. The theme comes with a ton of styles and <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-6#0-synced-pattern-overrides\" target=\"_blank\" rel=\"noreferrer noopener\">patterns<\/a> (block templates) that leverage its true power: customization. Because of these pre-made styles and patterns, users can adapt the theme to their own specific needs easily.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns-1024x530.png\" alt=\"FastComet WordPress 6.7 Twenty Twenty-Five Patterns\" class=\"wp-image-10285\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns-1024x530.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns-300x155.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns-768x398.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns-1536x795.png 1536w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-twenty-twenty-five-patterns.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The theme is also incredibly lightweight and responsive, making it perfect for websites that need to load quickly and must adapt to different screen sizes. All of this makes Twenty Twenty-Five an excellent choice for websites that do not require complex functionality and options. For example, bloggers will love this theme. It does not take much effort to customize it. There are patterns for almost any essential page type you might need.<\/p>\n\n\n\n<p>As you can see in the screenshot above, there are multiple page patterns on the left and you can add any of those to your website with just a few clicks. Additionally, you need not worry about infringing on copyright. All of the images the patterns come with are from WordPress\u2019 own <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-2#6-openverse-free-media-library-\" target=\"_blank\" rel=\"noreferrer noopener\">Openverse<\/a> free image library. All pictures in the library are free for users to use any way they wish.<\/p>\n\n\n\n<p>The theme might not look like much at a glance, but once you start working with it you will see the sheer potential it has.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-design-additions\">Design Additions<\/h2>\n\n\n\n<p>A major focus of the WordPress 6.7 release are the multiple design additions it introduces. All of these are cool new features that will make creating and customizing your website a much more pleasant experience with less hassle. We have chosen to feature the most prominent ones that users will find useful.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-zoom-out\">Zoom Out<\/h3>\n\n\n\n<p>If you have ever been frustrated that you cannot get a better look at the entire page or post you are editing, then this change is for you! WordPress 6.7 introduces a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50739\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">zoom-out<\/a> feature that does exactly as advertised! It zooms out the editor (page or post), so you can see how your edits will look like.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"994\" style=\"aspect-ratio: 1918 \/ 994;\" width=\"1918\" controls src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-zoom-out-video.mp4\"><\/video><\/figure>\n\n\n\n<p>As you can see from the clip above, zooming out is a good way to gauge how your page or post will look in its entirety. That is especially useful when working with complex block patterns so you can keep an eye on how the whole layout works out, instead of on just a small part of it.<\/p>\n\n\n\n<p>Not only that, but you can also see you can edit in this zoomed out mode, too. You have full reign over your page or post, whether zoomed in or out. In our opinion, working zoomed out is a much better experience when dealing with the overall design of a page. To read more about this mode, check out the <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/developer-notes-for-zoom-out-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">developer notes<\/a> themselves.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-fluid-typography\">Fluid Typography<\/h3>\n\n\n\n<p>Responsiveness is a huge deal nowadays and WordPress 6.7 introduces a feature that will help immensely with that.<\/p>\n\n\n\n<p>The update offers users increased control over font sizes across their websites. Users can create font size presets which they can use on any page or post. Not only that, but the <strong>Fluid Typography<\/strong> option will resize the font to better fit the screen it is viewed on, while remaining readable.<\/p>\n\n\n\n<p>To use this new feature head to the <strong>Styles <\/strong>section of the <strong>Editor<\/strong> (<strong>Appearance &gt; Editor<\/strong>) and click the <strong>Edit <\/strong>button after selecting your preferred Style. Then, from the menu on the right, select <strong>Typography<\/strong>. There you will see your typical font controls, but at the bottom is what you are looking for: <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63057\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Font Size Presets<\/strong><\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1025\" height=\"935\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-font-size-presets.png\" alt=\"FastComet WordPress 6.7 Font Size Presets\" class=\"wp-image-10287\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-font-size-presets.png 1025w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-font-size-presets-300x274.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-font-size-presets-768x701.png 768w\" sizes=\"auto, (max-width: 1025px) 100vw, 1025px\" \/><\/figure>\n\n\n\n<p>Here you can fully customize your font size presets: add, remove or edit them as per your needs. Additionally, under every preset you can enable <strong>Fluid Typography<\/strong>. It will ensure that no matter what size the display, the text will scale accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"742\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-fluid-typography.png\" alt=\"FastComet WordPress 6.7 Fluid Typography\" class=\"wp-image-10288\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-fluid-typography.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-fluid-typography-300x217.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-fluid-typography-768x557.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Fluid Typography<\/strong> is turned on for all the default font size presets, except for the <em>Small<\/em> one. Finally, on the topic of fonts: each font you have installed is now <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63211\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">grouped by source<\/a>, making it easier to determine the origin of each font at a glance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-column-and-group-styles\">Column and Group Styles<\/h3>\n\n\n\n<p>Styles were introduced in <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-0#h-global-styles-switching\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress 6.0<\/a> and have seen considerable improvements since then, but not all blocks supported them. With WordPress 6.7 the <strong>Column<\/strong> and <strong>Group<\/strong> blocks can now have styles applied to them, separate from the global website styles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"677\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-column-styles-1024x677.png\" alt=\"FastComet WordPress 6.7 Column Styles\" class=\"wp-image-10289\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-column-styles-1024x677.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-column-styles-300x198.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-column-styles-768x508.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-column-styles.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When editing your <strong>Column <\/strong>or <strong>Group<\/strong> block, simply go to the <strong>Styles<\/strong> tab and there you will find the equally named <strong>Styles<\/strong> presets. You can change them on the fly as you see fit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-gallery-lightbox\">Gallery Lightbox<\/h3>\n\n\n\n<p>The Interactivity API was introduced in <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-5#1-interactivity-api-\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress 6.5<\/a> and through it developers can more easily add JavaScript interactivity, instead of having to rely on separate libraries. With WordPress 6.7 the API is becoming not only more stable and efficient, but is also getting an exciting new feature.<\/p>\n\n\n\n<p>Users can now add a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/62906\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">lightbox functionality<\/a> to their images. This functionality will allow visitors to expand an image directly in the website\u2019s window, dimming the rest of the website in the background.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"892\" style=\"aspect-ratio: 1024 \/ 892;\" width=\"1024\" controls src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-lightbox.mp4\"><\/video><\/figure>\n\n\n\n<p>To activate this functionality on any image, whether in the <strong>Image<\/strong> or <strong>Gallery<\/strong> block, simply click on it and select the <strong>Expand on Click <\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-lightbox-option.png\" alt=\"FastComet WordPress 6.7 Lightbox Option\" class=\"wp-image-10290\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-lightbox-option.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-lightbox-option-300x200.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-lightbox-option-768x513.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This concludes all the major design additions in WordPress 6.7. However, there are a few more minor ones left to mention.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6-miscellaneous-design-additions\">Miscellaneous Design Additions<\/h2>\n\n\n\n<p>Aside from the major features we mentioned in the previous section, the new release also includes a number of smaller improvements to block design and functionality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-block-background-support\">Block Background Support<\/h3>\n\n\n\n<p>Firstly, the <strong>Verse<\/strong>, <strong>Quote<\/strong>, and <strong>Post Content <\/strong>blocks now have support for a background image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-quote-background-1024x567.png\" alt=\"FastComet WordPress 6.7 Quote Block Background\" class=\"wp-image-10291\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-quote-background-1024x567.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-quote-background-300x166.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-quote-background-768x425.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-quote-background.png 1271w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To assign one, simply head to the <strong>Editor<\/strong> from the <strong>Appearance <\/strong>menu in your dashboard. Then, edit your desired <strong>Style<\/strong> and find the block from the list on the right. Then, in the menu, you will see the <em>Background Image<\/em> section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-block-border-and-color-support\">Block Border and Color Support<\/h3>\n\n\n\n<p>Next, a multitude of blocks have received border support, which they were lacking with previous versions of WordPress. Here is the list.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><strong>Button<\/strong><\/li>\n\n\n\n<li><strong>Categories<\/strong><\/li>\n\n\n\n<li><strong>Gallery<\/strong><\/li>\n\n\n\n<li><strong>Group<\/strong><\/li>\n\n\n\n<li><strong>Heading<\/strong><\/li>\n\n\n\n<li><strong>Media<\/strong><\/li>\n\n\n\n<li><strong>Paragraph<\/strong><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><strong>Post Excerpt<\/strong><\/li>\n\n\n\n<li><strong>Post Terms<\/strong><\/li>\n\n\n\n<li><strong>Post Title<\/strong><\/li>\n\n\n\n<li><strong>Quote<\/strong><\/li>\n\n\n\n<li><strong>Site Tagline<\/strong><\/li>\n\n\n\n<li><strong>Site Title<\/strong><\/li>\n\n\n\n<li><strong>Social Links<\/strong><\/li>\n\n\n\n<li><strong>Term Description<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p>Additionally, these blocks now have color support.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button<\/strong><\/li>\n\n\n\n<li><strong>List Item<\/strong><\/li>\n\n\n\n<li><strong>Latest Comments<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Finally, the <strong>Gallery <\/strong>block has shadow support at long last. Developers and designers have been asking for that one a lot.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-image-block-to-gallery-block\">Image Block to Gallery Block<\/h3>\n\n\n\n<p>Finally, to round off this section about design additions and improvements, an <strong>Image<\/strong> block will now automatically <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65030\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">turn into a <strong>Gallery <\/strong>block<\/a> when you assign multiple images to it.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"464\" style=\"aspect-ratio: 1918 \/ 464;\" width=\"1918\" controls src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-image-to-gallery.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"10-data-views-enhancements\">Data Views Enhancements<\/h2>\n\n\n\n<p>Data Views were introduced in WordPress 6.5 as a way to improve the way the <strong>Site Editor <\/strong>displays datasets. In other words, Data Views bring enhancements to how the <strong>Editor<\/strong> displays items.<\/p>\n\n\n\n<p>WordPress 6.7 brings several quality of life improvements to Data Views in the form of view customization. The first new option is the gear icon in the top right of the page. This opens the <strong>Appearance<\/strong> options where you can change the view layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu-1024x530.png\" alt=\"FastComet WordPress 6.7 Data Views Appearance Menu\" class=\"wp-image-10292\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu-1024x530.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu-300x155.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu-768x398.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu-1536x795.png 1536w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-data-views-appearance-menu.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>From here you can change how the view <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63416\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sorts the items<\/a> it is displaying and in what order. You can also change the <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60630\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">grid density<\/a> and also specify how many items appear per page.<\/p>\n\n\n\n<p>Additionally, there is a button next to the search bar to <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63203\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">show or hide filters<\/a> which will also indicate the number of active filters. These Data View improvements are available in the <strong>Site Editor<\/strong> for the <em>Pages<\/em>, <em>Templates<\/em>, and <em>Patterns<\/em> sections.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"11-query-loop-block\">Query Loop Block<\/h2>\n\n\n\n<p>The <strong>Query Loop Block <\/strong>is seeing some significant improvements in WordPress 6.7. It was previously not intuitive to use, but this update changes that and makes things much more straightforward.<\/p>\n\n\n\n<p>Firstly, the settings for number of items, offset, and max pages are now located <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58207\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">within the block\u2019s settings themselves<\/a>, making them much more easy to manipulate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"921\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-query-loop-settings.png\" alt=\"FastComet WordPress 6.7 Query Loop\" class=\"wp-image-10293\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-query-loop-settings.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-query-loop-settings-300x270.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/fastcomet-wordpress-6-7-query-loop-settings-768x691.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The second big change for the <strong>Query Loop Block<\/strong> in WordPress 6.7 is that when you add it into a single post, page or custom content type area, the <strong>Query Type<\/strong> control will always default <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65067\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">to custom<\/a>. However, when using it in a template, the post-per-page setting will instead <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63358\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">be inherited<\/a>.<\/p>\n\n\n\n<p>Finally, the block has one more improvement, allowing you to <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64167\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">filter querying posts by <em>Format<\/em><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"12-additional-improvements\">Additional Improvements<\/h2>\n\n\n\n<p>To round out our look at the exciting new additions and changes coming with WordPress 6.7 here is an extensive list of other smaller changes the release has.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Block Bindings API &#8211; <\/strong>WordPress 6.7 introduces <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/block-bindings-improvements-to-the-editor-experience-in-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">a lot of changes<\/a> to the Block Bindings API that was came with <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-5#2-block-bindings-api-\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress 6.5<\/a>. These are the most significant ones:\n<ul class=\"wp-block-list\">\n<li>Can now be used in the <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65937\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Widget<\/em> screen of the dedicated block-based widgets editor or the <em>Customizer<\/em><\/a>;<\/li>\n\n\n\n<li>The <em>useBlockBindingsUtils <\/em>function can now accept <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65818\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>clientId<\/em> as a parameter<\/a>;<\/li>\n\n\n\n<li>If a binding is registered both server and client-side, the <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/66160\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">label specified on the client takes precedence<\/a>;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Lazy-loaded Images &#8211; <\/strong>Starting with WordPress 6.7 any lazy-loaded image now has a new attribute. It is the <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>auto<\/em> attribute <\/a>and it goes at the beginning of the <em>sizes <\/em>attribute. Having such a default value allows browsers to know the width of the image before it loads, resulting in improved performance;<\/li>\n\n\n\n<li><strong>HEIC Support &#8211; <\/strong>The <a href=\"https:\/\/www.adobe.com\/creativecloud\/file-types\/image\/raster\/heic-file.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">HEIC<\/a> (High Efficiency Image Container) image format is an efficient format that allows for high-resolution images at a smaller space cost. Such images <a href=\"https:\/\/make.wordpress.org\/core\/2024\/08\/15\/automatic-conversion-of-heic-images-to-jpeg-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">will be automatically converted to JPEG<\/a> on the server whenever possible, allowing users to view HEIC images in the media library\u2013and use them in posts and pages\u2013even if their browser does not support the format;<\/li>\n\n\n\n<li><strong>Custom Block Names &#8211; <\/strong>If you change a block\u2019s name to something custom, that name <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65398\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">will now appear in the Block Inspector<\/a> on the left of the screen. Previously, the Inspector showed only the default names for the blocks;<\/li>\n\n\n\n<li><strong>API Additions &#8211; <\/strong>WordPress 6.7 adds a few API enhancements that will allow developers to add more functionalities to their plugins:\n<ul class=\"wp-block-list\">\n<li>The <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64644\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Preview Options API<\/em><\/a><em> <\/em>allows developers to extend the <em>Preview<\/em> dropdown menu present in the <em>Page<\/em> and <em>Post<\/em> editors. This adds a new <em>PluginPreviewMenuItem<\/em> component that developers can use to add custom menu items with their own titles and click handlers to the <em>Preview<\/em> dropdown;<\/li>\n\n\n\n<li>The <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/20\/new-plugin-template-registration-api-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Template Registration API <\/a>allows developers to register custom block templates via a plugin. The API introduces two new functions for that task: <em>register_block_template()<\/em> and <em>unregister_block_template()<\/em>;<\/li>\n\n\n\n<li>Finally, registering multiple block types via a plugin is now more straightforward thanks to the new <em>wp_register_block_metadata_collection()<\/em> function. Through it, developers can <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/17\/new-block-type-registration-apis-to-improve-performance-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">register block types via a manifest file<\/a> instead of via the <em>block.json<\/em> file;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Of course, there are a ton more changes that came with this WordPress 6.7 release. If we had to write about every single one of them we would be writing until the next update comes! Fortunately, the devs themselves have written up a <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/11\/10\/whats-new-for-developers-november-2024\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">comprehensive post<\/a> of their own that you can check for even more details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"13-it-is-time-to-update\">It is Time to Update<\/h2>\n\n\n\n<p>Every new WordPress release is an exciting step forward towards making the CMS the best way to build, maintain and expand a website. Whether you are a fan of the new design additions that will help to make the creation experience and process that much more pleasant and straightforward, or you are interested in the under-the-hood changes that developers typically utilize, this release has it all for you!<br><br>Even if none of these changes seem interesting to you we still strongly recommend you update your website as soon as your plugins and themes are compatible. As we keep saying time and again, older software is a security risk. Each update patches known vulnerabilities, making your website that much more secure. You can check our tutorials on how to update your WordPress website <a href=\"https:\/\/www.fastcomet.com\/tutorials\/wordpress\/install-updates\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a> and <a href=\"https:\/\/www.fastcomet.com\/tutorials\/wordpress\/updating-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It is November again and the holiday season is upon us. Thanksgiving is around the corner and the most anticipated shopping days are almost within our grasp. However, there is one more big event in the online world that occurs during this month. It is the release of a new WordPress update! WordPress 6.7 has [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":10274,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[256],"tags":[44,4936,4938,4823],"class_list":["post-10283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress","tag-wordpress-6-7","tag-wordpress-6-7-update","tag-wordpress-update"],"featured_image_src":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png","author_info":{"display_name":"Konstantin","author_link":"https:\/\/www.fastcomet.com\/blog\/author\/konstantin"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress 6.7 - Design Additions and More! | FastComet<\/title>\n<meta name=\"description\" content=\"WordPress 6.7 is out of testing and available to everyone! It introduces a slew of design improvements among other exciting changes!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress 6.7 - Design Additions and More! | FastComet\" \/>\n<meta property=\"og:description\" content=\"WordPress 6.7 is out of testing and available to everyone! It introduces a slew of design improvements among other exciting changes!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7\" \/>\n<meta property=\"og:site_name\" content=\"FastComet Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-19T14:53:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-16T11:20:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Konstantin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Konstantin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress 6.7 - Design Additions and More! | FastComet","description":"WordPress 6.7 is out of testing and available to everyone! It introduces a slew of design improvements among other exciting changes!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7","og_locale":"en_US","og_type":"article","og_title":"WordPress 6.7 - Design Additions and More! | FastComet","og_description":"WordPress 6.7 is out of testing and available to everyone! It introduces a slew of design improvements among other exciting changes!","og_url":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7","og_site_name":"FastComet Blog","article_published_time":"2024-11-19T14:53:07+00:00","article_modified_time":"2025-04-16T11:20:29+00:00","og_image":[{"width":1024,"height":620,"url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png","type":"image\/png"}],"author":"Konstantin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Konstantin","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7","url":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7","name":"WordPress 6.7 - Design Additions and More! | FastComet","isPartOf":{"@id":"https:\/\/www.fastcomet.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#primaryimage"},"image":{"@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#primaryimage"},"thumbnailUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png","datePublished":"2024-11-19T14:53:07+00:00","dateModified":"2025-04-16T11:20:29+00:00","author":{"@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/62678ed882fa14cedd606946cf7efcbf"},"description":"WordPress 6.7 is out of testing and available to everyone! It introduces a slew of design improvements among other exciting changes!","breadcrumb":{"@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fastcomet.com\/blog\/wordpress-6-7"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#primaryimage","url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png","contentUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2024\/11\/wordpress_6.7.png","width":1024,"height":620},{"@type":"BreadcrumbList","@id":"https:\/\/www.fastcomet.com\/blog\/wordpress-6-7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fastcomet.com\/blog"},{"@type":"ListItem","position":2,"name":"WordPress 6.7 &#8211; Design Additions and More!"}]},{"@type":"WebSite","@id":"https:\/\/www.fastcomet.com\/blog\/#website","url":"https:\/\/www.fastcomet.com\/blog\/","name":"FastComet Blog","description":"FastComet Web Hosting Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fastcomet.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/62678ed882fa14cedd606946cf7efcbf","name":"Konstantin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f0de95dee43156fd75f091d8eacb609609882fcb55a652d545992c8fd7d8c8e7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0de95dee43156fd75f091d8eacb609609882fcb55a652d545992c8fd7d8c8e7?s=96&d=mm&r=g","caption":"Konstantin"},"description":"Konstantin has been a part of the FastComet team for several years, and writing is his passion. He blends technical knowledge with a desire to educate, which is the perfect combination for creating comprehensive educational and informative articles. When not writing, he enjoys broadening his linguistic horizons with books of all genres.","sameAs":["https:\/\/www.fastcomet.com"],"url":"https:\/\/www.fastcomet.com\/blog\/author\/konstantin"}]}},"_links":{"self":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/10283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/comments?post=10283"}],"version-history":[{"count":6,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/10283\/revisions"}],"predecessor-version":[{"id":10664,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/10283\/revisions\/10664"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media\/10274"}],"wp:attachment":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media?parent=10283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/categories?post=10283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/tags?post=10283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}