DRY Template Layouts and Partials

By Doug Black · January 7, 2021 · Watch in 13 minutes.

1 - Installation....... 9:00
2 - Let’s Create a Channel....... 10:00
3 - Let’s Create a Template....... 11:00
4 - Using File Fields Part 1: Set Up....... 6:00
5 - Using File Fields Part 2: Templating....... 12:00
6 - DRY Template Layouts and Partials....... 13:00
7 - Moving the System Directory Above Webroot....... 9:00
8 - Variable Modifiers....... 5:00
9 - Working with Categories....... 8:00
10 - Working with Relationships....... 8:00
11 - Partials, Embeds, Variables....... 15:00
12 - Let’s Create a Channel Layout....... 5:00
13 - Routing....... 7:00
14 - Contact Form....... 8:00
15 - Adding A 404 Page....... 5:00

In this video, we will convert our one file templates to make use of ExpressionEngine’s template layouts and partials

What We Do

Create our first Template Layout
Use Layout Variables
Create Template partials

Code Snippets

Basic Template Layout Example

{!-- Our Layout--}
<!DOCTYPE html>
<html>
<head>
    <title>My Site</title>
</head>
<body>
    {layout:contents}
</body>
</html>


{!-- Our code --}
{layout="template_group/template"}

<p>Hello world!</p>

Template Layout With Template Variables

{!-- Our Layout--}
<!DOCTYPE html>
<html>
<head>
    <title>{layout:title}</title>
</head>
<body>
    {layout:contents}
</body>
</html>


{!-- Our code --}
{layout="template_group/template"}

{layout:set name="title"}This title will show up now!{/layout:set}

<p>Hello world!</p>

Discussion and Questions

Discuss in the forum

Doug Black

Doug is the developer and founder at tripleNERDscore. He is also core contributor to, ExpressionEngine!

What We Do

Code Snippets

Basic Template Layout Example

Template Layout With Template Variables

Links

Discussion and Questions