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.
This 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 for Drupal 7 series. These videos pair with each other, and will finish the complete implementation of the 960 Robots theme used in both videos.
| Title | Play button | |||
|---|---|---|---|---|
| 1. | Introduction to Theming Basics for Drupal 7 FREE | 19m | ||
| 2. | Preparing a site for theming | 8m | ||
| 3. | Enabling themes and theme settings | 7m | ||
| 4. | Translating a design into a Drupal theme | 5m | ||
| 5. | Helpful browser extensions for Drupal theming | 4m | ||
| 6. | Creating the .info file and adding CSS | 10m | ||
| 7. | Customizing the page template file | 23m | ||
| 8. | Adding regions to the page template | 16m | ||
| 9. | Customizing the node template | 24m | ||
| 10. | Creating dynamic templates for specific node types | 8m | ||
| 11. | Using the theme developer module | 6m | ||
| 12. | Adding JavaScript to a theme | 16m | ||
| 13. | Tour of popular page template variables | 12m | ||
| 14. | Adding a screenshot to your theme | 4m | ||
| 15. | Conclusion to Theming Basics | 3m |
Lullabot has trained thousands of Drupal developers & guided the development of some of the largest Drupal websites.
