SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013 BUILD BETTER WEBSITES WITH PANELS! Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton @jenlampton ~ http://www.jenlampton.com 2 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 3 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 4 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 - Building modules for Drupal since 2008 5 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 - Building modules for Drupal since 2008 - Building training on Drupal since 2010 6 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 - Building modules for Drupal since 2008 - Building training on Drupal since 2010 - Improving user experiences with Drupal since 2011 @jenlampton ~ http://www.jenlampton.com 7 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 - Building modules for Drupal since 2008 - Building training on Drupal since 2010 - Improving user experiences with Drupal since 2011 - Improving the theme layer for Drupal since 2012 8 Thursday, February 7, 2013
BETTER WITH PANELS I am Jen Lampton - Building websites with Drupal since 2006 - Building community around Drupal since 2007 - Building modules for Drupal since 2008 - Building training on Drupal since 2010 - Improving user experiences with Drupal since 2011 - Improving the theme layer for Drupal since 2012 I <3 Drupal. I <3 Panels. @jenlampton ~ http://www.jenlampton.com 9 Thursday, February 7, 2013
BETTER WITH PANELS Who are you? 10 Thursday, February 7, 2013
BETTER WITH PANELS Who are you? - Building websites with Drupal for less than 1 year? 11 Thursday, February 7, 2013
BETTER WITH PANELS Who are you? - Building websites with Drupal for less than 1 year? - Building websites with Drupal for more than 1 year? 12 Thursday, February 7, 2013
BETTER WITH PANELS Who are you? - Building websites with Drupal for less than 1 year? - Building websites with Drupal for more than 1 year? - Built websites with Drupal 6? 13 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... 14 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... every page on your site used the same layout 15 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... where "the content" was often in the middle 16 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... and a bunch of other "stuff" was placed around it. 17 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... For a while, this was fine :) 18 Thursday, February 7, 2013
BETTER WITH PANELS Once upon a time... But over time, we discovered that this one-layout-fits-all approach doesn't always cut it. 19 Thursday, February 7, 2013
BETTER WITH PANELS One solution: Visibility: telling the blocks not to show up on certain pages 20 Thursday, February 7, 2013
BETTER WITH PANELS One solution: allow the layout to adjust if there are no blocks. 21 Thursday, February 7, 2013
BETTER WITH PANELS Problematic :/ each individual block needs be configured 22 Thursday, February 7, 2013
BETTER WITH PANELS Another solution: adjust the layout to not show blocks on certain pages 23 Thursday, February 7, 2013
BETTER WITH PANELS Problematic :/ In this case, Drupal retrieves the blocks from its database and does some work to prepare them for display. But then that work ends up being a waste if Drupal throws out the blocks instead of printing them to the page. 24 Thursday, February 7, 2013
BETTER WITH PANELS Also, not good enough :/ We still found the process of limiting when blocks appear - an insufficient solution for all our different page layout needs. 25 Thursday, February 7, 2013
BETTER WITH PANELS But, it’s time for Drupal 7! 26 Thursday, February 7, 2013
BETTER WITH PANELS But, it’s time for Drupal 7! What do we do? 27 Thursday, February 7, 2013
BETTER WITH PANELS But, it’s time for Drupal 7! I know, let’s start with a crazier layout! 28 Thursday, February 7, 2013
BETTER WITH PANELS But, it’s time for Drupal 7! ...with lots and lots of regions. For flexibility! 29 Thursday, February 7, 2013
BETTER WITH PANELS Problematic :/ whoopsie, we over did it. 30 Thursday, February 7, 2013
BETTER WITH PANELS Also, not good enough :/ Our “content” is still stuck in the middle. 31 Thursday, February 7, 2013
BETTER WITH PANELS So what is the solution? 32 Thursday, February 7, 2013
BETTER WITH PANELS Panels. Panels allows you to control the layout of your site. 33 Thursday, February 7, 2013
BETTER WITH PANELS Panels. Panels allows you to control the layout of your site. But it requires a shift in how you think about site architecture. 34 Thursday, February 7, 2013
BETTER WITH PANELS Are you ready? 35 Thursday, February 7, 2013
BETTER WITH PANELS Are you ready? Panels allows you to control the layout of your site . By controlling the layout of your content . 36 Thursday, February 7, 2013
BETTER WITH PANELS Panels a two column content layout. 37 Thursday, February 7, 2013
BETTER WITH PANELS Panels a two column site layout. 38 Thursday, February 7, 2013
BETTER WITH PANELS Panels a three column content layout. 39 Thursday, February 7, 2013
BETTER WITH PANELS Panels a three column site layout. 40 Thursday, February 7, 2013
BETTER WITH PANELS What does this mean? 41 Thursday, February 7, 2013
BETTER WITH PANELS What does this mean? • You don’t need very many regions in your theme. (I never have sidebars in any of my themes) 42 Thursday, February 7, 2013
BETTER WITH PANELS What does this mean? • You don’t need very many regions in your theme. (I never have sidebars in any of my themes) • You won’t be doing much with blocks. (you can even disable block module if you like) 43 Thursday, February 7, 2013
BETTER WITH PANELS What does this mean? • You don’t need very many regions in your theme. (I never have sidebars in any of my themes) • You won’t be doing much with blocks. (you can even disable block module if you like) • Everything is content. (don’t worry, this is how most people think about pages anyway) 44 Thursday, February 7, 2013
BETTER WITH PANELS Let’s make some stuff better, shall we? 45 Thursday, February 7, 2013
BETTER WITH PANELS Let’s make some stuff better, shall we? • Home page • Node page(s) • User Profile page • Taxonomy Term page • Custom landing page(s) 46 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 1: Home Page 47 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 2: Node Page (blog) 48 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 2: Node Page (event) 49 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 3: User Page 50 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 4: Taxonomy Term Page 51 Thursday, February 7, 2013
BETTER WITH PANELS EXAMPLE 5: Custom Landing Pages 52 Thursday, February 7, 2013
BETTER WITH PANELS Where’s the code? Everything we’ve been playing with so far is pluggable. • You can code your own layouts. • You can code your own content types. • You can code your own styles. • You can even code your own access rules. 53 Thursday, February 7, 2013
BETTER WITH PANELS Are we out of time? • Go to the Panelizer session (next, Oceanic ballroom) • Video series on drupalize.me (more coming soon!) • Follow me on twitter @jenlampton • Come talk to me about panels! 54 Thursday, February 7, 2013
SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013 BUILD BETTER WEBSITES WITH PANELS! Thursday, February 7, 2013
Recommend
More recommend
