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

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

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

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

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

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

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();

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"} /-->