build better websites with panels! - drupal · 2013. 2. 14. · - improving the theme layer for...
TRANSCRIPT
BUILD BETTER WEBSITES
WITH PANELS!
SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013
Thursday, February 7, 2013
I am Jen Lampton
2
BETTER WITH PANELS
@jenlampton ~ http://www.jenlampton.com
Thursday, February 7, 2013
I am Jen Lampton
- Building websites with Drupal since 2006
3
BETTER WITH PANELS
Thursday, February 7, 2013
I am Jen Lampton
- Building websites with Drupal since 2006- Building community around Drupal since 2007
4
BETTER WITH PANELS
Thursday, February 7, 2013
I am Jen Lampton
- Building websites with Drupal since 2006- Building community around Drupal since 2007
- Building modules for Drupal since 2008
5
BETTER WITH PANELS
Thursday, February 7, 2013
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
BETTER WITH PANELS
Thursday, February 7, 2013
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
7
BETTER WITH PANELS
@jenlampton ~ http://www.jenlampton.com
Thursday, February 7, 2013
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
BETTER WITH PANELS
Thursday, February 7, 2013
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.
9
BETTER WITH PANELS
@jenlampton ~ http://www.jenlampton.com
Thursday, February 7, 2013
Who are you?
10
BETTER WITH PANELS
Thursday, February 7, 2013
Who are you?
- Building websites with Drupal for less than 1 year?
11
BETTER WITH PANELS
Thursday, February 7, 2013
Who are you?
- Building websites with Drupal for less than 1 year?
- Building websites with Drupal for more than 1 year?
12
BETTER WITH PANELS
Thursday, February 7, 2013
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
BETTER WITH PANELS
Thursday, February 7, 2013
Once upon a time...
14
BETTER WITH PANELS
Thursday, February 7, 2013
Once upon a time...
15
BETTER WITH PANELS
every page on your site used the same layout
Thursday, February 7, 2013
Once upon a time...
16
BETTER WITH PANELS
where "the content" was often in the middle
Thursday, February 7, 2013
Once upon a time...
17
BETTER WITH PANELS
and a bunch of other "stuff" was placed around it.
Thursday, February 7, 2013
Once upon a time...
18
BETTER WITH PANELS
For a while, this was fine :)
Thursday, February 7, 2013
Once upon a time...
19
BETTER WITH PANELS
But over time, we discovered that this one-layout-fits-all approach doesn't always cut it.
Thursday, February 7, 2013
One solution:
20
BETTER WITH PANELS
Visibility: telling the blocks not to show up on certain pages
Thursday, February 7, 2013
One solution:
21
BETTER WITH PANELS
allow the layout to adjust if there are no blocks.
Thursday, February 7, 2013
Problematic :/
22
BETTER WITH PANELS
each individual block needs be configured
Thursday, February 7, 2013
Another solution:
23
BETTER WITH PANELS
adjust the layout to not show blocks on certain pages
Thursday, February 7, 2013
Problematic :/
24
BETTER WITH PANELS
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.
Thursday, February 7, 2013
Also, not good enough :/
25
BETTER WITH PANELS
We still found the process of limiting when blocks appear - an insufficient solution for all our different page layout needs.
Thursday, February 7, 2013
But, it’s time for Drupal 7!
26
BETTER WITH PANELS
Thursday, February 7, 2013
But, it’s time for Drupal 7!
27
BETTER WITH PANELS
What do we do?
Thursday, February 7, 2013
But, it’s time for Drupal 7!
28
BETTER WITH PANELS
I know, let’s start with a crazier layout!
Thursday, February 7, 2013
But, it’s time for Drupal 7!
29
BETTER WITH PANELS
...with lots and lots of regions. For flexibility!
Thursday, February 7, 2013
Problematic :/
30
BETTER WITH PANELS
whoopsie, we over did it.
Thursday, February 7, 2013
Also, not good enough :/
31
BETTER WITH PANELS
Our “content” is still stuck in the middle.
Thursday, February 7, 2013
So what is the solution?
32
BETTER WITH PANELS
Thursday, February 7, 2013
Panels.
33
BETTER WITH PANELS
Panels allows you to control the layout of your site.
Thursday, February 7, 2013
Panels.
34
BETTER WITH PANELS
Panels allows you to control the layout of your site.But it requires a shift in how you think about site architecture.
Thursday, February 7, 2013
Are you ready?
35
BETTER WITH PANELS
Thursday, February 7, 2013
Are you ready?
36
BETTER WITH PANELS
Panels allows you to control the layout of your site.By controlling the layout of your content.
Thursday, February 7, 2013
Panels
37
BETTER WITH PANELS
a two column content layout.
Thursday, February 7, 2013
Panels
38
BETTER WITH PANELS
a two column site layout.
Thursday, February 7, 2013
Panels
39
BETTER WITH PANELS
a three column content layout.
Thursday, February 7, 2013
Panels
40
BETTER WITH PANELS
a three column site layout.
Thursday, February 7, 2013
What does this mean?
41
BETTER WITH PANELS
Thursday, February 7, 2013
What does this mean?
42
BETTER WITH PANELS
• You don’t need very many regions in your theme.(I never have sidebars in any of my themes)
Thursday, February 7, 2013
What does this mean?
43
BETTER WITH PANELS
• 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)
Thursday, February 7, 2013
What does this mean?
44
BETTER WITH PANELS
• 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)
Thursday, February 7, 2013
Let’s make some stuff better, shall we?
45
BETTER WITH PANELS
Thursday, February 7, 2013
Let’s make some stuff better, shall we?
46
BETTER WITH PANELS
• Home page• Node page(s)• User Profile page• Taxonomy Term page• Custom landing page(s)
Thursday, February 7, 2013
EXAMPLE 1: Home Page
47
BETTER WITH PANELS
Thursday, February 7, 2013
EXAMPLE 2: Node Page (blog)
48
BETTER WITH PANELS
Thursday, February 7, 2013
EXAMPLE 2: Node Page (event)
49
BETTER WITH PANELS
Thursday, February 7, 2013
EXAMPLE 3: User Page
50
BETTER WITH PANELS
Thursday, February 7, 2013
EXAMPLE 4: Taxonomy Term Page
51
BETTER WITH PANELS
Thursday, February 7, 2013
EXAMPLE 5: Custom Landing Pages
52
BETTER WITH PANELS
Thursday, February 7, 2013
Where’s the code?
53
BETTER WITH PANELS
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.
Thursday, February 7, 2013
Are we out of time?
54
BETTER WITH PANELS
• 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!
Thursday, February 7, 2013
BUILD BETTER WEBSITES
WITH PANELS!
SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013
Thursday, February 7, 2013