Theming Basics For Drupal (Video)

Theming Basics For Drupal (Video)

Video Description

The Lullabot Learning Series continues with a hands-on look at ’s theming system. In this 2 hour and 44 minute long in-depth video guide, Nate Haug, Jeff Robbins, and James Walker explain the steps for translating a design into a theme. The video explains ’s design vernacular, concepts, and special needs. The team shows 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 controling the look and feel of your website. This video covers the basics of theming. ’s more complex theming topics are covered in the Advanced Theming video (to be released soon) which pairs with this video and finishes the complete implementation of the 960 Robots theme used in both videos.

  1. Introduction
  2. Overview of theming
  3. Setting up environment & switching themes
  4. Design-to-theme translation strategies
  5. Theming tools: Firebug & Developer
  6. Overview of .info files
  7. Creating a theme & applying CSS
  8. Overview of template files
  9. Creating the page template
  10. Filling out the site & adding regions
  11. Working with node templates
  12. Using the Theme Developer tool
  13. Adding javascript to a theme
  14. Exploring page template variables
  15. Adding a screenshot to your theme
  16. Conclusion

Examples in this video are based on Drupal 6 and its variants.

The example 960 Robots Drupal theme as well as a complete download of the finished Drupal site used in this video are available for reference.

Video Details

  • Produced: Jeff Robbins
  • Directed and Edited: Kent Bye
  • Total running time: 2hr 44min
  • File Size: 1.2 GiB
  • File Format: PDF | EPUB | PDF + EPUB

E-Book

Theming Basics For Drupal (Video)Lullabot.Theming.Basics.For.Drupal.mov
Theming Basics For Drupal (Video)[Free] - Lullabot.Theming.Basics.For.Drupal.mov

Paper Book

Theming Basics For Drupal (Video)
Tags:   · ·