Documentation

Community Documentation

This documentation is now deprecated in favor the Official Omega Project Handbook - please use the handbook.


PREVIOUS EVENT:

The Official Omega Documentation Initiative will be conducting its next documentation sprint January 10th, 2012 @ 2pm EST (1400). The event sign-up page is here. We will focus on completing the Delta section, beginning the Context section and possibly creating a FAQ section.


PREVIOUS EVENT:

The Official Omega Documentation Initiative is entering its next phase. This 3rd sprint seeks to focus on drafting "intermediate" level documentation and depending on how things go possibly transfer the final drafts to The Handbook


PREVIOUS EVENT

The Second official Omega Doc sprint event has been created: See here for event details


PREVIOUS EVENT

The official Omega documentation sprint is being organized now and will be held October 3rd, 2011 9pm (CST) in #drupal-omega on IRC.


Official Omega Documentation

The 3.x branch of Omega is the recommended version for all use cases. There have been significant changes to the theme settings UI in 3.x. 2.x docs should not be relied upon for specific configuration instruction.
This Wiki will serve as the main index for all 3.x documentation until further notice. Please contribute to the documentation and help us establish and maintain accuracy.
  1. Discover Omega - A Responsive HTML5/960 grid Base Theme
  2. Omega 3.x is a collection of the latest and greatest in today's web design technologies and standards in a user friendly management interface. Start here to find out what technologies are included in the Omega framework. Learn about the framework and the various respective resources before diving in.

  3. Migrating from Omega 2.x to Omega 3.x - What's New in Omega 3.x?
  4. Getting Started With Omega - Alpha or Omega? XHTML or HTML5? - What's right for me?
  5. Learn about the starter kits available in Omega 3.x. Learn how to decide if you should go with the stripped down version of Alpha or the full blown version of Omega. Find out how to determine if you should use HTML5 or the more traditional XHTML for your project.

  6. Creating a Subtheme - How to create your subtheme.
  7. There are two methods of creating omega subthemes. Either via Drush (a module that takes advantage of the command line) or by copying an Omega starterkit and making a few minor edits.

  8. Omega's Admin Settings UI & Folder Structure - The Big Picture
  9. Understanding the Responsive Grid - Using media queries to react to screen size changes.
  10. Whether your site is browsed by a desktop user with a widescreen or an iPhone your Omega theme will recognize the screen size and load the appropriate css using media queries.

  11. CSS Weights, Default Loading Order and Overrides - Learn how all your CSS files stack up.
  12. Responsive Images? - How to make your site images responsive to accommodate your responsive grids.
  13. This Module integrates the Responsive Images library created by Filament Group. the purpose of this library is to load images in different sizes based upon the resolution of the browser loading the page. This allows for mobile-optimized images. This module provides integration with the library and a "Responsive Images" image field formatter where you can select both a small (mobile-optimized) image style as well as a large (for normal screens) image style. The image style configuration options are provided by Drupal core.

  14. Creating and Setting up a Custom Grid for Omega 3.x - Learn How to Change Omega's Default Grid and Create your Own.
  15. Creating custom Panels layouts for Omega 3.x Learn how to add you own custom grid based panels layouts to your Omega subtheme.
  16. Adding nested regions in Omega 3.x Learn how to add nested regions to your Omega subtheme.

Useful Omega Resources:

  • Official Omega

Official Project Page
Microsite w/Omega 2.x Info
Official Omega 2.x Docs

  • Video

Things you should know before getting started with Omega
Excellent Omega 3.x Video Demo by Nathan Lisgo (nlisgo)
Creating a subtheme in Omega 3.x Demo
Omega 3.x Responsive Grid Demo
Jesse Beach briefly discusses Responsive Theming using Omega @ MIT
960 Grid System Screencast by Ted Forbes
Responsive Web Design Nettuts Demo
DrupalCon London Session: Responsive Content: Re-architecting the Basic Page, Render API, etc.
DrupalCon London Session: The Path to a Mobile Drupal: Techniques, Tools and Failure
DrupalCon London Session: Web Typography & Drupal: Putting Arial Out To Pasture (Discussions around Font Embedding in Responsive/Adaptive Theming

  • Audio

Lullabot Drupal Voices 201: Jake Strawn on the Omega Theme

  • Other

custom-grid-panels-layout-omega-theme
Understanding Omega theme (blog w/screenshots)
Omega makes the Digett list of the best HTML5 base themes
Visual representation of CSS in Omega

Useful Responsive Web Design Resources:

Smashing Magazine's Responsive Web Design Techniques, Tools and Design Strategies

Read more

All Documentation

Getting Started With Omega 3

<< Back to documentation Home

Which Omega is right for me?

  • HTML5 = The future of HTML - If you don't have a reason not to use HTML5 then use it.
  • XHTML = Standards compliant HTML base - Use if your client specifically requires non-HTML5.

<< Back to documentation Home

Omega Theme 3.x Help Documentation

This documentation is now deprecated in favor the Official Omega Project Handbook - please use the handbook.


PREVIOUS EVENT:

The Official Omega Documentation Initiative will be conducting its next documentation sprint January 10th, 2012 @ 2pm EST (1400). The event sign-up page is here. We will focus on completing the Delta section, beginning the Context section and possibly creating a FAQ section.


Read more

Sites using the Omega Theme Framework

If you have an appropriate site using the Omega theme, please add it to this list by editing the page. Please follow the pattern below when adding new links and avoid putting in too much text for your link or it may be edited to appear appropriately. Place new entries at the top of the list.

Read more
Subscribe with RSS Syndicate content