WooThemes

Getting Started

Introduction

So you've purchased a WooTheme and you are dying to get it up and running on your website?

To install a WooTheme, is not much different to installing any other (free) WordPress theme. Remember though, you'll need to set up your theme options afterwards to have it functioning like our demos.

There are two ways to install a WooTheme on your website. Both methods are explained below in video tutorials, we however recommend doing it via the Wordpress backend.

Below is a quick overview of the Wordpress "Add New Themes" installation method:

1. Download your template file (wootheme_name.zip) from your WooThemes account.
2. Log into your WP admin panel and click on the "Appearance" tab. Now click on the "Add New Themes" tab.
3. Click on the "Upload" button, "Browse" for your zip folder you downloaded from our site to your computer and select "Open".
4. Click the "Install Now" button.
5. Activate the theme from this page, OR "Return to Themes Page" and activate from there if you experience a problem. See screenshot of an activated theme.
6. REMEMBER to set up your theme option's panel for it to display correctly. See example of theme option's panel.
7. MAKE SURE your theme "cache" folder is CHMOD 777. View this tutorial for help.

Installing a WooTheme via the Wordpress Backend

Installing a WooTheme via an FTP program

Prior to Wordpress 2.8 this was the only way to upload and install Wordpress themes, but since then Wordpress have made the process much easier, documented above. Many users still prefer to install themes via FTP, as it offers more flexibility when modifying themes.

Installing a WooTheme from WooThemes on Vimeo.

Explaining the Theme Options

Below is a screenshot of the theme option's panel included in this theme. The default settings used are what we have used in our demo.

How To

Setting up the WP-PostRatings Plugins

This awesome plugins allows you to change the layout of its output considerably. To get the optimal use of the plugin, we would suggest that you emulate our setup, which is present on the demo of Snapshot, as well as our showcase. To do this, simply alter the plugin options like on our screenshots below:

• On Ratings > Ratings Options Tab: See Screenshot
• On Ratings > Ratings Templates Tab: See Screenshot

Different Layouts: Photo Showcase or Design Gallery

Snapshot has been set up with the ability to function like a photoblog / photo showcase, as well as a design gallery. The built-in theme options allows you to easily switch between between these two options (see above).

The main differences are the fact that the photo showcase does not use an outward link (for example when using Snapshot as a CSS design gallery, the thumbnail wouldn’t link externally, but internally), whilst the detail page uses a larger preview image. There are also subtle layout differences between the detail pages of two templates and we suggest you switch around between the two for experimentation.

Adding Items (Photo or Design)

1. Go to Write > Post in your WordPress admin panel.
2. Complete all of the fields as you would with any other blog post. The post content would be your description of the item, whilst excerpt is optional and won’t be published anywhere.
3. Complete the SnapShot Custom Settings as specified below.
4. Publish the post.

Additional Fields Instructions:

To complete this section, please reference the screenshot below and follow the subsequent instructions:

Screenshot 3: Additional Fields.

1. Below follows a brief description of each of the four fields that needs to be completed in this section:
2. Screenshot (330×190). Upload an image (normally a screenshot of the item being featured) of this size, which will be displayed.
3. Larger Image (Max Width: 690px). Upload a larger preview image with a max width of 690px and no height restriction. Note that this is only needed when the photo showcase template (1-photo.php) is activated.
4. Website URL. Enter the URL where this item can be viewed (external from your website). Note that this is only needed when the design gallery template (2-design.php) is activated.

Widgets

Required Plugins

• WP-PostRatings (Download)
• WP-PageNavi (Download)

Setting up widgets in a WooTheme

Widgets are hugely powerful optional modular blocks of content or functionality that you can place on your WooThemes powered, Wordpress website. This tutorial shows you how to set up widgets to further enhance your website's appearance.

Changelog

Snapshot Changelog

2009.10.07 - version 2.0.4

• layouts/1-photo.php - Changed image include to display & resize larger image

2009.09.14 - version 2.0.3

• includes/theme-options.php - Added option to turn on dynamic image resizer
• layouts/1-photo.php and layouts/2-gallery.php changed woo_get_image call.
• single.php - Change woo_get_image call.
• archive.php - Change woo_get_image call.

2009.08.30 - version 2.0.2

• /functions/ - Core Framework 1.0.7
• /lang/snapshot.po - Added language file. See: http://www.woothemes.com/2009/08/how-to-translate-a-theme/
• Added gettext functions to template php files to support localization.

2009.08.17 - version 2.0.1

• comments.php - Fixed PHP error bug relating to split_comments()

2009.08.06 - version 2.0.0

• /functions/ - New WooThemes Framework (V1.0.4) (core theme functions)
• functions.php
• includes/theme-comments.php - Moved from /functions/
• includes/theme-functions.php
• includes/theme-js.php
• includes/theme-options.php
• includes/theme-widgets.php
• includes/sidebar-init.php
• includes/theme-options.php - Added new general options

2009.16.01 - Version 1.1

• thumb.php - Dynamic image resizer
• functions.php
• tag.php
• archive.php
• layouts/.php
• index.php