“Advanced”  Templating with ExpressionEngine

© Viget Labs, LLC • This presentation is CONFIDENTIAL and
should not be shared without permission. “ADVANCED” TEMPLATING by Trevor Davis at DCEERS on July , 

should not be shared without permission. @trevor_davis HI! I’M I work as a Front-End Developer at Viget. TREVOR DAVIS

should not be shared without permission. I. Stash II. Creating Simple Plugins WHAT WE WILL COVER

  STASH

should not be shared without permission. ‎ Set text and snippets of code ‎ Get them later on ‎ Include a layout ‎ Fill in the gaps STASH

should not be shared without permission. _layouts/base

<!DOCTYPE html> <head> <title> {if {exp:stash:not_empty name="title"}} {exp:stash:get name="title"} |
{/i } Site Name </title> </head> <body> {exp:stash:get name="content"} </body> </html>

should not be shared without permission. site/index

{embed="_layouts/base"} {exp:stash:set_value name="title" value="Homepage"} {exp:stash:set name="content"} Here is my content
{/exp:stash:set}

should not be shared without permission. RENDERED PAGE

<!DOCTYPE html> <head> <title> Homepage | Site Name </title> </head>
<body> Here is my content </body> </html>

should not be shared without permission. REAL EXAMPLE

should not be shared without permission. ‎ Includes data from an entry in proﬁle channel ‎ Includes entries from blog channel authored by that person VIGET.COM PROFILE PAGES

should not be shared without permission. THE OLD WAY

{embed="structure/header"} {exp:channel:entries channel="profile" require_entry="yes" limit="1" } <h1>{title}</h1> <h2>{profile_job_title}</h2> {profile_bio} {embed="about/_blog_posts"}
... {/exp:channel:entries} {embed="structure/footer"}

should not be shared without permission. THE NEW WAY

{embed="_layouts/base"} {exp:stash:set parse_tags="yes"} {stash:blog_posts} {exp:channel:entries channel="blog" dynamic="no" username="{segment_3}" } <li><a
href="/blog/{url_title}">{title}</a></li> {stash:num_posts}{absolute_results}{/stash:num_posts} {/exp:channel:entries} {/stash:blog_posts} {/exp:stash:set}

{exp:channel:entries channel="profile" require_entry="yes" limit="1" } {exp:stash:set name="content"} <h1>{title}</h1> <h2>{profile_job_title}</h2> {profile_bio}
{if {exp:stash:not_empty name="blog_posts"}} <h1>{exp:stash:get name="num_posts"}</b> Posts</h1> <ul> {exp:stash:get name="blog_posts"} </ul> {/i } {/exp:stash:set} {/exp:channel:entries}

arrestedstills.tumblr.com CREDITS HOW I FELT AFTER LEARNING HOW TO USE
STASH

should not be shared without permission. SERIOUSLY, GIVE IT A TRY

  CREATING SIMPLE PLUGINS

should not be shared without permission. ‎ Our rule: no PHP in templates ‎ Performance implications ‎ Just messy ‎ Solution: create a plugin CREATING SIMPLE PLUGINS

should not be shared without permission. SIMPLE EXAMPLE

<?php echo urlencode('http://viget.com/blog/awesome- entry-title'); ?>

{exp:vl_client:url_encode} http://viget.com/blog/awesome-entry-title {/exp:vl_client:url_encode}

public function url_encode() { $tagdata = $this->EE->TMPL->tagdata; return urlencode(trim($tagdata)); }

http%3A%2F%2Fviget.com%2Fblog%2Fawesome-entry-title

should not be shared without permission. A MORE COMPLEX EXAMPLE

{exp:vl_client:entry_count channel_id="4"}

public function entry_count() { $channel_id = $this->EE->TMPL->fetch_param('channel_id', NULL); if($channel_id) {
$query = $this->EE->db->select('total_entries') ->from('channels') ->where('channel_id', $channel_id) ->get(); if ($query->num_rows() > 0) { $row = $query->row(); return $row->total_entries; } } }

should not be shared without permission. PKG.IO

should not be shared without permission. ‎ Multiple methods ‎ Won’t necessarily need them on other projects ‎ viget.com: 18 methods ‎ carrworkplaces.com: 4 methods SITE SPECIFIC PLUGINS

should not be shared without permission. Stash: devot-ee.com/add-ons/stash Pkg.io: pkg.io Sample Plugin: gist.github.com/3191839 web: trevordavis.net twitter: @trevor_davis Thanks! Let’s Connect Resources

“Advanced”  Templating with ExpressionEngine

“Advanced”  Templating with ExpressionEngine

Trevor Davis

More Decks by Trevor Davis

Other Decks in Technology

Featured

Transcript

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

  STASH

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

<!DOCTYPE html> <head> <title> {if {exp:stash:not_empty name="title"}} {exp:stash:get name="title"} |

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

{embed="_layouts/base"} {exp:stash:set_value name="title" value="Homepage"} {exp:stash:set name="content"} Here is my content

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

<!DOCTYPE html> <head> <title> Homepage | Site Name </title> </head>

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

{embed="structure/header"} {exp:channel:entries channel="profile" require_entry="yes" limit="1" } <h1>{title}</h1> <h2>{profile_job_title}</h2> {profile_bio} {embed="about/_blog_posts"}

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

{embed="_layouts/base"} {exp:stash:set parse_tags="yes"} {stash:blog_posts} {exp:channel:entries channel="blog" dynamic="no" username="{segment_3}" } <li><a

{exp:channel:entries channel="profile" require_entry="yes" limit="1" } {exp:stash:set name="content"} <h1>{title}</h1> <h2>{profile_job_title}</h2> {profile_bio}

arrestedstills.tumblr.com CREDITS HOW I FELT AFTER LEARNING HOW TO USE

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

  CREATING SIMPLE PLUGINS

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

<?php echo urlencode('http://viget.com/blog/awesome- entry-title'); ?>

{exp:vl_client:url_encode} http://viget.com/blog/awesome-entry-title {/exp:vl_client:url_encode}

public function url_encode() { $tagdata = $this->EE->TMPL->tagdata; return urlencode(trim($tagdata)); }

http%3A%2F%2Fviget.com%2Fblog%2Fawesome-entry-title

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

{exp:vl_client:entry_count channel_id="4"}

public function entry_count() { $channel_id = $this->EE->TMPL->fetch_param('channel_id', NULL); if($channel_id) {

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

© Viget Labs, LLC • This presentation is CONFIDENTIAL and

“Advanced” Templating with ExpressionEngine

“Advanced” Templating with ExpressionEngine

More Decks by Trevor Davis

Other Decks in Technology

Featured

Transcript

“Advanced”  Templating with ExpressionEngine

“Advanced”  Templating with ExpressionEngine