Omega Theme Quickstart Guide (3.x)

Working with Omega

  1. Install and enable the Omega Core Theme
  2. Install and enable the Omega Tools module (admin/modules/). If you don’t already have it, you’ll also need the Ctools module installed and enabled. If you're a Drush user, you can skip the rest of these steps and quickly generate a subtheme of Omega using Drush.
  3. Go to admin/appearance, and click on "Create new Omega Subtheme" 
  4. Add your preferred subtheme name.
  5. Check the “Install automatically” option if you want to create your subtheme in/sites/all/themes/ automatically, Apache needs write permissions to perform this operation. If the option is not checked, Omega Tools will generate a mysubthemename.tar file that can be downloaded after completing the steps. To install, simply unzip and place your subtheme folder into sites/all/themes.
  6. Choose your subtheme save destination, the default folder is sites/all/themes.
  7. Choose your base theme.

Start Here: Recommended Modules

We recommend you download and install the following modules in order to make the most of your Omega based theme. More on installing modules.

Make sure you are running the latest stable releases of all modules to ensure proper functionality. If you are using dev releases of any of these modules use the dev release for all in order to maintain compatibility.

  • Omega Tools

    (requires Ctools) - Omega Tools is a great set of functionality that will help you to easily create and manage your Omega subtheme. This tool is useful in development but should probably be disabled in production environments.

  • Delta

    Delta is a powerful tool that allows you to create variations of a theme's settings without having to create a new subtheme. When used with Context, Delta allows you to edit the omega grid, zone, and region settings and create all new layouts based on the various conditions available in Context.

Omega Theme Documentation Handbook

WELCOME

You are currently viewing the Official Omega theme documentation handbook. The purpose of this handbook is to explain what Omega is, how it works and to outline established best practices for getting started with your own Omega Subtheme. Please start at the beginning as Omega's approach to theming is different than other themes. If you assume too much you may find complications in understanding how to use Omega.



*** The process by which this handbook is made ***


This handbook is a direct result of the Omega Documentation Team's consensus process for building better documentation. The process involves getting connected to the team via IRC and attending scheduled sprints in order to work collectively with the documentation team.

A sprint is an event where the documentation team meets to work simultaneously on a shared document in order to draft, edit and refine portions of text based on a previously agreed upon sprint topic. Each sprint results in a final draft that gets group consensus and is then transferred to the handbook by a designated person.

Adaptivetheme Docs

Adaptivetheme is a powerful theme framework with smoking hot support for mobile first responsive web design.

Adaptivetheme is the perfect start for themers, site builders and anyone wanting to support the mobile web without additional development overhead and cost.

Adaptivtheme works with Drupal, leveraging Drupal's theme API and standard templates and theme functions. This provides a seamless on-ramp for seasoned theme developers and best practice environment for budding themers and Drupal designers.

Use Adaptivetheme either as a base for your own design or to power one of our many free and commercial sub-themes.

Adaptivetheme differentiates from many other starter themes by being lightweight in the code and does not bloat the output with redundant wrappers and classes. Its also very fast and has fantastic support for accessibility - including ARIA roles.

Why Lightweight Code and Web Standards are Important

  • Less code means less bandwidth, both for your server and your end users.
  • Speed - pages load faster - Google now factors page-speed in its ranking!
  • Less code to maintain - sustainable low maintenance code is always preferable.
  • Less HTML is easier to theme - easier to locate CSS bugs, easier to locate style and HTML hooks.

Pages

Subscribe with RSS Subscribe to RSS - Responsive