Upgrade to Pro — share decks privately, control downloads, hide ads and more …

“Advanced” 
Templating with ExpressionEngine

Trevor Davis
July 28, 2012
Technology
11
1.3k

“Advanced” 
Templating with ExpressionEngine

Learn how to use Stash and creating simple plugins to advance your ExpressionEngine Templates

Trevor Davis

July 28, 2012
Tweet

More Decks by Trevor Davis

See All by Trevor Davis
Real World Craft Tips & Tricks
trevor_davis
9
1.1k
EE + CAP + Git = Happiness
trevor_davis
6
350
JavaScript For Non-Web Apps
trevor_davis
10
5.3k
Sass & Compass:
 Never Write 
Regular CSS Again
trevor_davis
14
2.5k
EE on Git
trevor_davis
8
280

Other Decks in Technology

See All in Technology
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
200
競技としてのKaggle、役に立つKaggle
yu4u
0
210
require(ESM)とECMAScript仕様
uhyo
0
100
生産性向上チームの紹介
cybozuinsideout
PRO
1
870
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
910
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
120
開発生産性大幅アップ！Postman VS Code拡張機能
nagix
2
370
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
240
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
510
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
170
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
280
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
240

Featured

See All Featured
How to name files
jennybc
65
93k
Happy Clients
brianwarren
92
6.4k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Building an army of robots
kneath
300
41k
The Invisible Customer
myddelton
114
12k
What's new in Ruby 2.0
geeforr
337
31k
Infographics Made Easy
chrislema
238
18k
What the flash - Photography Introduction
edds
64
11k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Raft: Consensus for Rubyists
vanstee
132
6.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k

Transcript

  1. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. “ADVANCED” TEMPLATING by Trevor Davis at DCEERS on July , 

  2. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

  3. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

  4.   STASH

  5. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

  6. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. _layouts/base

  7. <!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>

  8. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. site/index

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

    {/exp:stash:set}

  10. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. RENDERED PAGE

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

    <body> Here is my content </body> </html>

  12. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. REAL EXAMPLE

  13. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

  14. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. THE OLD WAY

  15. {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"}

  16. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. THE NEW WAY

  17. {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}

  18. {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}

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

    STASH

  20. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

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

  22. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

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

  23. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. SIMPLE EXAMPLE

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

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

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

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

  28. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. A MORE COMPLEX EXAMPLE

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

  30. 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; } } }

  31. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    should not be shared without permission. PKG.IO
  32. None

  33. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    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

  34. © Viget Labs, LLC • This presentation is CONFIDENTIAL and

    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