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.2k
EE + CAP + Git = Happiness
trevor_davis
6
350
JavaScript For Non-Web Apps
trevor_davis
10
5.4k
Sass & Compass:
 Never Write 
Regular CSS Again
trevor_davis
14
2.6k
EE on Git
trevor_davis
8
290

Other Decks in Technology

See All in Technology
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
670
Evangelismo técnico: ¿qué, cómo y por qué?
trishagee
0
350
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
370
誰も全体を知らない ～ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
1
220
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
750
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
410
透過型SMTPプロキシによる送信メールの可観測性向上: Update Edition / Improved observability of outgoing emails with transparent smtp proxy: Update edition
linyows
2
210
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
470
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
120
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
150
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
470
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.1k

Featured

See All Featured
How GitHub (no longer) Works
holman
310
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Teambox: Starting and Learning
jrom
133
8.8k
The Pragmatic Product Professional
lauravandoore
31
6.3k
A better future with KSS
kneath
238
17k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Building Applications with DynamoDB
mza
90
6.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
We Have a Design System, Now What?
morganepeng
50
7.2k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k

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