$conent - a story
DESCRIPTION
PNW Drupal Summit session on theming changes in Drupal 7 as seen through the journey of a themer.TRANSCRIPT
![Page 1: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/1.jpg)
Step away from your $content
Drupal 7 themingJared Stoneberg
@rock_soup
![Page 2: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/2.jpg)
Jared Stoneberg
• I am a Drupal themer. (but I wasn’t always)
![Page 3: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/5.jpg)
Drupal Theming History
![Page 6: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/6.jpg)
Drupal Theming History
![Page 7: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/7.jpg)
Drupal Theming History
print_r($node)
![Page 8: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/8.jpg)
Drupal Theming History
![Page 9: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/9.jpg)
Drupal Theming History
Theming Views 1
![Page 10: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/10.jpg)
Drupal Theming History
![Page 11: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/11.jpg)
Drupal Theming History
![Page 12: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/12.jpg)
Drupal Theming History
Well, that is better…
![Page 13: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/13.jpg)
Drupal Theming History
![Page 14: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/14.jpg)
Drupal Theming History
![Page 15: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/15.jpg)
Drupal Theming History
Exclude from display
![Page 16: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/16.jpg)
Drupal Theming History
![Page 17: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/17.jpg)
Drupal 7 Theming
http://drupal.org/node/254940
![Page 18: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/19.jpg)
CSS
• $classes is an array– You can more easily manipulate the $classes variable
![Page 20: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/20.jpg)
Regions
• Content is a region! • Sidebars have been semantically renamed.
![Page 21: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/21.jpg)
Regions
• Bartik has lots of regions!
![Page 22: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/22.jpg)
Regions
• Bartik has lots of regions!17!
![Page 23: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/24.jpg)
Template Files
![Page 25: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/27.jpg)
jQuery
jQuery UI in core!
Good stuff
![Page 28: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/28.jpg)
render()
![Page 29: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/29.jpg)
render()
helper for render is hide()
![Page 30: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/30.jpg)
hook_page_alter()
![Page 31: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/31.jpg)
Drupal Theming History
![Page 32: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/32.jpg)
Drupal Theming History
![Page 33: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/33.jpg)
Drupal Theming History
![Page 34: $conent - a story](https://reader035.vdocuments.us/reader035/viewer/2022062405/5563be90d8b42a79028b58fd/html5/thumbnails/34.jpg)
Questions?