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
20241220_S3 tablesの使い方を検証してみた
handy
3
330
継続的にアウトカムを生み出し ビジネスにつなげる、 戦略と運営に対するタイミーのQUEST(探求)
zigorou
0
520
CustomCopを使ってMongoidのコーディングルールを整えてみた
jinoketani
0
220
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
130
成果を出しながら成長する、アウトプット駆動のキャッチアップ術 / Output-driven catch-up techniques to grow while producing results
aiandrox
0
180
LINEヤフーのフロントエンド組織・体制の紹介【24年12月】
lycorp_recruit_jp
0
530
NilAway による静的解析で「10 億ドル」を節約する #kyotogo / Kyoto Go 56th
ytaka23
3
370
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
220
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
10個のフィルタをAXI4-Streamでつなげてみた
marsee101
0
160
KubeCon NA 2024 Recap / Running WebAssembly (Wasm) Workloads Side-by-Side with Container Workloads
z63d
1
240
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
680

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
RailsConf 2023
tenderlove
29
940
Visualization
eitanlees
146
15k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
The World Runs on Bad Software
bkeepers
PRO
65
11k
What's in a price? How to price your products and services
michaelherold
243
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Cult of Friendly URLs
andyhume
78
6.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Code Review Best Practice
trishagee
65
17k

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