Omega is a Drupal base theme, which provides a nice framework for creating a responsive theme. It has a lot of configuration that can be done in the user interface, so you can set up a lot of basic theming pieces in the administrative UI, and then spend your time making things look great instead of wrestling with things like responsive and grid framework set up.
To demonstrate Omega in this series, we'll be converting the 960 Robots theme to an Omega sub-theme. The 960 Robots theme has a number of template files and custom code, and we'll make sure that all of those features are carried over. In the process of this conversion we will cover all of the major points of using Omega. We're going to:
For this series, we assume that you know:
We'll be focusing specifically on the Omega side of building this new theme, and we won't be getting into the details of responsive design, though we will be discussing the basic concepts as we implement them.
The final result of this video series is the 960 Robots Omega theme, which is available on Drupal.org.
| Title | Play button | |||
|---|---|---|---|---|
| 1. | Brief Explanation of the Omega Video Series FREE | 4m | ||
| 2. | Omega Overview and Terminology FREE | 9m | ||
| 3. | Omega Demo Site | 9m | ||
| 4. | Create an Omega Sub-theme | 10m | ||
| 5. | Debugging Settings in Omega | 4m | ||
| 6. | Omega Grid and Responsive Settings | 7m | ||
| 7. | Configure Zones and Regions in Omega | 10m | ||
| 8. | Add and Remove Regions in Omega | 8m | ||
| 9. | Omega Libraries, CSS, and Advanced Element Settings | 5m | ||
| 10. | Export Omega Theme Settings | 10m | ||
| 11. | Understand Omega CSS and DOM | 11m | ||
| 12. | Omega Global CSS and Custom Templates | 15m | ||
| 13. | Add Template Variables in Omega | 10m | ||
| 14. | Create a New Omega Zone | 9m | ||
| 15. | Finish the 960 Robots Omega Sub-theme | 7m |
Lullabot has trained thousands of Drupal developers & guided the development of some of the largest Drupal websites.
