Templates are the building blocks of a WordPress theme. Every theme has one or more templates, created to display specific content on your WordPress site. In this tutorial, you'll learn all about templates in block themes and classic themes, and then take a tour through the page template of both the Twenty Twenty-Three and Twenty Twenty-One themes.

1. Confidential Customized for Lorem Ipsum LLC Version 1.0
Jonathan Bossenger
WordPress theme template tour
Learn.WordPress.org

2. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
What you will learn
1. What are WordPress theme templates?
2. Templates in Classic Themes vs Block Themes

3. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
What you will learn
1. Templates in Block Themes
3. A Tour of page.html in Twenty Twenty-Three
2. Features Commonly Found in Block Templates

4. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
What you will learn
1. Templates in Classic Themes
3. A Tour of page.php in Twenty Twenty-One
2. Features Commonly Found in Classic Templates

5. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
What are templates?
● Templates control how your content is displayed
● Templates gather data to generate the HTML output for website page
● Templates can include template parts
● Templates are the building blocks of a WordPress theme

6. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
Two types of WordPress theme
● Classic Themes
● Block Themes

7. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
Classic theme templates
<?php
get_header();
$description = get_the_archive_description();
?>
<?php if ( have_posts() ) : ?>
<header class="page-header alignwide">
<?php the_archive_title( '<h1 class="page-title">', '</h1>' ); ?>
<?php if ( $description ) : ?>
<div class="archive-description"><?php echo wp_kses_post( wpautop( $description ) );
?></div>
<?php endif; ?>
</header><!-- .page-header -->
<?php while ( have_posts() ) : ?>
<?php the_post(); ?>
<?php get_template_part( 'template-parts/content/content', get_theme_mod(
'display_excerpt_or_full_post', 'excerpt' ) ); ?>
<?php endwhile; ?>
<?php twenty_twenty_one_the_posts_navigation(); ?>
<?php else : ?>
<?php get_template_part( 'template-parts/content/content-none' ); ?>
<?php endif; ?>
<?php
get_footer();

8. Confidential Customized for Lorem Ipsum LLC Version 1.0
Learn.WordPress.org
Block theme templates
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group
{"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type"
:"constrained"}} -->
<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
<!-- wp:query-title
{"type":"archive","align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}}} /-->
<!-- wp:query
{"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],
"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"max(15vw,
30vh)","align":"wide"} /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:post-date {"isLink":true} /-->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->