Saganowsky is a dark and minimal WordPress theme developed with grid layout…

Download Theme

HTML Structure

This theme is a grid layout with 2/3/4 columns (depending from the section).
Only the header, the left sidebar and the footer are always present into the layout. Their id’s are #header, #left_sidebar and #footer (the ‘#’ symbol is a convention used for the ‘id’ parameter).

The Saganowsky theme has a minimal layout so you can easily change the text colors, the fonts or style of any elements of the layout. If you want to edit one of this elements you must edit the “layout.css” file inside the “css” directory.

CSS

There are 4 CSS files:

1.stylesheet.css
Inside this file you can find the settings for the “font-face” font, used for the titles and the pages links

2.reset.css
This style file is used for reset the default browser settings.

3.960.css
This file define the grids of the layout.

4.layout.css
This file define all the styles of the layout, typography and colors. It’s divided in sections so you can easily find what you are looking for.

Javascript

The Saganowsky theme comes with the Mootools framework, anyway this is used only for the home animation of the top bar.
The javascript files are:

1. mootools-1.2.4-core-yc
the mootools framework

2. saganowsky.js
You can edit this file if you want to change some settings of the home animation. You can change the duration of the animations (in and out) at lines 4 and 5. You can also change the type of the animation at lines 2 and 3 (in e out).
You can see the complete list of the Mootools transitions here: http://mootools.net/docs/core/Fx/Fx.Transitions

here are the lines

transitionLeft : ‘bounce:out’,
transitionRight : ‘bounce:in’,
transitionDurationOut : 1000,
transitionDurationIn : 1200,

Configure the theme

You must know 4 things about this theme

1. You need to have WordPress 2.9.x or better if you want to display the thumbnails
2. You need to create a category named “featured” in order to display the posts inside the home top bar.
3. There are 4 box for widgets, 3 boxes are always presents into the layout !
4. In home page, the title and the subtitle of the “featured” category posts are custom fields

Now some explanations:

1) Thumbnails
This is a new feature of WordPress (2.9.x or better). You must use the new “post thumbnail panel” (inside the WordPress administration, into post/page edit section, last box of the left sidebar) in order to insert the top images into the articles and pages. If you upload an image with 700x208px of dimensions you’ll never have problems.
You can change (at your own risk) the dimensions of the thumbnails into the “function.php” file, lines 49, 50, 51 and 52.

2) The top home category
You must create a category named “featured” in order to insert posts into the top bar in home page. If you don’t like the default name of this category you must change the variable “$homeTopCategoryName” inside the “function.php” at line 3.

3) Widgets
You can add widgets inside the wordpress administration, “Appearance” section, “Widgets” page.

4) Tilte and Subtitle of “featured” category posts
You must add the post custom fields “title” and “subtitle” to display this fields in home page (only for the “featured” category posts).