Gettings Started

Extract from the archive and copy the theme folder into /wp-content/themes/ folder on your server. Login into the Wordpress administrator (wp-admin) and go to Appearance > Themes and Activate your theme.

Fashionable Theme has it's own admin area in the wordpress admin where you can customize colors or other parameters. You can find the theme admin link in the left column just below Appearance. See screen shot.

You can change the number of posts displayed on pages such as Homepage, Category, Search or Archive in Theme options > Options.

The default number of posts per page value is 9, you can put any value there but we recommend to use a number that is divisible by 3 (ie. 3, 6, 9, 12, 15, etc).

The main menu will display the homepage link and the website categories. You can customize which categories to appear in the main menu in Theme options > Options by changing the input called Menu categories IDs

When the input is empty the menu will display all the categories. If you want to choose what categories will be displayed in the menu just insert the category IDs separated by commas (ie. 45,56,77).

You can find a category ID by going to Posts>Categories. When you go with the mouse over a category name in the status bar will appear a link like: http://yoursite.com/wp-admin/categories.php?action=edit&cat_ID=4.
The value of the cat_ID parameter is what you're looking for. (ie. 4).

Our themes are usually released with 3 or more predefined color schemes, some of them also have a color picker.

The Fashionable theme has 6 predefined color schemes (Black, Navy, Orange, Olive, Turquoise, Purple). Default is Black.

To switch to another color scheme go to Theme options > Colors choose the theme you want from the select box and click Save.

You can also make your own color scheme. Go to Theme options > Colors, check YES on "Use custom colors" radio input and choose the colors you want. We integrated a jQuery colorpicker to make the color choosing easier.

After you choose the right colors click Save button and open the site to see how it looks like.

This theme has some predefined shortcodes to help the editor insert easily content such as youtube or Vimeo movies or twitter link.

Insert Youtube movie (will embed the youtube movie)
[youtube src=http://theyoutube.link/here]

Insert Vimeo movie (will embed the Vimeo movie)
[vimeo src=http://thevimeo.link/here]

Insert Twitter link (will display a twitter link to the twitteruser account) [twitter @twitteruser]

Usage example:

Fashionable Theme has the TimThumb PHP script by Darren Hoyt integrated. It is used to resize or crop images and display them as post thumbnail in Category, Archive, Author and Search pages and also on Homepage.
For support regarding this script please visit http://www.darrenhoyt.com
The script file is placed in /include folder (within the theme folder) and it creates a cache folder there. Make sure that the cache folder is writeable (chmod 777).

Default thumbnail

If you don't select a post thumbnail the script will make it from the first image in the post.

Define a post thumbnail

On newer wordpress versions (2.9+) there you can specify the post thumbnail.
When you're writing/editing a post in the bottom of the right column you'll find a box "Post thumbnail", click on Set thumbnail and choose the file you want.

After choosing the image make sure you click on "Use as thumbnail".

Troubleshooting

On some hosts such as Hostgator the TimThumb script may not work ok from the begining. So if your thumbnails not show up and the timthumb.php with given parameters will return a 404 page, you may contact your host to whitelist this script.
It happened to us too on Hostgator but the problem was fixed within 15 minutes.

Fashionable Theme has 3 widget ready sidebars.

Footer bar is displayed in the bottom of every page (including homepage) and allows maximum 3 widgets.

Sidebar 1 (center sidebar) is displayed only on the single post page, has 240px width and allows unlimited number of widgets.

Sidebar 3 (right sidebar) is displayed only on the single post page, has 160px width and also allows unlimited number of widgets. It's a great place to put the 125x125px advertising.

This theme has jQuery lightBox plugin by Leandro Vieira built in. To open a post image in a lightbox it must have the ".lightbox" CSS class.
Adding "lightbox" class to an image

We also made a nice short video tutorial for this thing.

One of the main things we have in mind when we're developing themes at Themesbell is the layout flexibility, which allows a theme to serve for multiple purposes and to be very customizable (colors, backgrounds, images).
The Fashionable Theme is a great example where we use "Layout flexibility", this means that you can easily transform the layout in a single-column, 2 columns or 3 columns layout without changing any code.
To remove a column just drag&drop it in the right of the black line in the admin area. To bring it back, just drag it in the left of the black line. It's easy! You can also change the column order with drag&drop. Do you want the content column in the middle? Drag it there!

Here is a nice video tutorial of how to use Flexible Layout.