+ All Categories
Home > Technology > $conent - a story

$conent - a story

Date post: 26-May-2015
Category:
Upload: jared-stoneberg
View: 966 times
Download: 0 times
Share this document with a friend
Description:
PNW Drupal Summit session on theming changes in Drupal 7 as seen through the journey of a themer.
Popular Tags:
34
Step away from your $content Drupal 7 theming Jared Stoneberg @rock_soup
Transcript
Page 1: $conent - a story

Step away from your $content

Drupal 7 themingJared Stoneberg

@rock_soup

Page 2: $conent - a story

Jared Stoneberg

• I am a Drupal themer. (but I wasn’t always)

Page 3: $conent - a story

Jared Stoneberg

• I am a Drupal themer. (but I wasn’t always)

• I own and operate Stoneberg Design and Aioli Web.

Page 4: $conent - a story

Jared Stoneberg

• I am a Drupal themer. (but I wasn’t always)

• I own and operate Stoneberg Design and Aioli Web.

• I am active in the Seattle Drupal User Group and helped with planning for the PNW Drupal Summit.

Page 5: $conent - a story

Drupal Theming History

Page 6: $conent - a story

Drupal Theming History

Page 7: $conent - a story

Drupal Theming History

print_r($node)

Page 8: $conent - a story

Drupal Theming History

Page 9: $conent - a story

Drupal Theming History

Theming Views 1

Page 10: $conent - a story

Drupal Theming History

Page 11: $conent - a story

Drupal Theming History

Page 12: $conent - a story

Drupal Theming History

Well, that is better…

Page 13: $conent - a story

Drupal Theming History

Page 14: $conent - a story

Drupal Theming History

Page 15: $conent - a story

Drupal Theming History

Exclude from display

Page 16: $conent - a story

Drupal Theming History

Page 17: $conent - a story

Drupal 7 Theming

http://drupal.org/node/254940

Page 18: $conent - a story

CSS

• Class Changes– adios clear-block! hello clear-fix ! – New classes to control display• .element-hidden• .element-invisible

– http://bit.ly/hideinvisiblecss

– Classes are now easy on the eyes!• block-user-0 -> block-user-login

Page 19: $conent - a story

CSS

• $classes is an array– You can more easily manipulate the $classes variable

Page 20: $conent - a story

Regions

• Content is a region! • Sidebars have been semantically renamed.

Page 21: $conent - a story

Regions

• Bartik has lots of regions!

Page 22: $conent - a story

Regions

• Bartik has lots of regions!17!

Page 23: $conent - a story

Blocks

• $content now lives in a block

• $footer_message is now a block

• The search box is now a block, only

Page 24: $conent - a story

Template Files

Page 25: $conent - a story

Template Files

• As a front ended tpl’s are my bread and butter

• There are some new tpl files- including html.tpl

Page 26: $conent - a story

Template Files

• As a front ended tpl’s are my bread and butter

• There is a new tpl file – html.tpl

• Template suggestions have changed– Beware the double dash!

Page 27: $conent - a story

jQuery

jQuery UI in core!

Good stuff

Page 28: $conent - a story

render()

Page 29: $conent - a story

render()

helper for render is hide()

Page 30: $conent - a story

hook_page_alter()

Page 31: $conent - a story

Drupal Theming History

Page 32: $conent - a story

Drupal Theming History

Page 33: $conent - a story

Drupal Theming History

Page 34: $conent - a story

Questions?


Recommended