Use the Query title block to display a "Blog" title on any template

docs/reference-guides/core-blocks.md

@@ -775,7 +775,7 @@ Display the query title. ([Source](https://github.com/WordPress/gutenberg/tree/t
 -	**Name:** core/query-title
 -	**Category:** theme
 -	**Supports:** align (full, wide), color (background, gradients, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~
--	**Attributes:** level, levelOptions, showPrefix, showSearchTerm, textAlign, type
+-	**Attributes:** blogTitle, level, levelOptions, showPrefix, showSearchTerm, textAlign, type
 
 ## Quote
 

packages/block-library/src/query-title/block.json

@@ -27,6 +27,10 @@
 		"showSearchTerm": {
 			"type": "boolean",
 			"default": true
+		},
+		"blogTitle": {
+			"type": "string",
+			"default": "Blog"
 		}
 	},
 	"example": {

packages/block-library/src/query-title/edit.js

@@ -22,7 +22,7 @@ import { __, _x, sprintf } from '@wordpress/i18n';
  */
 import { useArchiveLabel } from './use-archive-label';
 
-const SUPPORTED_TYPES = [ 'archive', 'search' ];
+const SUPPORTED_TYPES = [ 'archive', 'search', 'blog' ];
 
 export default function QueryTitleEdit( {
 	attributes: {
@@ -32,10 +32,14 @@ export default function QueryTitleEdit( {
 		textAlign,
 		showPrefix,
 		showSearchTerm,
+		blogTitle,
 	},
 	setAttributes,
 } ) {
 	const { archiveTypeLabel, archiveNameLabel } = useArchiveLabel();
+	const currentTemplate = useSelect( ( select ) => {
+		return select( coreStore )?.getEditedPostType();
+	} );
 
 	const TagName = `h${ level }`;
 	const blockProps = useBlockProps( {
@@ -44,7 +48,10 @@ export default function QueryTitleEdit( {
 		} ),
 	} );
 
-	if ( ! SUPPORTED_TYPES.includes( type ) ) {
+	if (
+		! SUPPORTED_TYPES.includes( type ) &&
+		! [ 'index', 'home' ].includes( currentTemplate )
+	) {
 		return (
 			<div { ...blockProps }>
 				<Warning>{ __( 'Provided type is not supported.' ) }</Warning>
@@ -103,9 +110,7 @@ export default function QueryTitleEdit( {
 				<TagName { ...blockProps }>{ title }</TagName>
 			</>
 		);
-	}
-
-	if ( type === 'search' ) {
+	} else if ( type === 'search' ) {
 		titleElement = (
 			<>
 				<InspectorControls>
@@ -130,6 +135,30 @@ export default function QueryTitleEdit( {
 				</TagName>
 			</>
 		);
+	} else if (
+		[ 'index', 'home' ].includes( currentTemplate ) ||
+		type === 'blog'
+	) {
+		titleElement = (
+			<>
+				<InspectorControls>
+					<PanelBody title={ __( 'Settings' ) }>
+						<TextControl
+							__next40pxDefaultSize
+							__nextHasNoMarginBottom
+							label={ __( 'Blog Title' ) }
+							value={ blogTitle || __( 'Blog' ) }
+							onChange={ ( value ) =>
+								setAttributes( { blogTitle: value } )
+							}
+						/>
+					</PanelBody>
+				</InspectorControls>
+				<TagName { ...blockProps }>
+					{ blogTitle || __( 'Blog' ) }
+				</TagName>
+			</>
+		);
 	}
 
 	return (
@@ -149,7 +178,13 @@ export default function QueryTitleEdit( {
 					} }
 				/>
 			</BlockControls>
-			{ titleElement }
+			{ titleElement || (
+				<div { ...blockProps }>
+					<Warning>
+						{ __( 'Unsupported template for Query Title block.' ) }
+					</Warning>
+				</div>
+			) }
 		</>
 	);
 }

packages/block-library/src/query-title/index.php

@@ -27,6 +27,11 @@ function render_block_core_query_title( $attributes ) {
 		return '';
 	}
 	$title = '';
+
+	if ( is_home() || is_front_page() ) {
+		$title = isset( $attributes['blogTitle'] ) ? $attributes['blogTitle'] : __( 'Blog' );
+	}
+
 	if ( $is_archive ) {
 		$show_prefix = isset( $attributes['showPrefix'] ) ? $attributes['showPrefix'] : true;
 		if ( ! $show_prefix ) {

test/integration/fixtures/blocks/core__query-title.json

@@ -5,7 +5,8 @@
 		"attributes": {
 			"level": 1,
 			"showPrefix": true,
-			"showSearchTerm": true
+			"showSearchTerm": true,
+			"blogTitle": "Blog"
 		},
 		"innerBlocks": []
 	}