{"id":15525633,"date":"2022-05-24T02:00:00","date_gmt":"2022-05-24T02:00:00","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=15525633"},"modified":"2024-06-08T19:28:50","modified_gmt":"2024-06-08T19:28:50","slug":"site-title-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/site-title-block\/","title":{"rendered":"Site Title block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go to the List of Blocks<\/a><\/p>\n\n\n\n<p>Use the Site Title block to display the name of the site on the page or to edit the site name.<\/p>\n\n\n\n<div class=\"callout callout-info\" style=\"background: #e5f5fa;border-left: 5px solid #00a0d2;padding: 1.5em 3em 1.6em 3.7em;margin-bottom: 1.5em\"><p><em><strong>Note:<\/strong> <\/em>Updating this block and saving the template will apply the changes wherever the Site Title name is used including the browser title bar, search results and the Site Title text field in Settings &gt; General.<\/p><\/div>\n\n\n\n<p>To add a Site Title block, click the <strong>Block Inserter<\/strong> icon when editing the page template. Search for the Site Title<strong> <\/strong>block. Click on it to add the block to your page template.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Recording-2022-04-04-at-10.51.11-AM.mp4\"><\/video><figcaption class=\"wp-element-caption\"><em>Video showing how to add the Site Title block<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5fa\">The Site Title block is primarily used when editing the Template files in the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/site-editor\/\">Site Editor<\/a>.<\/p>\n\n\n\n<p>You can also type \/site-title and hit enter in a new paragraph block to add the Site Title block quickly.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.00.50-AM.png\" alt=\"How to add Site Title block quickly\" class=\"wp-image-15525708\" width=\"349\" height=\"131\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.00.50-AM.png 596w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.00.50-AM-300x113.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><figcaption class=\"wp-element-caption\">How to add Site Title block quickly<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block Toolbar<\/h2>\n\n\n\n<p>To view the block toolbar, click on the block and the toolbar will be displayed.<\/p>\n\n\n\n<p>Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<p>The Site Title block shows six buttons in the block toolbar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Drag icon<\/li>\n\n\n\n<li>Move arrows<\/li>\n\n\n\n<li>Change heading level<\/li>\n\n\n\n<li>Change text alignment<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.03.39-AM.png\" alt=\"Site Title Block Toolbar\" class=\"wp-image-15525721\" width=\"339\" height=\"86\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.03.39-AM.png 528w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-11.03.39-AM-300x76.png 300w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><figcaption class=\"wp-element-caption\">Site Title Block Toolbar<\/figcaption><\/figure>\n\n\n\n<p><strong>Transform to:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/01-site-title.jpg\" alt=\"Transform options for Site Title Block\" class=\"wp-image-15525822\" width=\"342\" height=\"247\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/01-site-title.jpg 628w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/01-site-title-300x217.jpg 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><figcaption class=\"wp-element-caption\">Transform options for Site Title Block<\/figcaption><\/figure>\n\n\n\n<p>Click on the \u201cTransform\u201d button to convert the Site Title block into a \u201cGroup\u201d block, \u201cColumns\u201d block or &#8220;Site Logo&#8221; block.&nbsp;<\/p>\n\n\n\n<p><strong>Drag icon:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/05-site-title.jpg\" alt=\"Drag icon in the Site Title Block\" class=\"wp-image-15525826\" width=\"353\" height=\"74\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/05-site-title.jpg 496w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/05-site-title-300x63.jpg 300w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><figcaption class=\"wp-element-caption\">Drag icon in the Site Title Block<\/figcaption><\/figure>\n\n\n\n<p>To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\n<p><strong>Move arrows:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/06-site-title.jpg\" alt=\"Move arrows in the Site Title Block\" class=\"wp-image-15525830\" width=\"349\" height=\"73\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/06-site-title.jpg 496w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/06-site-title-300x63.jpg 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><figcaption class=\"wp-element-caption\">Move arrows in the Site Title Block<\/figcaption><\/figure>\n\n\n\n<p>The left and right arrow icons can be used to move the block left or right inside the group of nested blocks.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change heading level<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/02-site-title.jpg\" alt=\"Change heading level for the Site Title Block\" class=\"wp-image-15525844\" width=\"148\" height=\"400\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/02-site-title.jpg 246w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/02-site-title-111x300.jpg 111w\" sizes=\"auto, (max-width: 148px) 100vw, 148px\" \/><figcaption class=\"wp-element-caption\">Change heading level for the Site Title Block<\/figcaption><\/figure>\n\n\n\n<p>You can choose the heading level for the Site title from H1-H6 or to a paragraph.<\/p>\n\n\n\n<p><strong>Change text alignment<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/03-site-title-1.jpg\" alt=\"Change text alignment for the Site Title Block\" class=\"wp-image-15525857\" width=\"263\" height=\"307\" \/><figcaption class=\"wp-element-caption\">Change text alignment for the Site Title Block<\/figcaption><\/figure>\n\n\n\n<p>Click the \u201cChange alignment\u201d button in the Block toolbar to display the alignment drop-down. You can align the block text to the left, make it center-aligned or align it to the right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More options<\/h3>\n\n\n\n<p>These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block Settings<\/h2>\n\n\n\n<p>In addition to the block toolbar, every block has specific options in the editor sidebar.<\/p>\n\n\n\n<p><em>If you do not see the sidebar, click the \u2018cog\u2019 icon next to the Save button.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/jZSpLikF6gQlLVXlAQpHTWdgtIAx806aQr0kVO6mmHZFQP9RtamgTziBHCuN91Fry9Xn65LHmJGjAkYYpWGvPLkRf-ONojLj3SUJgRcwHPLjblBQifZgKIuK4cbGmW1dym8ZdCxR\" alt=\"How to turn on the Block Settings sidebar\" width=\"259\" height=\"52\" \/><figcaption class=\"wp-element-caption\">How to turn on the Block Settings sidebar<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.42.11-PM-346x1024.png\" alt=\"Block Settings in the Site Title Block\" class=\"wp-image-15526052\" width=\"260\" height=\"768\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.42.11-PM-346x1024.png 346w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.42.11-PM-519x1536.png 519w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><figcaption class=\"wp-element-caption\">Block Settings in the Site Title Block<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Link Settings<\/h3>\n\n\n\n<p>Turn on \u2018Make title link to home\u2019 button in the Link Settings to make the site title, a link to the site\u2019s homepage.<\/p>\n\n\n\n<p>Turn on \u2018Open in new tab\u2019 button to make the site title&#8217;s link to the home page open in a new tab.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.57.29-PM.png\" alt=\"Site Title Block Link settings\" class=\"wp-image-15526101\" width=\"281\" height=\"126\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.57.29-PM.png 562w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.57.29-PM-300x135.png 300w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><figcaption class=\"wp-element-caption\">Site Title Block Link settings<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Color <\/h3>\n\n\n\n<p>Text and background colors can be set on a per-block basis, allowing you to call attention to important content. Pick a color from the suggestions, or add a custom color using the color picker or by adding a color code.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.43.47-PM-1024x581.png\" alt=\"Color Settings in the Site Title Block\" class=\"wp-image-15526055\" width=\"347\" height=\"197\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.43.47-PM-1024x581.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.43.47-PM-300x170.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.43.47-PM-768x436.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/04\/Screen-Shot-2022-04-04-at-12.43.47-PM.png 1166w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><figcaption class=\"wp-element-caption\">Color Settings in the Site Title Block<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">See this guide for more information about changing colors.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography <\/h3>\n\n\n\n<p>Typography settings allow you to change a block\u2019s font size, appearance, line height, letter casing, and spacing.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Get more details about changing typography settings.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dimensions <\/h3>\n\n\n\n<p>Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, and margin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/17-post-excerpt.png\" alt=\"Dimension settings in the Site Title block\" class=\"wp-image-15473697\" width=\"344\" height=\"254\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/17-post-excerpt.png 550w, https:\/\/wordpress.org\/documentation\/files\/2022\/03\/17-post-excerpt-300x221.png 300w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><figcaption class=\"wp-element-caption\">Dimension settings in the Site Title block<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Learn more about dimension controls.<\/a><\/p>\n\n\n\n<p><strong>Advanced<\/strong><\/p>\n\n\n\n<p>The \u201cAdvanced\u201d tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/HCaeEAd-xkijY3husAGN8FkRfOokz6h-mLa1vQoT11JIf366WEE4Y3jtoy6CTOJGTpBZELgZPdIewg2ug8pURV5XtFciGwLHJiNwleOvlGte5WnWTug0SYe4p-qBR54_8oR1NwHM\" alt=\"Advanced option in the selected Block\" width=\"345\" height=\"184\" \/><figcaption class=\"wp-element-caption\">Advanced option in the selected Block<\/figcaption><\/figure>\n\n\n\n<div id=\"changelog\" class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#dce5ec\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Created 2022-04-04<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go to the List of Blocks Use the Site Title block to display the name of the site on the page or to edit the site name. Note: Updating this block and saving the template will apply the changes wherever the Site Title name is used including the browser title bar, search results and the [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,91],"class_list":["post-15525633","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-theme-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15525633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=15525633"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15525633\/revisions"}],"predecessor-version":[{"id":16360404,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15525633\/revisions\/16360404"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15525633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15525633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}