Using File Fields Part 2: Templating
- 1 - Installation.......
- 2 - Let’s Create a Channel.......
- 3 - Let’s Create a Template.......
- 4 - Using File Fields Part 1: Set Up.......
- 5 - Using File Fields Part 2: Templating.......
- 6 - DRY Template Layouts and Partials.......
- 7 - Moving the System Directory Above Webroot.......
- 8 - Variable Modifiers.......
- 9 - Working with Categories.......
- 10 - Working with Relationships.......
- 11 - Partials, Embeds, Variables.......
- 12 - Let’s Create a Channel Layout.......
- 13 - Routing.......
- 14 - Contact Form.......
- 15 - Adding A 404 Page.......
In this video, we will create our blog templates and use our file field in our loops.
What We Do
- Create our first Template Group
- Explore the Channel Entries tag
- Create our first channel entry tag in our template
- Limit a channel entry with the
url_title
parameter - Add some design
Code Snippets
Channel Entries For Blog Loop
{exp:channel:entries channel="blog" limit="3" dynamic="no" disable="categories"}
<h1>{title}</h1>
<h2>{featured_image}</h2>
{blog_content}
{/exp:channel:entries}
Channel Entries Loop With Segment
{exp:channel:entries channel="blog" url_title="{segment_3}"}
<h1>{title}</h1>
<h2>{featured_image}</h2>
{blog_content}
{/exp:channel:entries}
File Field Implementation
{!-- You can do it as one tag --}
<img src="{featured_image}" />
{!-- Or as a tag pair --}
{featured_image}
<img src="{url}" alt="{title}" />
{/featured_image}
Links
- ExpressionEngine Segment Variable: https://docs.expressionengine.com/latest/templates/globals/url-segments.html#url-segment-variables
- ExpressionEngine Channel Entries Tag: https://docs.expressionengine.com/latest/channels/entries.html#channel-entries-tag
- See all of the site build in action in the Learn EE git repository.