Templates: Integrate with demo content.

WordPress · Jul 8, 2019 · 214f929 · 214f929
1 parent 3d7df87
commit 214f929
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/lib/templates.php b/lib/templates.php
@@ -41,6 +41,12 @@ function gutenberg_register_templates() {
 		$template = $template[0];
 	}
 
+	if ( isset( $_GET['gutenberg-demo'] ) ) {
+		ob_start();
+		include gutenberg_dir_path() . 'post-content.php';
+		$template->post_content = ob_get_clean();
+	}
+
 	$post_type_object           = get_post_type_object( 'post' );
 	$post_type_object->template = $template;
 }

diff --git a/packages/blocks/src/api/templates.js b/packages/blocks/src/api/templates.js
@@ -54,7 +54,10 @@ export function synchronizeBlocksWithTemplate( blocks = [], template ) {
 		return blocks;
 	}
 
-	return map( template, ( { name, attributes, innerBlocks: innerBlocksTemplate }, index ) => {
+	return map( template, ( templateBlock, index ) => {
+		const [ name, attributes, innerBlocksTemplate ] = Array.isArray( templateBlock ) ?
+			templateBlock :
+			[ templateBlock.name, templateBlock.attributes, templateBlock.innerBlocksTemplate ];
 		const block = blocks[ index ];
 
 		if ( block && block.name === name ) {

diff --git a/post-content.php b/post-content.php
@@ -6,6 +6,8 @@
  */
 
 ?>
+<!-- wp:post-title /-->
+<!-- wp:post-content -->
 <!-- wp:cover {"url":"https://cldup.com/Fz-ASbo2s3.jpg","className":"alignwide"} -->
 <div class="wp-block-cover has-background-dim alignwide" style="background-image:url(https://cldup.com/Fz-ASbo2s3.jpg)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
 <p style="text-align:center" class="has-large-font-size"><?php _e( 'Of Mountains &amp; Printing Presses', 'gutenberg' ); ?></p>
@@ -184,3 +186,4 @@
 <!-- wp:paragraph {"align":"center"} -->
 <p style="text-align:center">👋</p>
 <!-- /wp:paragraph -->
+<!-- /wp:post-content -->