Layouts Configuration
Choose your layout and layout dimensions from the theme's setting page.
See LayoutStudio Layout Options on Flickr
Optimized for SEO and Accessibility
Main content area (primary) comes before sidebars, just below the header. This maximizes content for search engines. Skip-to links are also provided, maximizing accessibility.
Available Regions
In order of HTML/source code output:
- Header
- Preface: First, Middle and Last
- Primary: Pre-Title & Post-Title, Primary (content)
- Secondary: First, Middle and Last This is the first sidebar area.
- Tertiary: First, Middle and Last. This is the second sidebar area.
- Postscript: First, Middle and Last
- Navigation
- Footer
- Closure
The main layout regions of primary
, secondary
and tertiary
are semantically named because this represents their order in the source, and because of our layout options the secondary
or tertiary
sidebars could be both be on the left or right depending on your layout settings.
Tripoli CSS Reset
LayoutStudio makes use of the Tripoli CSS Reset and visual plugin for great cross-browser consistency out of the box. Visit the Tripoli sample page to see changes Tripoli makes to your source output. (Please note that LayoutStudio only utilizes the base, ie reset, and the visual plugin.)
Fantastic CSS classes
Here is a partial list of the classes that LayoutStudio provides you with.
Body classes
- Language (ID attribute):
lang-en
- Random:
random-3
becomesrandom-10
on next refresh. Maximum random number is determine on theme settings page. - Unique Node or View:
node-1
- Current Node type:
node-type-page
- Front/Not-Front:
front
ornot-frong
- Current Menu-item
- Logged-out/Logged-in:
logged-in
ornot-logged-in
- Section: first part of the path or URL alias (ie
/about
URL creates asection-about
class) - Sub-Section: second part of the path or URL alias (ie
/about/mission
URL creates asub-section-mission
class) - Indicator for empty secondary, tertiary, preface and postscript regions (
no-secondary
andno-tertiary
)
Node Template Classes/ID
- Node ID (ID attribute):
node-23
- Node Author:
user-5
- Node Authored by current user:
user-me
- Teaser or Full Node:
node-teaser
ornode-full
- Odd/Even "zebra classes":
odd
oreven
- Node Count:
count-1
- Node Type:
node-type-page
Block Template Classes/ID
- Block ID (ID attribute):
block-block-1
- Random:
random-3
becomesrandom-10
on next refresh. Maximum random number is determine on theme settings page. - Block Module: indicates which module generated the block -
block-block-menu
- Odd/Even "zebra classes" within region:
odd
oreven
- Block Count within region:
count-1