WordPress Theme File Structure and Template Hierarchy

Basic Usage:

// Include template-parts/content.php
get_template_part('template-parts/content');

// Include template-parts/content-video.php (or content.php if not found)
get_template_part('template-parts/content', 'video');

// Include with parameters (WordPress 5.5+)
get_template_part('template-parts/content', 'post', array(
    'featured' => true,
    'show_author' => true,
    'post_id' => 123
));

single.php (Main template for single posts):

<?php
/**
 * The template for displaying all single posts
 */

get_header(); // Include header.php
?>

<div class="container">
    <main id="primary" class="site-main">
        <?php
        while (have_posts()) :
            the_post();
            
            // Include the appropriate template part based on post type
            // If this is a 'post', it will look for content-post.php
            // If that doesn't exist, it falls back to content.php
            get_template_part('template-parts/content', get_post_type());
            
            // Include post navigation (previous/next)
            get_template_part('template-parts/navigation', 'post');
            
            // If comments are open or we have at least one comment, load comments
            if (comments_open() || get_comments_number()) :
                comments_template(); // Includes comments.php
            endif;
            
            // Include author bio section for posts only
            if ('post' === get_post_type()) :
                get_template_part('template-parts/author', 'bio');
            endif;
            
            // Include related posts section
            get_template_part('template-parts/related', 'posts');
            
        endwhile;
        ?>
    </main>

    <?php get_sidebar(); // Include sidebar.php ?>
</div>

<?php get_footer(); // Include footer.php ?>

template-parts/content-post.php (Template part for post content):

<?php
/**
 * Template part for displaying posts
 */

// Access variables passed from get_template_part() (WP 5.5+)
$args = wp_parse_args($args, array(
    'show_author' => true,
    'featured' => false,
));
?>

<article id="post-<?php the_ID(); ?>" <?php post_class($args['featured'] ? 'featured-post' : ''); ?>>
    <header class="entry-header">
        <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
        
        <div class="entry-meta">
            <?php
            // Show post date
            mysite_posted_on();
            
            // Show author if enabled
            if ($args['show_author']) {
                mysite_posted_by();
            }
            
            // Show categories
            mysite_categories();
            ?>
        </div>
    </header>

    <?php if (has_post_thumbnail()) : ?>
        <div class="post-thumbnail">
            <?php the_post_thumbnail('large'); ?>
        </div>
    <?php endif; ?>

    <div class="entry-content">
        <?php
        the_content();
        
        wp_link_pages(array(
            'before' => '<div class="page-links">' . esc_html__('Pages:', 'mysite'),
            'after'  => '</div>',
        ));
        ?>
    </div>

    <footer class="entry-footer">
        <?php mysite_entry_footer(); ?>
    </footer>
</article>

template-parts/author-bio.php (Template part for author information):

<?php
/**
 * Template part for displaying author bio
 */

// Get author details
$author_id = get_the_author_meta('ID');
$author_posts_url = get_author_posts_url($author_id);
$author_description = get_the_author_meta('description');

// Only show author bio if a description exists
if (!$author_description) {
    return;
}
?>

<div class="author-bio">
    <h2 class="author-title">
        <?php printf(esc_html__('About %s', 'mysite'), get_the_author()); ?>
    </h2>
    
    <div class="author-avatar">
        <?php echo get_avatar($author_id, 100); ?>
    </div>
    
    <div class="author-description">
        <p><?php echo $author_description; ?></p>
        
        <a class="author-link" href="<?php echo esc_url($author_posts_url); ?>">
            <?php printf(esc_html__('View all posts by %s', 'mysite'), get_the_author()); ?>
        </a>
    </div>
</div>

Example of get_ vs the_ functions:

// the_title() directly outputs the title
the_title(); // Output: "My Amazing Post Title"

// get_the_title() returns the title without outputting it
$title = get_the_title();
echo 'Post title: ' . $title; // Output: "Post title: My Amazing Post Title"

// You can manipulate the returned value before displaying
$title = get_the_title();
$uppercase_title = strtoupper($title);
echo $uppercase_title; // Output: "MY AMAZING POST TITLE"

// You can use the returned value in conditions
if (strpos(get_the_title(), 'Featured') !== false) {
    echo 'This is a featured post!';
}

Example 1: Displaying a Post with Featured Image

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <header class="entry-header">
        <?php if (is_singular()) : ?>
            <h1 class="entry-title"><?php the_title(); ?></h1>
        <?php else : ?>
            <h2 class="entry-title">
                <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
            </h2>
        <?php endif; ?>
        
        <div class="entry-meta">
            <span class="posted-on">
                Posted on <a href="<?php the_permalink(); ?>"><?php the_time('F j, Y'); ?></a>
            </span>
            <span class="byline">
                by <a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>">
                    <?php the_author(); ?>
                </a>
            </span>
        </div>
    </header>
    
    <?php if (has_post_thumbnail()) : ?>
        <div class="post-thumbnail">
            <a href="<?php the_permalink(); ?>">
                <?php the_post_thumbnail('large'); ?>
            </a>
        </div>
    <?php endif; ?>
    
    <div class="entry-content">
        <?php
        if (is_singular()) :
            the_content();
        else :
            the_excerpt();
            ?>
            <a href="<?php the_permalink(); ?>" class="read-more">
                Continue reading <span class="screen-reader-text"><?php the_title(); ?></span>
            </a>
        <?php endif; ?>
    </div>
    
    <footer class="entry-footer">
        <?php
        // Display categories
        $categories_list = get_the_category_list(', ');
        if ($categories_list) {
            echo '<span class="cat-links">Posted in ' . $categories_list . '</span>';
        }
        
        // Display tags
        $tags_list = get_the_tag_list('', ', ');
        if ($tags_list) {
            echo '<span class="tags-links">Tagged ' . $tags_list . '</span>';
        }
        ?>
    </footer>
</article>

Example 2: Conditional Content Based on Post Type

<?php
// Different layouts for different post types
if (is_singular('product')) :
    // Product template
    ?>
    <div class="product-container">
        <div class="product-gallery">
            <?php the_post_thumbnail('product-large'); ?>
            <?php 
            // Display product gallery
            if (function_exists('product_gallery')) {
                product_gallery();
            }
            ?>
        </div>
        
        <div class="product-details">
            <h1 class="product-title"><?php the_title(); ?></h1>
            <div class="product-price"><?php product_price(); ?></div>
            <div class="product-description"><?php the_content(); ?></div>
            <div class="product-meta"><?php product_meta(); ?></div>
        </div>
    </div>
    <?php
elseif (is_singular('portfolio')) :
    // Portfolio template
    ?>
    <div class="portfolio-container">
        <div class="portfolio-showcase">
            <?php the_post_thumbnail('portfolio-full'); ?>
        </div>
        
        <div class="portfolio-content">
            <h1 class="portfolio-title"><?php the_title(); ?></h1>
            <div class="client-info">
                <strong>Client:</strong> <?php echo get_post_meta(get_the_ID(), 'client_name', true); ?>
            </div>
            <div class="project-date">
                <strong>Completed:</strong> <?php echo get_post_meta(get_the_ID(), 'project_date', true); ?>
            </div>
            <div class="portfolio-description"><?php the_content(); ?></div>
        </div>
    </div>
    <?php
else :
    // Default post template
    ?>
    <article class="standard-post">
        <h1 class="entry-title"><?php the_title(); ?></h1>
        <div class="entry-meta"><?php posted_on(); ?></div>
        <?php if (has_post_thumbnail()) : ?>
            <div class="featured-image"><?php the_post_thumbnail(); ?></div>
        <?php endif; ?>
        <div class="entry-content"><?php the_content(); ?></div>
    </article>
<?php endif; ?>

Step 1: Create a child theme folder

Create a new folder in /wp-content/themes/ with a name like twentytwentyfour-child

Step 2: Create style.css with theme information

/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://example.com/twenty-twenty-four-child/
Description: A child theme of Twenty Twenty-Four
Author: Your Name
Author URI: https://yourwebsite.com
Template: twentytwentyfour
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour-child
*/

/* Add custom styles here to override parent theme styles */
body {
    font-family: 'Roboto', sans-serif;
}

.site-header {
    background-color: #3498db;
    color: white;
}

.entry-title {
    color: #2c3e50;
}

Note the Template line - this tells WordPress which theme is the parent. It must match the parent theme's folder name exactly.

Step 3: Create functions.php to properly enqueue styles

<?php
/**
 * Twenty Twenty-Four Child Theme functions
 */

// Enqueue parent and child theme stylesheets correctly
function child_theme_styles() {
    // Get parent theme version for cache busting
    $parent_style = 'twentytwentyfour-style';
    $parent_theme = wp_get_theme('twentytwentyfour');
    
    // Enqueue parent theme's stylesheet
    wp_enqueue_style(
        $parent_style,
        get_template_directory_uri() . '/style.css',
        array(),
        $parent_theme->get('Version')
    );
    
    // Enqueue child theme's stylesheet
    wp_enqueue_style(
        'child-style',
        get_stylesheet_uri(),
        array($parent_style),
        wp_get_theme()->get('Version')
    );
}
add_action('wp_enqueue_scripts', 'child_theme_styles');

// Add any additional functions for your child theme below
function child_theme_setup() {
    // Example: Add a new image size
    add_image_size('featured-large', 1200, 600, true);
    
    // Example: Register an additional menu location
    register_nav_menus(array(
        'tertiary' => esc_html__('Tertiary Menu', 'twentytwentyfour-child'),
    ));
}
add_action('after_setup_theme', 'child_theme_setup');

Example: Overriding the header.php file

1. Copy header.php from the parent theme to your child theme folder

2. Modify the file as needed

<!-- This is the CHILD theme's header.php -->
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php wp_head(); ?>
    
    <!-- Custom tracking code for the child theme -->
    <script>
        // Custom analytics code here
    </script>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

<div id="page" class="site">
    <header id="masthead" class="site-header custom-header">
        <div class="site-branding">
            <?php if (has_custom_logo()) : ?>
                <div class="site-logo"><?php the_custom_logo(); ?></div>
            <?php else : ?>
                <h1 class="site-title">
                    <a href="<?php echo esc_url(home_url('/')); ?>" rel="home">
                        <?php bloginfo('name'); ?>
                    </a>
                </h1>
            <?php endif; ?>
            
            <?php
            $description = get_bloginfo('description', 'display');
            if ($description) : ?>
                <p class="site-description"><?php echo $description; ?></p>
            <?php endif; ?>
        </div>
        
        <nav id="site-navigation" class="main-navigation">
            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
                <span class="menu-toggle-text"><?php esc_html_e('Menu', 'twentytwentyfour-child'); ?></span>
            </button>
            
            <?php
            wp_nav_menu(array(
                'theme_location' => 'primary',
                'menu_id'        => 'primary-menu',
                'container_class' => 'primary-menu-container',
            ));
            ?>
            
            <?php get_search_form(); ?>
        </nav>
        
        <!-- Custom announcement banner added in child theme -->
        <div class="announcement-banner">
            <?php echo get_theme_mod('announcement_text', 'Welcome to our website!'); ?>
        </div>
    </header>

Example: Overriding content-page.php

1. Create the template-parts directory in your child theme

2. Create content-page.php with your custom implementation:

<?php
/**
 * Template part for displaying page content in page.php
 * 
 * Overridden in child theme to add custom page features
 */
?>

<article id="post-<?php the_ID(); ?>" <?php post_class('enhanced-page'); ?>>
    <?php if (!is_front_page()) : ?>
        <header class="entry-header custom-page-header">
            <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
            
            <!-- Custom breadcrumbs added in child theme -->
            <div class="breadcrumbs">
                <?php
                if (function_exists('yoast_breadcrumb')) {
                    yoast_breadcrumb('<p id="breadcrumbs">', '</p>');
                }
                ?>
            </div>
        </header>
    <?php endif; ?>

    <?php if (has_post_thumbnail()) : ?>
        <div class="page-featured-image">
            <?php the_post_thumbnail('full', array('class' => 'custom-featured-image')); ?>
            
            <?php if (get_post_meta(get_the_ID(), 'image_credit', true)) : ?>
                <div class="image-credit">
                    Photo: <?php echo get_post_meta(get_the_ID(), 'image_credit', true); ?>
                </div>
            <?php endif; ?>
        </div>
    <?php endif; ?>

    <div class="entry-content enhanced-content">
        <?php
        the_content();
        
        wp_link_pages(array(
            'before' => '<div class="page-links">' . esc_html__('Pages:', 'twentytwentyfour-child'),
            'after'  => '</div>',
        ));
        ?>
        
        <!-- Custom page attributes added in child theme -->
        <?php if (get_post_meta(get_the_ID(), 'page_last_updated', true)) : ?>
            <div class="page-meta">
                <p class="last-updated">
                    Last updated: <?php echo get_post_meta(get_the_ID(), 'page_last_updated', true); ?>
                </p>
            </div>
        <?php endif; ?>
    </div>
</article>

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
    <!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
    <div class="wp-block-query">
        <!-- wp:post-template -->
            <!-- wp:group {"layout":{"type":"constraine
            <main class="wp-block-group">
            <!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
            <div class="wp-block-query">
                <!-- wp:post-template -->
                    <!-- wp:group {"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group">
                        <!-- wp:post-title {"isLink":true} /-->
                        <!-- wp:post-featured-image {"isLink":true} /-->
                        <!-- wp:post-excerpt /-->
                        <!-- wp:post-date /-->
                    </div>
                    <!-- /wp:group -->
                <!-- /wp:post-template -->
                
                <!-- wp:query-pagination -->
                    <!-- wp:query-pagination-previous /-->
                    <!-- wp:query-pagination-numbers /-->
                    <!-- wp:query-pagination-next /-->
                <!-- /wp:query-pagination -->
                
                <!-- wp:query-no-results -->
                    <!-- wp:paragraph -->
                    <p>No posts found.</p>
                    <!-- /wp:paragraph -->
                <!-- /wp:query-no-results -->
            </div>
            <!-- /wp:query -->
        </main>
        <!-- /wp:group -->
        
        <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

{
            "$schema": "https://schemas.wp.org/trunk/theme.json",
            "version": 2,
            "settings": {
                "color": {
                    "palette": [
                        {
                            "slug": "primary",
                            "color": "#0d6efd",
                            "name": "Primary"
                        },
                        {
                            "slug": "secondary",
                            "color": "#6c757d",
                            "name": "Secondary"
                        },
                        {
                            "slug": "light",
                            "color": "#f8f9fa",
                            "name": "Light"
                        },
                        {
                            "slug": "dark",
                            "color": "#212529",
                            "name": "Dark"
                        }
                    ],
                    "gradients": [
                        {
                            "slug": "primary-to-secondary",
                            "gradient": "linear-gradient(135deg, #0d6efd 0%, #6c757d 100%)",
                            "name": "Primary to Secondary"
                        }
                    ],
                    "duotone": [
                        {
                            "slug": "dark-grayscale",
                            "colors": ["#212529", "#f8f9fa"],
                            "name": "Dark grayscale"
                        }
                    ]
                },
                "typography": {
                    "fontFamilies": [
                        {
                            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
                            "slug": "system-font",
                            "name": "System Font"
                        },
                        {
                            "fontFamily": "'Helvetica Neue', Helvetica, Arial, sans-serif",
                            "slug": "helvetica-arial",
                            "name": "Helvetica or Arial"
                        }
                    ],
                    "fontSizes": [
                        {
                            "slug": "small",
                            "size": "0.875rem",
                            "name": "Small"
                        },
                        {
                            "slug": "medium",
                            "size": "1rem",
                            "name": "Medium"
                        },
                        {
                            "slug": "large",
                            "size": "1.5rem",
                            "name": "Large"
                        },
                        {
                            "slug": "x-large",
                            "size": "2rem",
                            "name": "Extra Large"
                        }
                    ]
                },
                "spacing": {
                    "units": ["px", "em", "rem", "vh", "vw", "%"],
                    "spacingSizes": [
                        {
                            "slug": "small",
                            "size": "0.5rem",
                            "name": "Small"
                        },
                        {
                            "slug": "medium",
                            "size": "1rem",
                            "name": "Medium"
                        },
                        {
                            "slug": "large",
                            "size": "2rem",
                            "name": "Large"
                        }
                    ]
                },
                "layout": {
                    "contentSize": "800px",
                    "wideSize": "1200px"
                }
            },
            "styles": {
                "color": {
                    "background": "var(--wp--preset--color--light)",
                    "text": "var(--wp--preset--color--dark)"
                },
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--medium)",
                    "fontFamily": "var(--wp--preset--font-family--system-font)",
                    "lineHeight": "1.5"
                },
                "elements": {
                    "link": {
                        "color": {
                            "text": "var(--wp--preset--color--primary)"
                        },
                        ":hover": {
                            "color": {
                                "text": "var(--wp--preset--color--secondary)"
                            }
                        }
                    },
                    "h1": {
                        "typography": {
                            "fontSize": "var(--wp--preset--font-size--x-large)",
                            "fontWeight": "700",
                            "lineHeight": "1.2"
                        },
                        "spacing": {
                            "margin": {
                                "top": "var(--wp--preset--spacing--large)",
                                "bottom": "var(--wp--preset--spacing--medium)"
                            }
                        }
                    }
                },
                "blocks": {
                    "core/paragraph": {
                        "spacing": {
                            "margin": {
                                "bottom": "var(--wp--preset--spacing--medium)"
                            }
                        }
                    },
                    "core/button": {
                        "color": {
                            "background": "var(--wp--preset--color--primary)",
                            "text": "white"
                        },
                        "border": {
                            "radius": "4px"
                        },
                        "typography": {
                            "fontSize": "var(--wp--preset--font-size--small)"
                        },
                        ":hover": {
                            "color": {
                                "background": "var(--wp--preset--color--secondary)"
                            }
                        }
                    }
                }
            }
        }

1. Create the basic folder structure

        my-block-theme/
        ├── style.css
        ├── theme.json
        ├── templates/
        │   └── index.html
        └── parts/
            ├── header.html
            └── footer.html

2. Create style.css with theme information

/*
        Theme Name: My Block Theme
        Theme URI: https://example.com/my-block-theme
        Author: Your Name
        Author URI: https://yourwebsite.com
        Description: A simple block theme for WordPress
        Requires at least: 6.0
        Tested up to: 6.4
        Requires PHP: 7.4
        Version: 1.0
        License: GNU General Public License v2 or later
        License URI: http://www.gnu.org/licenses/gpl-2.0.html
        Text Domain: my-block-theme
        Tags: block-theme, full-site-editing, editor-style
        */

3. Create a minimal theme.json

{
            "$schema": "https://schemas.wp.org/trunk/theme.json",
            "version": 2,
            "settings": {
                "color": {
                    "palette": [
                        {
                            "slug": "primary",
                            "color": "#007bff",
                            "name": "Primary"
                        },
                        {
                            "slug": "secondary",
                            "color": "#6c757d",
                            "name": "Secondary"
                        },
                        {
                            "slug": "background",
                            "color": "#ffffff",
                            "name": "Background"
                        },
                        {
                            "slug": "text",
                            "color": "#333333",
                            "name": "Text"
                        }
                    ]
                },
                "typography": {
                    "fontFamilies": [
                        {
                            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
                            "slug": "system-font",
                            "name": "System Font"
                        }
                    ],
                    "fontSizes": [
                        {
                            "slug": "small",
                            "size": "0.875rem",
                            "name": "Small"
                        },
                        {
                            "slug": "medium",
                            "size": "1rem",
                            "name": "Medium"
                        },
                        {
                            "slug": "large",
                            "size": "1.5rem",
                            "name": "Large"
                        }
                    ]
                },
                "layout": {
                    "contentSize": "800px",
                    "wideSize": "1100px"
                }
            }
        }

4. Create parts/header.html

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|secondary","width":"1px"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
        <div class="wp-block-group has-background-background-color has-background" style="border-bottom-color:var(--wp--preset--color--secondary);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
            <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
            <div class="wp-block-group">
                <!-- wp:site-title {"level":1} /-->
                
                <!-- wp:navigation {"layout":{"type":"flex","orientation":"horizontal"}} /-->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

5. Create parts/footer.html

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"top":{"color":"var:preset|color|secondary","width":"1px"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
        <div class="wp-block-group has-background-background-color has-background" style="border-top-color:var(--wp--preset--color--secondary);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
            <!-- wp:paragraph {"align":"center"} -->
            <p class="has-text-align-center">© <!-- wp:site-title {"level":0} /-->, <!-- wp:pattern {"slug":"core/post-date"} /--></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->

6. Create templates/index.html

<!-- wp:template-part {"slug":"header"} /-->
        
        <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
        <main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
            <!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
            <div class="wp-block-query">
                <!-- wp:post-template -->
                    <!-- wp:post-title {"isLink":true} /-->
                    <!-- wp:post-featured-image {"isLink":true} /-->
                    <!-- wp:post-excerpt /-->
                    <!-- wp:separator {"backgroundColor":"secondary","className":"is-style-wide"} -->
                    <hr class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide"/>
                    <!-- /wp:separator -->
                <!-- /wp:post-template -->
                
                <!-- wp:query-pagination -->
                    <!-- wp:query-pagination-previous /-->
                    <!-- wp:query-pagination-numbers /-->
                    <!-- wp:query-pagination-next /-->
                <!-- /wp:query-pagination -->
            </div>
            <!-- /wp:query -->
        </main>
        <!-- /wp:group -->
        
        <!-- wp:template-part {"slug":"footer"} /-->