Your SlideShare is downloading. ×
0
BUILDING EE SITESWITH STRUCTURE  Presented by Kristen Grote        www.kristengrote.com  Portland ExpressionEngine Meetup ...
WHAT IS STRUCTURE & WHY IS IT GREAT?         Structure is EEs native Pages module on steroids.BUILDING EE SITES WITH STRUC...
WHAT IS STRUCTURE & WHY IS IT GREAT?                               Client-Friendly Interface                  EEs Edit Scr...
WHAT IS STRUCTURE & WHY IS IT GREAT?                            Semantic, Organized URLs                  Native EE:      ...
WHAT IS STRUCTURE & WHY IS IT GREAT?             Unrestricted Subpage Levels & URL Segments                               ...
WHAT IS STRUCTURE & WHY IS IT GREAT?        Dynamic, Sortable, & Client-Manageable NavigationBUILDING EE SITES WITH STRUCT...
WHAT IS STRUCTURE & WHY IS IT GREAT?                                   Duplicate URL Titles  Native EE:                   ...
INSTALLATION & SETUP      ● Download & install the Structure files like you        normally would and install the module i...
INSTALLATION & SETUP   ● Configure each channel in the Structure settings   Every Structure channel should be assigned a d...
INSTALLATION & SETUP    Page: A one-off entry that is part of the main sitemap (ex. Home, About,    Contact, Blog Overview...
INSTALLATION & SETUP      Publish Your First Entry                                   A Structure tab                      ...
PUBLISHING ENTRIES               When You Publish an Entry with Structure,                                   it Exists at ...
PUBLISHING ENTRIES    Hide Structure-assigned templates or template groups to                    prevent duplicate URLs.  ...
PUBLISHING ENTRIES                         Assigning Templates Per-Page                                   "Default" Channe...
SUB-PAGES    ●    Can be multiple levels deep    ●    Can use any Structure-managed "Page"-type channel    ●    Can be re-...
LISTINGS    A large group of entries in the same channel that are    well-suited to categorization, sorting, & archiving. ...
LISTINGS        1. Assign a channel as a listing in Structure settings.                                     Assign as a   ...
LISTINGS           2. Assign the listing channel to a parent entry                  The parent entry can be in any "Page"-...
LISTINGS                Tip: Use an empty "placeholder" channel for                   listing parents with no unique conte...
LISTINGS                   Use NSM Publish Hints to help the client                    understand the purpose of the page....
CATEGORIES, ARCHIVES, TAGS, & AUTHORS     Zoo Triggers: http://devot-ee.com/add-ons/zoo-triggers    Install & add {trigger...
CATEGORIES, ARCHIVES, TAGS, & AUTHORS Use {triggers:entries_title} in place of {exp:channel:category_heading}             ...
CATEGORIES, ARCHIVES, TAGS, & AUTHORS     Use triggers: segment variables in conditionals instead                 of nativ...
ASSETS                          Flexible Sidebars Using Playa:      http://www.train-ee.com/courseware/free-tutorials/comm...
TEMPLATING       Code Your Templates Exactly the Same as You Would                      Without Structure                 ...
TEMPLATING             Dynamic Navigaton with {exp:structure:nav}   Display all top-level pages:     Display all sub-pages...
TEMPLATING          Breadcrumbs? We got yer breadcrumbs right here:                           {exp:structure:breadcrumb}BU...
TIPS & TRICKS                              StructureFrame Fieldtype              Standalone Fieldtype          Supported i...
TIPS & TRICKS                   Prevent a duplicate/broken homepage                     by updating the Structure URL to "...
TIPS & TRICKS      Use {structure:page:title} to output the current pages               title without a channel entries lo...
THANK YOU!    Links & Resources:    Structure on Devot:ee: http://devot-ee.com/add-ons/structure    Structure Docs: http:/...
Upcoming SlideShare
Loading in...5
×

Building EE Sites with Structure

2,864

Published on

Learn how to integrate the Structure module into an ExpressionEngine site. Kristen will go over basic concepts, best practices, and helpful tips & tricks. What you'll learn:

- Why use Structure?
- Difference between a Structure-managed page and a native, template-based page.
- Using "listings" for large channel groups like blogs and news.
- Using "assets" for non-page content, like sidebar touts & notifications.
- Useful tags & techniques for your templates.
- Dealing with category & archive listings.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,864
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Building EE Sites with Structure"

  1. 1. BUILDING EE SITESWITH STRUCTURE Presented by Kristen Grote www.kristengrote.com Portland ExpressionEngine Meetup March 27, 2013
  2. 2. WHAT IS STRUCTURE & WHY IS IT GREAT? Structure is EEs native Pages module on steroids.BUILDING EE SITES WITH STRUCTURE
  3. 3. WHAT IS STRUCTURE & WHY IS IT GREAT? Client-Friendly Interface EEs Edit Screen StructureBUILDING EE SITES WITH STRUCTURE
  4. 4. WHAT IS STRUCTURE & WHY IS IT GREAT? Semantic, Organized URLs Native EE: Unnecessary Segment http://www.mysite.com/blog/post/my-post-title Structure: http://www.mysite.com/blog/my-post-titleBUILDING EE SITES WITH STRUCTURE
  5. 5. WHAT IS STRUCTURE & WHY IS IT GREAT? Unrestricted Subpage Levels & URL Segments 1 2 3 4 5 6BUILDING EE SITES WITH STRUCTURE
  6. 6. WHAT IS STRUCTURE & WHY IS IT GREAT? Dynamic, Sortable, & Client-Manageable NavigationBUILDING EE SITES WITH STRUCTURE
  7. 7. WHAT IS STRUCTURE & WHY IS IT GREAT? Duplicate URL Titles Native EE: Structure: domain.com/contact/thank-you domain.com/contact/thank-you Gro ss! domain.com/register/thank-you1 domain.com/register/thank-youBUILDING EE SITES WITH STRUCTURE
  8. 8. INSTALLATION & SETUP ● Download & install the Structure files like you normally would and install the module in EE ● The Pages module should not be installed ● Create all of your channels and templates before configuring StructureBUILDING EE SITES WITH STRUCTURE
  9. 9. INSTALLATION & SETUP ● Configure each channel in the Structure settings Every Structure channel should be assigned a default template, but youre not restricted to only that template (more on that later)BUILDING EE SITES WITH STRUCTURE
  10. 10. INSTALLATION & SETUP Page: A one-off entry that is part of the main sitemap (ex. Home, About, Contact, Blog Overview) Listing: A large group of entries in the same channel that are best suited for categorization, sorting, & archiving (ex. blog entries, news items, products) Asset: Channel entries that aren’t displayed as unique pages, but rather extra chunks of re-usable data (ex. sidebar touts, testimonials)BUILDING EE SITES WITH STRUCTURE
  11. 11. INSTALLATION & SETUP Publish Your First Entry A Structure tab now appears on the Publish pageBUILDING EE SITES WITH STRUCTURE
  12. 12. PUBLISHING ENTRIES When You Publish an Entry with Structure, it Exists at 2 URLs: Template Group Template Entry Title Native EE: http://www.mysite.com/blog/post/my-post-title Parent Page Child Page/Listing Entry Title Structure: http://www.mysite.com/blog/my-post-titleBUILDING EE SITES WITH STRUCTURE
  13. 13. PUBLISHING ENTRIES Hide Structure-assigned templates or template groups to prevent duplicate URLs. Hide the entire group... ...or just the templateBUILDING EE SITES WITH STRUCTURE
  14. 14. PUBLISHING ENTRIES Assigning Templates Per-Page "Default" Channel Content Contact TemplateBUILDING EE SITES WITH STRUCTURE
  15. 15. SUB-PAGES ● Can be multiple levels deep ● Can use any Structure-managed "Page"-type channel ● Can be re-ordered & moved up or down levels ● The URL structure will match the subpage structureBUILDING EE SITES WITH STRUCTURE
  16. 16. LISTINGS A large group of entries in the same channel that are well-suited to categorization, sorting, & archiving. Examples: Blogs, Latest News, ProductsBUILDING EE SITES WITH STRUCTURE
  17. 17. LISTINGS 1. Assign a channel as a listing in Structure settings. Assign as a The template the Listing channel individual channel entries will use.BUILDING EE SITES WITH STRUCTURE
  18. 18. LISTINGS 2. Assign the listing channel to a parent entry The parent entry can be in any "Page"-type channel.BUILDING EE SITES WITH STRUCTURE
  19. 19. LISTINGS Tip: Use an empty "placeholder" channel for listing parents with no unique content. ● Assign the template per-entry ● SEO data can still be appliedBUILDING EE SITES WITH STRUCTURE
  20. 20. LISTINGS Use NSM Publish Hints to help the client understand the purpose of the page.BUILDING EE SITES WITH STRUCTURE
  21. 21. CATEGORIES, ARCHIVES, TAGS, & AUTHORS Zoo Triggers: http://devot-ee.com/add-ons/zoo-triggers Install & add {triggers:entries} to your listing channel entries tag:BUILDING EE SITES WITH STRUCTURE
  22. 22. CATEGORIES, ARCHIVES, TAGS, & AUTHORS Use {triggers:entries_title} in place of {exp:channel:category_heading} Output full category & archive navigation with {exp:zoo_triggers:categories} & {exp:zoo_triggers:archive}BUILDING EE SITES WITH STRUCTURE
  23. 23. CATEGORIES, ARCHIVES, TAGS, & AUTHORS Use triggers: segment variables in conditionals instead of native EE segment variables {segment_1} {triggers:segment_2} {triggers:segment_3} http://domain.com/blog/category/maruBUILDING EE SITES WITH STRUCTURE
  24. 24. ASSETS Flexible Sidebars Using Playa: http://www.train-ee.com/courseware/free-tutorials/comments/flexible-sidebars-using-playa/BUILDING EE SITES WITH STRUCTURE
  25. 25. TEMPLATING Code Your Templates Exactly the Same as You Would Without Structure Without Structure: With Structure:BUILDING EE SITES WITH STRUCTURE
  26. 26. TEMPLATING Dynamic Navigaton with {exp:structure:nav} Display all top-level pages: Display all sub-pages within a section: {exp:structure:nav {exp:structure:nav start_from=/ start_from=/{segment_1} max_depth=1 } } Pages can be omitted from dynamic navigation by using the "hide from nav?" dropdown in the Structure tab.BUILDING EE SITES WITH STRUCTURE
  27. 27. TEMPLATING Breadcrumbs? We got yer breadcrumbs right here: {exp:structure:breadcrumb}BUILDING EE SITES WITH STRUCTURE
  28. 28. TIPS & TRICKS StructureFrame Fieldtype Standalone Fieldtype Supported in Most 3rd Party WYSIWYGsBUILDING EE SITES WITH STRUCTURE
  29. 29. TIPS & TRICKS Prevent a duplicate/broken homepage by updating the Structure URL to "/"BUILDING EE SITES WITH STRUCTURE
  30. 30. TIPS & TRICKS Use {structure:page:title} to output the current pages title without a channel entries loop.BUILDING EE SITES WITH STRUCTURE
  31. 31. THANK YOU! Links & Resources: Structure on Devot:ee: http://devot-ee.com/add-ons/structure Structure Docs: http://buildwithstructure.com/documentation Structure Tags: http://buildwithstructure.com/tags Zoo Triggers: http://devot-ee.com/add-ons/zoo-triggers NSM Publish Hints: http://ee-garage.com/nsm-publish-hints Flexible Sidebars Using Playa: http://www.train-ee.com/courseware/free- tutorials/comments/flexible-sidebars-using-playa/BUILDING EE SITES WITH STRUCTURE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×