theming

Advanced Theming in Drupal 7

By Addison BerryVideo

The Advanced Theming in Drupal 7 series picks up where the Theming Basics with Drupal 7 left off. The first two videos, Introduction to Advanced Theming in Drupal 7 and PHP for Themers, give a high-level overview of the the template.php file and a review of the basic PHP you need when working with Drupal themes.

The whole series will cover the new page rendering system, and shows you the process of iterating through the theming process with the use of various debugging statements and the theme developer tool. You can start using advanced theming concepts such as: how to theme forms, how to cleanly expose information to the theme system, and how to empower your site administrators by making certain parts of the theme available to them for customization. You'll also learn more about some of the new theming hooks that are new in Drupal 7. By the end of the series, you'll have enough tools to be able to completely control the HTML, CSS and JavaScript that Drupal outputs.

Drupal Voices 218: Nathan Smith on styling forms with the Formalize framework

Listen online: 

Nathan Smith talks about the CSS framework that he created called Formalize, which allows designers to have more control over styling form elements. He sees it as a reset for forms, and created it because he was frustrated about the gap between the original design intention and the final implementation. He also talks a bit about the 960 grid system, which he also created, and how he got involved with the Drupal community. He also talks a bit about mobile design, and how the larger variance of screen sizes has created different design demands and implementations like the 960 grid on jQuery mobile system. read more »

September 28, 2011 - 12:28pm
Drupal Voices
8:52 minutes (6.14 MB)
mono 44kHz 96Kbps (cbr)

Introduction to Theming Basics for Drupal 7

By Addison BerryVideo

d7-theming-01b-thumb.png

Watch this video on Drupalize.Me

Theming Basics for Drupal 7 will provide a solid foundation for translating designs into Drupal themes. You'll learn to work with .info and tpl.php template files, how to add CSS and JavaScript, how to work with the render system new in Drupal 7, how to override templates, create regions, and use the Theme Developer tool.

You'll start with the original HTML, CSS and JavaScript template files that were provided by the designer so that you can follow along in translating the design into a Drupal 7 theme. The video explains Drupal's design vernacular, concepts, and special needs. We'll show you how to associate the proper CSS & Javascript files, add all of the necessary regions, and control the HTML output through page and node-specific templates. You'll learn about the best tools and strategies for controlling the look and feel of your Drupal website.

This video series will cover the basics of Drupal theming while the more advanced theming topics of working with the template.php file will be covered in the Advanced Theming video series. These videos pair with each other, and will finish the complete implementation of the 960 Robots theme used in both videos. read more »

Drupal Voices 216: Aaron Stanush on embedding webfonts in Drupal

Listen online: 

Aaron Stanush talks about some of the web font hosting services and how to integrate them within a Drupal theme. He talks a little bit about some of different web font hosting services such as typekit, KERNEST, and Monotype's fonts.com web fonts. These fonts are implemented via CSS, are accessibility and ensure cross-browser compatibility. He talks a bit about the @font-your-face Drupal module to integrate the web font hosting services mentioned above in addition to Google Fonts, Font Squirrel and Fontdeck.

For more information, be sure to check out his presentation "The type revolutionary's cookbook" at DrupalCon Chicago. read more »

September 21, 2011 - 12:54pm
Drupal Voices
8:29 minutes (5.88 MB)
mono 44kHz 96Kbps (cbr)

Drupal Voices 201: Jake Strawn on the Omega Theme

Listen online: 

Jake Strawn (aka himerus) talks about the Omega Base Theme, which implements the 960 grid system, supports HTML5, and provides some controls for laying out regions. He also talks about Omega's integration with the Context module via the Delta module in order to provide contextual layouts as well as his work on the associated Omega Tools and Omega UI modules. For more information, be sure to check out the Omega project page as well the Omega Theme microsite for more information and videos.

June 17, 2011 - 11:11am
Drupal Voices
12:13 minutes (11.24 MB)
mono 44kHz 128Kbps (cbr)

Drupal Voices 192: Jen Simmons on HTML5 and Drupal

Listen online: 

Jen Simmons gives more information about HTML5 and highlights from her Rockin' HTML5 with Drupal presentation at DrupalCon Chicago. She talks a bit about the HTML Tools module, which works with the Elements module, as well as the HTML5 Base theme. Simmons also talks about some of the plans for HTML5 in Drupal 8 as well as the larger trend of websites moving more towards creating "app"-like functionality, which can be achieved with a combination HTML5, CSS3 and JavaScript. For more information on HTML5 and Drupal, then be sure to check out the HTML5 group on groups.drupal.org as well as the outline for Simmons' Core Conversation talk called Let's HTML5-ify Drupal!

UPDATE: For more information on the HTML5 in Drupal 8, then be sure to check out Jacine Luisi's blog post on the HTML5 Drupal 8 Initiative or Dries' HTML5 in Drupal 8 annoucement.

May 18, 2011 - 11:46am
Drupal Voices
14:30 minutes (13.33 MB)
mono 44kHz 128Kbps (cbr)

Announcement 1: The Webchick Drupal 7 Tour 2011

By Jeff RobbinsBlog25 comments

This post is part of our 5-day countdown to Christmas. We're making a special Lullabot announcement every day this week.

For almost 3 years now, Angie "Webchick" Byron has acted as the Drupal 7 lead maintainer, shepherding the Drupal developer community in the creation of this amazing overhaul of our beloved CMS. Angie has been teaching Drupal with Lullabot for over 4 years, she's the lead author of the O'Reilly book Using Drupal, and she even won the Google Open Source Award for Best Contributor. Let's face it, she's a complete Drupal rock star.

So we're sending Angie on a rock tour! In January and February of 2011, she'll be flying from city to city to show you how to rock Drupal 7. Angie will be visiting San Francisco, Los Angeles, Denver, New York City, Washington DC, and Atlanta. She'll be presenting a 2-day seminar in each city to get the whole Drupal community up to speed, ready to build on and convert their sites to Drupal 7.

Find registration rates and more information at http://www.lullabot.com/events/workshops/webchick. read more »

Drupal Voices 160: Moshe Weitzman on Page Rendering in Drupal 7

Listen online: 

Moshe Weitzman talks about the new Page rendering flow and hook_page_alter() functionality in Drupal 7, which allows a more control over what appears on each page load. This will enable one-off customizations to the page loads in a much easier way. He talks about how Drupal 7 themes can now implement alter hooks, and how the page render arrays use the same approach as forms and nodes. Weitzman suggest that if you're new to the concept of render arrays to check out either the Pro Drupal Development book or some of the other training resources such as a workshop or other training videos.

September 2, 2010 - 1:39am
Drupal Voices
10:32 minutes (9.7 MB)
mono 44kHz 128Kbps (cbr)

Drupal Voices 159: John Albin Wilkins on Drupal 7 Theming

Listen online: 

John Albin Wilkins (aka JohnAlbin) talks about some of the new extensions to the theming system that are new in Drupal 7 including render elements, hook_page_alter(), show, hide, theme_get_suggestions(), and improvements to theme_links(). He also talks about the theme administration page overhaul, how it's now a lot easier to create "mega-menus" dropdown panels when hovering over the primary navigation, as well as another presentation that Palantir gave on previewing Drupal 7.

For more detailed information on what's new in Drupal 7 for themers, then be sure to check out John's DrupalCon presentation titled "Design and Theming: What's new in Drupal 7?" read more »

September 1, 2010 - 12:46pm
Drupal Voices
15:40 minutes (14.39 MB)
mono 44kHz 128Kbps (cbr)

Drupal Voices 158: Emma Jane Hogbin on PHP for Designers

Listen online: 

Emma Jane Hobgin (aka emmajane) gives an overview of her DrupalCon San Francisco presentation on PHP for Designers. She talks about the importance of pattern recognition and forensic coding, some helpful modules such as Devel Themer as well as some of the basics of Drupal theming with tpl.php files and preprocess functions within the template.php.

For more information, be sure to check out her PHP for Designers presentation.

August 31, 2010 - 11:48am
Drupal Voices
9:41 minutes (8.92 MB)
mono 44kHz 128Kbps (cbr)