. Learning from the Basic theme file structure
2. We have our "dot info" file. And in "basic" we have all of our folders in the base directory. One idea behind "basic" is that it's not intended for sub themeing; instead "basic" is something that you would copy and then edit directly; basically hack up.
3. It doesn't include a "change log" because you're probably not going to be upgrading "basic". Once you download it and change it, it's going to become a different beast and so you're not going to need to upgrade it or upgrading won't really be a possible option. So all of the important files are in folders in the base directory even though this is a "zen" offshoot.
4. So CSS, images, templates, and then there one called "SASS". "SASS" is a CSS pre-processor, which allows you to create a modified version of CSS that includes certain logic. For example, conditional CSS, or using variables inside of CSS and this "SASS" folder contains all of the source files for that.
5. All of them have been exported into normal CSS files because not everybody is going to be working with "SASS" or "s a s s" inside of their theme. So you can either work with these or install a couple of extra modules to use the "SASS" files directly. We have our "LICENSE", "logo", and "README", "template dot PHP" and "theme-settings dot PHP".
6. So everything else looks pretty normal. Let's go ahead and see how this CSS is structured on this one. Ok.
7. We have a couple of different split-outs of the style sheets. We have "style", "print", "layout" which are all separate structures. We have "tabs" which relates to how the primary and secondary menu, or main and secondary menu, display.
8. And then we have some specific style sheets for Internet Explorer 6 and Internet Explorer 7.
In this collection, we introduce you to the techniques you need to track down the source of any output in Drupal and adjust it in an organized, predictable way. We also really flex Drupal's theming system to do things like:
- Build a theme from scratch, create a sub-theme and clone a theme
- Add new theme settings (including color pickers)
- Override page, block and node templates