{"id":93093,"date":"2022-01-07T22:47:40","date_gmt":"2022-01-08T03:47:40","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=93093"},"modified":"2022-01-14T21:06:47","modified_gmt":"2022-01-15T02:06:47","slug":"gutenberg-12-3-block-additions","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/","title":{"rendered":"Gutenberg 12.3 Block Additions"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg\" alt=\"Gutenberg 12.3 Block Additions\" class=\"wp-image-93094\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The built-in display editor continues its parallel development with updates in the standalone plugin named <strong>Gutenberg<\/strong>.\u00a0 Currently, at version 12.3, the Gutenberg plugin introduces new features and changes that are eventually integrated into the default visual editor for WordPress.\u00a0 There are 3 new blocks in the current release;\u00a0 Site Logo, Post Author, and Group Block (Typography support ).<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#favicon\">Site Logo \u2013 Favicon<\/a><\/li><li><a href=\"#post-author\">Post Author<\/a><\/li><li><a href=\"#group-block\">Group Block (Typography Support)<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">Looking for a new home for your WordPress site?\u00a0 Check out InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting <\/a>solutions for secure servers configured for your budget and performance needs.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"favicon\">Site Logo \u2013 Favicon<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/site-logo-favicon-1024x535.jpg\" alt=\"site logo block - used as a favicon\" class=\"wp-image-93098\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/site-logo-favicon-1024x535.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/site-logo-favicon-300x157.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/site-logo-favicon-768x401.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/site-logo-favicon.jpg 1107w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>You can quickly add a page\/post and then add the Site logo block to create your site\u2019s favicon.\u00a0<\/p>\n\n\n\n<p>A favicon will generally be used as a page identifier graphic in a tab.\u00a0 Here\u2019s how it would typically look in a browser:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"165\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/favicon-examples.jpg\" alt=\"examples of favicons\" class=\"wp-image-93100\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/favicon-examples.jpg 760w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/favicon-examples-300x65.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left\">The Block settings can be seen by simply clicking on the block, then looking at the right side of the editor.  Block properties are displayed as long as the gear icon in the top right corner is selected. :<br><br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"266\" class=\"wp-image-93250\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-properties.jpg\" alt=\"block properties\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-properties.jpg 1387w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-properties-300x159.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-properties-1024x544.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-properties-768x408.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>The block properties are magnified in the screenshot below.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><br><br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"810\" class=\"wp-image-93103\" style=\"width: 300px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-options-site-favicon.jpg\" alt=\"site-logo-options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-options-site-favicon.jpg 246w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-options-site-favicon-111x300.jpg 111w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>Each of the options listed in the screenshot above are described below:<\/p>\n\n\n\n<p><strong>Styles<\/strong> \u2013 note that there are 2 styles you can select: default or rounded. Rounded will simply round the icon used in the tab. Styles represent the visual appearance that the feature will take.  The favicon can appear rounded or squared (default) in a browser tab.<\/p>\n\n\n\n<p>The <strong>Settings<\/strong> section includes:<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Image width<\/strong> \u2013 this is controlled by a slider <\/li><li><strong>Link image to home<\/strong> \u2013 Clicking on the image on the page or post will bring you to the home page<\/li><li><strong>Open in new tab<\/strong> \u2013 opens the browser in a new tab when clicking on the block<\/li><li><strong>Use as the site icon<\/strong> \u2013 this makes the site icon the favicon for the website.\u00a0 Using this icon, you can use a custom image within your WordPress site as the favicon.<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-left\">When you add a site icon block, you also have options that can be applied directly from the menu bar.\u00a0 The menu bar is visible when you click on the block:<\/p>\n\n\n\n<p class=\"has-text-align-left\"><br><br><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"251\" class=\"wp-image-93249\" style=\"width: 450px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-menu-bar.jpg\" alt=\"menu bar for the selected block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-menu-bar.jpg 725w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/block-menu-bar-300x168.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p class=\"has-text-align-left\">The block menu options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Alignment options<\/li><li>Duotone filter options<\/li><li>Zoom options<\/li><li>Apect Ration<\/li><li>Rotate<\/li><\/ul>\n\n\n\n<p>Each of these options are described below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Alignment options<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"216\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-options.jpg\" alt=\"Alignment options for the site-icon\" class=\"wp-image-93104\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-options.jpg 367w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-options-300x177.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>You can apply 3 different alignment options (and none) to the site icon image that you have selected. The alignment is arranged horizontally.  Since the image is already aligned left, then you will not see much difference between the <strong>None<\/strong> and <strong>Align left<\/strong> settings<br><br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"324\" class=\"wp-image-93251\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-center.jpg\" alt=\"Alignment - center\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-center.jpg 705w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-center-300x194.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>Here you can see the alignment of the block in relation to the title.  It is set to <strong>Align center<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"280\" class=\"wp-image-93252\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-right.jpg\" alt=\"Alignment right\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-right.jpg 864w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-right-300x168.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/alignment-right-768x430.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>This screenshot shows the alignment set to<strong> Align right<\/strong>. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Duotone filter options<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"421\" height=\"413\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/duotone-options.jpg\" alt=\"duotone options for site icon\" class=\"wp-image-93105\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/duotone-options.jpg 421w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/duotone-options-300x294.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The next option is to apply duotone filters to the image.\u00a0 This allows you to add some colors to the image.\u00a0 Note that you can change the shadows and highlights.\u00a0 There is also an option to clear the colors that you have selected.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Zoom options<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"160\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/zoom.jpg\" alt=\"Zoom options for the site icon block\" class=\"wp-image-93106\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/zoom.jpg 517w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/zoom-300x93.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The image can be zoomed in using the slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"502\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/change-aspect-ratio.jpg\" alt=\"Aspect ratio options for the site icon block\" class=\"wp-image-93107\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/change-aspect-ratio.jpg 518w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/change-aspect-ratio-300x291.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Aspect Ratio<\/strong><\/h3>\n\n\n\n<p>You can change the aspect ratio of the image used as the site favicon. Select the ratio you want to use and then click on <strong>Apply.<br><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Rotate Option<\/strong><\/h3>\n\n\n\n<p>The final option for the site icon is the option to <strong>Rotate<\/strong> the image.\u00a0 This allows you to rotate the image being used in a clockwise direction. Make sure to hit the <strong>Apply<\/strong> button once you\u2019re done.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"513\" height=\"202\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/rotate-options.jpg\" alt=\"Rotate options for site icon block\" class=\"wp-image-93108\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/rotate-options.jpg 513w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/rotate-options-300x118.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Using the options for the Site Icon make it flexible to use as your favicon graphic.\u00a0\u00a0\u00a0\u00a0<br><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"post-author\">Post Author Block<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"639\" height=\"311\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-name.jpg\" alt=\"\" class=\"wp-image-93109\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-name.jpg 639w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-name-300x146.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The post author block is a simple block that can be used to identify the post\u2019s author.\u00a0 It sounds very simple but apparently has been on the waiting list as the desired block for Gutenberg for some time.\u00a0\u00a0<br><br>The Block settings can be seen by simply clicking on the block, then looking at the right side of the editor.  Block properties are displayed as long as the gear icon in the top right corner is selected.<\/p>\n\n\n\n<p><strong>Post author block settings<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"371\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-block-options.jpg\" alt=\"post block options\" class=\"wp-image-93110\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-block-options.jpg 243w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/post-author-block-options-196x300.jpg 196w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure><\/div>\n\n\n\n<p>Note that the properties for the post author block are fairly basic.\u00a0 They include the option for color, link settings, typography, and dimensions.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Color<\/strong> \u2013 color can be easily adjusted for the text, background, or link used in the Post Author block<\/li><li><strong>Link Settings<\/strong> \u2013 Allows a user to click on the Post Author name and then see a list of the Author\u2019s archives in the WordPress installation.  Clicking on this option will also reveal the option to see the results in a new tab.<\/li><li><strong>Typography<\/strong> \u2013 clicking on this property will give you access to change the font size, appearance, line height, letter case, and letter spacing used by the text in the Post Author block<\/li><li><strong>Dimensions<\/strong> \u2013 is actually only the padding setting for the space around the Post Author name text.  The 4 sides of the Post Author block are linked by default.  This means that any change to the padding changes it on all sides.  You can also select to unlink the sides, then indvidually set each padding width (in pixels) for each side.  There is also an option to reset the padding as needed<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"308\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/sample-author-block.jpg\" alt=\"post-author clllllllllllllllllllllllllllllllllllll\" class=\"wp-image-93111\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/sample-author-block.jpg 595w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/sample-author-block-300x155.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Here you can see that the Author block is labeled by the user name \u2013 Admin.\u00a0 It is very important that you use a more relevant name to be more explicit when referencing an author on your site.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"group-block\">Group Block \u2013 Typography Support<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/group-typography-2jpg.jpg\" alt=\"\" class=\"wp-image-93248\" width=\"1122\" height=\"550\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/group-typography-2jpg.jpg 1122w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/group-typography-2jpg-300x147.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/group-typography-2jpg-1024x502.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/group-typography-2jpg-768x376.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>An important change milestone is the behavior of font support across multiple groups of blocks within your post\/page.\u00a0\u00a0This change allows you to control the typography used within multiple blocks in a group.<\/p>\n\n\n\n<p>The easiest way to see how this support has been implemented is to observe how changing a typography property in a group block affects all of the blocks in the group.<\/p>\n\n\n\n<p>In the screenshot below you can see a group of text blocks, with typography being able to be modified in each block since they are text blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-1-1024x602.jpg\" alt=\"\" class=\"wp-image-93253\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-1-1024x602.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-1-300x176.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-1-768x452.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-1.jpg 1231w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The main advantage of the support for typography in group blocks is that you can make a change in one place and affect multiple blocks within that group.  The easiest way to select the group block is to go to the list view by clicking on the block resembling a list in the top left corner. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-2-1024x602.jpg\" alt=\"\" class=\"wp-image-93254\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-2-1024x602.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-2-300x176.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-2-768x452.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/typography-2.jpg 1231w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Notice that the group block was selected in the block list on the left.  A change was made to the group block\u2019s typography settings \u2013 the font size was made much larger.  You can see that the text in all of the blocks within the group have all changed their font size to match the setting in the group block. <br><\/p>\n\n\n\n<p>This change makes it possible for users and designers to change font families and sizes in all child blocks. Spacers block can use custom units and paragraphs can be assigned to a font-family.<\/p>\n\n\n\n<p>Gutenberg continues to make viable changes that will eventually be a default part of the core files for WordPress.\u00a0 To get a jump on using the newer features of the new WordPress visual editor, make sure to use the latest version of the Gutenberg plugin with your test.\u00a0 As always, remember that these features should not be used in a production environment as they may be features that are continually being changed\/improved.<\/p>\n\n\n\n<p>To learn more about using WordPress, make sure to check out our <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/\">WordPress Educational channel<\/a>.<\/p>\n\n\n<div class=\"jumbotron\">Secure and speed up your client's websites with high-performance <a href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress\">WordPress VPS<\/a> plans powered by UltraStack.<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The built-in display editor continues its parallel development with updates in the standalone plugin named Gutenberg.\u00a0 Currently, at version 12.3, the Gutenberg plugin introduces new features and changes that are eventually integrated into the default visual editor for WordPress.\u00a0 There are 3 new blocks in the current release;\u00a0 Site Logo, Post Author, and Group Block<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4379],"tags":[],"class_list":["post-93093","post","type-post","status-publish","format-standard","hentry","category-plugins"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gutenberg 12.3 Block Additions | InMotion Hosting<\/title>\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.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg 12.3 Block Additions | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The built-in display editor continues its parallel development with updates in the standalone plugin named Gutenberg.\u00a0 Currently, at version 12.3, the Gutenberg plugin introduces new features and changes that are eventually integrated into the default visual editor for WordPress.\u00a0 There are 3 new blocks in the current release;\u00a0 Site Logo, Post Author, and Group Block Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-08T03:47:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-15T02:06:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Gutenberg 12.3 Block Additions\",\"datePublished\":\"2022-01-08T03:47:40+00:00\",\"dateModified\":\"2022-01-15T02:06:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\"},\"wordCount\":1260,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg\",\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\",\"name\":\"Gutenberg 12.3 Block Additions | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg\",\"datePublished\":\"2022-01-08T03:47:40+00:00\",\"dateModified\":\"2022-01-15T02:06:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gutenberg 12.3 Block Additions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg 12.3 Block Additions | InMotion Hosting","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.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg 12.3 Block Additions | InMotion Hosting","og_description":"The built-in display editor continues its parallel development with updates in the standalone plugin named Gutenberg.\u00a0 Currently, at version 12.3, the Gutenberg plugin introduces new features and changes that are eventually integrated into the default visual editor for WordPress.\u00a0 There are 3 new blocks in the current release;\u00a0 Site Logo, Post Author, and Group Block Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-01-08T03:47:40+00:00","article_modified_time":"2022-01-15T02:06:47+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Gutenberg 12.3 Block Additions","datePublished":"2022-01-08T03:47:40+00:00","dateModified":"2022-01-15T02:06:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/"},"wordCount":1260,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg","articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/","name":"Gutenberg 12.3 Block Additions | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions-1024x538.jpg","datePublished":"2022-01-08T03:47:40+00:00","dateModified":"2022-01-15T02:06:47+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/01\/gutenberg12-3-additions.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/gutenberg-12-3-block-additions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Gutenberg 12.3 Block Additions"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/93093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=93093"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/93093\/revisions"}],"predecessor-version":[{"id":93255,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/93093\/revisions\/93255"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=93093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=93093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=93093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}