WITH PANELS! Thursday, February 7, 2013 BETTER WITH PANELS I am Jen - - PowerPoint PPT Presentation

▶
with panels
SMART_READER_LITE
LIVE PREVIEW

WITH PANELS! Thursday, February 7, 2013 BETTER WITH PANELS I am Jen - - PowerPoint PPT Presentation

Jan 17, 2023 326 likes •893 views

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

slide-1
SLIDE 1

BUILD BETTER WEBSITES

WITH PANELS!

SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013

Thursday, February 7, 2013

slide-2
SLIDE 2

I am Jen Lampton

2

BETTER WITH PANELS

@jenlampton ~ http://www.jenlampton.com

Thursday, February 7, 2013

slide-3
SLIDE 3

I am Jen Lampton

  • Building websites with Drupal since 2006

3

BETTER WITH PANELS

Thursday, February 7, 2013

slide-4
SLIDE 4

I am Jen Lampton

  • Building websites with Drupal since 2006
  • Building community around Drupal since 2007

4

BETTER WITH PANELS

Thursday, February 7, 2013

slide-5
SLIDE 5

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

slide-6
SLIDE 6

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

slide-7
SLIDE 7

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

slide-8
SLIDE 8

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

slide-9
SLIDE 9

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

slide-10
SLIDE 10

Who are you?

10

BETTER WITH PANELS

Thursday, February 7, 2013

slide-11
SLIDE 11

Who are you?

  • Building websites with Drupal for less than 1 year?

11

BETTER WITH PANELS

Thursday, February 7, 2013

slide-12
SLIDE 12

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

slide-13
SLIDE 13

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

slide-14
SLIDE 14

Once upon a time...

14

BETTER WITH PANELS

Thursday, February 7, 2013

slide-15
SLIDE 15

Once upon a time...

15

BETTER WITH PANELS

every page on your site used the same layout

Thursday, February 7, 2013

slide-16
SLIDE 16

Once upon a time...

16

BETTER WITH PANELS

where "the content" was often in the middle

Thursday, February 7, 2013

slide-17
SLIDE 17

Once upon a time...

17

BETTER WITH PANELS

and a bunch of other "stuff" was placed around it.

Thursday, February 7, 2013

slide-18
SLIDE 18

Once upon a time...

18

BETTER WITH PANELS

For a while, this was fine :)

Thursday, February 7, 2013

slide-19
SLIDE 19

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

slide-20
SLIDE 20

One solution:

20

BETTER WITH PANELS

Visibility: telling the blocks not to show up on certain pages

Thursday, February 7, 2013

slide-21
SLIDE 21

One solution:

21

BETTER WITH PANELS

allow the layout to adjust if there are no blocks.

Thursday, February 7, 2013

slide-22
SLIDE 22

Problematic :/

22

BETTER WITH PANELS

each individual block needs be configured

Thursday, February 7, 2013

slide-23
SLIDE 23

Another solution:

23

BETTER WITH PANELS

adjust the layout to not show blocks on certain pages

Thursday, February 7, 2013

slide-24
SLIDE 24

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

slide-25
SLIDE 25

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

slide-26
SLIDE 26

But, it’s time for Drupal 7!

26

BETTER WITH PANELS

Thursday, February 7, 2013

slide-27
SLIDE 27

But, it’s time for Drupal 7!

27

BETTER WITH PANELS

What do we do?

Thursday, February 7, 2013

slide-28
SLIDE 28

But, it’s time for Drupal 7!

28

BETTER WITH PANELS

I know, let’s start with a crazier layout!

Thursday, February 7, 2013

slide-29
SLIDE 29

But, it’s time for Drupal 7!

29

BETTER WITH PANELS

...with lots and lots of regions. For flexibility!

Thursday, February 7, 2013

slide-30
SLIDE 30

Problematic :/

30

BETTER WITH PANELS

whoopsie, we over did it.

Thursday, February 7, 2013

slide-31
SLIDE 31

Also, not good enough :/

31

BETTER WITH PANELS

Our “content” is still stuck in the middle.

Thursday, February 7, 2013

slide-32
SLIDE 32

So what is the solution?

32

BETTER WITH PANELS

Thursday, February 7, 2013

slide-33
SLIDE 33

Panels.

33

BETTER WITH PANELS

Panels allows you to control the layout of your site.

Thursday, February 7, 2013

slide-34
SLIDE 34

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

slide-35
SLIDE 35

Are you ready?

35

BETTER WITH PANELS

Thursday, February 7, 2013

slide-36
SLIDE 36

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

slide-37
SLIDE 37

Panels

37

BETTER WITH PANELS

a two column content layout.

Thursday, February 7, 2013

slide-38
SLIDE 38

Panels

38

BETTER WITH PANELS

a two column site layout.

Thursday, February 7, 2013

slide-39
SLIDE 39

Panels

39

BETTER WITH PANELS

a three column content layout.

Thursday, February 7, 2013

slide-40
SLIDE 40

Panels

40

BETTER WITH PANELS

a three column site layout.

Thursday, February 7, 2013

slide-41
SLIDE 41

What does this mean?

41

BETTER WITH PANELS

Thursday, February 7, 2013

slide-42
SLIDE 42

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

slide-43
SLIDE 43

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

slide-44
SLIDE 44

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

slide-45
SLIDE 45

Let’s make some stuff better, shall we?

45

BETTER WITH PANELS

Thursday, February 7, 2013

slide-46
SLIDE 46

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

slide-47
SLIDE 47

EXAMPLE 1: Home Page

47

BETTER WITH PANELS

Thursday, February 7, 2013

slide-48
SLIDE 48

EXAMPLE 2: Node Page (blog)

48

BETTER WITH PANELS

Thursday, February 7, 2013

slide-49
SLIDE 49

EXAMPLE 2: Node Page (event)

49

BETTER WITH PANELS

Thursday, February 7, 2013

slide-50
SLIDE 50

EXAMPLE 3: User Page

50

BETTER WITH PANELS

Thursday, February 7, 2013

slide-51
SLIDE 51

EXAMPLE 4: Taxonomy Term Page

51

BETTER WITH PANELS

Thursday, February 7, 2013

slide-52
SLIDE 52

EXAMPLE 5: Custom Landing Pages

52

BETTER WITH PANELS

Thursday, February 7, 2013

slide-53
SLIDE 53

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

slide-54
SLIDE 54

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

slide-55
SLIDE 55

BUILD BETTER WEBSITES

WITH PANELS!

SITE BUILDING TRACK | JEN LAMPTON | FEBRUARY 7 2013

Thursday, February 7, 2013