How to load block assets in php templates if using hybrid theme
-
Hi everyone, I have a hybrid wordpress theme that uses php templates and FSE.
I’m trying to use the header template part in my header.php file.I found that we have to use
do_blocksbeforewp_headfor wordpress to load the styles for the blocks correctly. (source: https://fullsiteediting.com/lessons/how-to-use-php-templates-in-block-themes/#h-making-sure-that-wordpress-loads-the-block-css)However if I’m using
<?php block_header_area(); ?>instead ofdo_blockshow do I load the assets?
-
Hi @dahliasan,
This two functions do the same thing,
block_header_areacall the functionblock_template_partwhich call the functiondo_blocksfunction block_header_area() {
block_template_part( 'header' );
}function block_template_part( $part ) {
$template_part = get_block_template( get_stylesheet() . '//' . $part, 'wp_template_part' );
if ( ! $template_part || empty( $template_part->content ) ) {
return;
}
echo do_blocks( $template_part->content );
}Sorry, I should have elaborated a little. I haven’t tried, but I think something like this should work :
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<?php
$block_header_part = get_block_template( get_stylesheet() . '//header', 'wp_template_part' );
$block_header = $block_header_part && ! empty( $block_header_part->content ) ? do_blocks( $block_header_part->content ) : '';
$block_content = do_blocks( '
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:post-content /-->
</div>
<!-- /wp:group -->'
);
?>
<?php wp_head(); ?>
</head>
<body>
<?php
echo $block_header;
echo $block_content;
?>
</body>
</html>Can you test that and tell me if it’s work ?
Hi Nicolas, thanks so much. Yes it worked. This is what I did in the end. All I needed to do was not
echothe code.// header.php
<?php
function my_template_part( $part ) {
$template_part = get_block_template( get_stylesheet() . '//' . $part, 'wp_template_part' );
if ( ! $template_part || empty( $template_part->content ) ) {
return;
}
do_blocks( $template_part->content );
}
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php my_template_part('header') ?>
<?php my_template_part('footer') ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div class="wp-site-blocks">
<header class="wp-block-template-part site-header">
<?php block_header_area(); ?>
</header>My header and footer is a big string and I’d have to manually update the code if I make any edits in FSE to the header and footer parts if I used your method in your second message which was what I was originally doing.
The topic ‘How to load block assets in php templates if using hybrid theme’ is closed to new replies.