Our first business theme in 2012 is a beauty! We wanted to let Chris Rowe have another chance at out-designing his previous top seller at WooThemes; Simplicity. So it goes without saying that we have high hopes that Whitelight will be our most popular business theme to date. In addition to being a very clean and great design, here are some of the reasons we think this theme will be big…

Responsive is the way forward!

Whitelight follows in the footsteps of our previous new releases and is fully responsive, meaning it works on any browser, be it on your computer, iPad or mobile device. The featured slider is full width and responsive, and also has an alternative normal width option if you prefer that.

The alternative normal width featured slider

Modular homepage for increased flexibility

We’ve also made an effort to make the homepage modular, so you can easily add or remove the sections you want, and also order them through a widgetized area.

Modular custom homepage

WooCommerce compatibility from the start

Whitelight also has a WooCommerce child theme which enables full compatibility with WooCommerce and adds a custom module to hightlight latest additions to your shop on the homepage.

WooCommerce compatible through child theme

That’s not all the features of Whitelight, so be sure to head on over to the theme listing page and also check out the demo!

Child Theme Features

• 
  

  WooCommerce Ready

  All WooCommerce features are accounted for and have been scrupulously styled to match the parent themes aesthetic.

• 
  

  Woo Approved

  Developed in-house by WooThemes designers and developers, this product ensures guaranteed compatibility with our market leading eCommerce plugin; WooCommerce.

• 
  

  Awesome Support

  As with all of our products, after your purchase you’ll gain access to our acclaimed premium support.

Unique Features

• 
  

  Fully Responsive Design

  The design will scale to fit on all browser widths/resolutions and on all mobile devices. Go ahead and scale your browser window and see the results.

• 
  

  Featured Slider

  A custom homepage featured slider to showcase your important content, all powered by the fully responsive FlexSlider, which makes it usable on mobile devices. There is also a normal width slider option in addition to the full width as seen in the demo. You can put images or videos in the slider posts, and link the slider posts to another page or website.

• 
  

  Custom Homepage

  In addition to the featured slider, the theme has an optional Intro Message area and also a customized widetized homepage where you can add and re-order the included custom components (Features, Portfolio, Blog Area, WooCommerce) with the Woo Components widget.

• 
  

  Powerful portfolio management

  The portfolio section of Whitelight is powered by it’s own custom post type with a summary of your portfolio viewable on the homepage module and then it’s own portfolio page template to house the rest.

• 
  

  WooCommerce Goodness

  Whitelight is compatible with WooCommerce through the Whitelight WooCommerce child theme. Read all about the benefits of WooCommerce here.

• 
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector. By default it is using the Signika font.

• 
  

  Custom Widgets

  In addition to the widgetized homepage and the custom module widget, the theme has 1 widgetized sidebar and up to 4 footer widgetized areas, and as always comes with custom Woo Widgets (Ad Space, Blog Author, Video/Embed, WooTabs, Subscribe & Connect, Search, Flickr and Twitter).

• 
  

  Styling Options

  The theme includes a variation of alternative styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

Open up your theme’s functions.php and add this simple function:

// add the function to the init hook
add_action( 'init', 'woo_add_googlefonts', 20 );

// add a font to the $google_fonts variable
function woo_add_googlefonts () {
	global $google_fonts;
	$google_fonts[] = array( 'name' => 'Lustria', 'variant' => ':r,b,i,bi');
}

Here we have added a font name called Lustria, and after adding this it will show up in your options panel.

The new font in the typography option

First, lets find a nice home icon. If you go to IconFinder you can search for “home” and find many nice ones. We’re going to use this one, so download that and upload to your site. Use Media->Add New and copy the URL to the image after uploading.

Next step is to use Firebug to inspect a menu item, so you can find the ID of the list element.

Right click the menu item and inspect element to find the ID to use later.

Once we have the ID we can start adding some CSS to custom.css in your theme through Apperance->Editor.

#menu-item-290 {
     margin-left: 10px;
     width: 32px;
}
#menu-item-290 a {
     background: url("http://cdn2.iconfinder.com/data/icons/gnomeicontheme/24x24/actions/redhat-home.png") no-repeat scroll 0pt 0pt transparent;
     text-indent: -99em;
}

The first style targets the main list element, and sets the width to 32px so it’s the same width as the image, and just moves the image 10px to the right.

The second style targets the link or anchor inside the list element, and sets the background of that anchor to the icon. To hide the text we simply move it off the screen with negative text indent.

That’s it! The finished product will look like this:

The Home linnk replaced by a home icon!

Unique Features

• 
  

  Fully Responsive Design

  The design will scale to fit on all browser widths/resolutions and on all mobile devices. Go ahead and scale your browser window and see the results.

• 
  

  WooCommerce Goodness

  Shelflife makes full use of WooCommerce and we’ve painstakingly married theme and plugin to provide a seamless front-end experience. Every single one of WooCommerce widgets has been lovingly styled to match the beautiful design, as has each key component of the plugin such as the product categories, product descriptions, cart, checkout and user account sections. Read all about the benefits of WooCommerce here.

• 
  

  Custom Homepage

  The homepage contains three option product showcase areas; a featured product carousel, as well as two intuitive sliders for displaying new and best selling products.

• 
  

  Custom typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector. By default it is using the Bitter font.

• 
  

  Custom widgets

  The theme has 1 widgetized sidebar and up to 4 footer widgetized areas, and as always comes with custom Woo Widgets (Ad Space, Blog Author, Embed/Video, WooTabs, Subscribe & Connect, Search, Flickr and Twitter). WooCommerce also includes an array of custom widgets.

• 
  

  Styling Options

  The theme includes a variation of alternative styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

Unique Features

• 
  

  Fully Responsive Design

  The design will scale to fit on all browser widths/resolutions and on all mobile devices. Go ahead and scale your browser window and see the results.

• 
  

  Featured Portfolio Slider

  A custom homepage featured slider to showcase your portfolio content, all powered by the fully responsive FlexSlider, which makes it usable on mobile devices. You can easily use this for photography too.

• 
  

  Intro Message Area

  An easy way to welcome your visitor to your blog, or tell them something about your site. Title and text typography can be customized via options panel.

• 
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector. By default it is using Lobster, Droid Sans and Droid Serif.

• 
  

  Custom Widgets

  The theme has 1 widgetized sidebar and up to 4 footer widgetized areas, and as always comes with custom Woo Widgets (Ad Space, Blog Author, Video/Embed, WooTabs, Subscribe & Connect, Search, Flickr and Twitter).

• 
  

  Alternative Styles

  The theme includes a variation of alternative styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

• 
  

  WooTumblog Enabled

  Beveled has been made compatible with the WooTumblog plugin, so if you enable it, you’ll get all of the features listed below! It also works fine without the plugin.

Unique Features

• 
  

  Fully Responsive Design

  The design will scale to fit on all browser widths/resolutions and on all mobile devices. Go ahead and scale your browser window and see the results.

• 
  

  Featured Post Slider

  A custom homepage featured post slider to showcase your noteworthy news content, all powered by the fully responsive FlexSlider, which makes it usable on mobile devices.

• 
  

  Custom News Areas

  Deliver your site content to visitors through the Recent News area on your homepage, Featured Category areas on homepage and archives, and Related News on your single post page.

• 
  

  Author Profiles

  We’ve put an extra effort in to make it easy to have multiple authors, with a custom author page template and custom author widget. In addition we added some extra social fields to each authors profile.

• 
  

  Focus on Headlines

  A key design aspect of the theme is to show only titles on posts so the focus is on post headlines. Post excerpts/content can easily be enabled in the theme options if you don’t believe in “less is more” philosophy.

• 
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector. By default it is using Bitter Google font.

• 
  

  Custom Widgets

  The theme has 2 widgetized sidebar and up to 4 footer widgetized areas, and as always comes with custom Woo Widgets (Ad Space, Blog Author, Authors List, Video, WooTabs, Subscribe & Connect, Search, Flickr and Twitter).

• 
  

  Alternative Styles

  The theme includes a variation of alternative styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

.nav li ul li a,
.nav a, .nav li.current_page_item, .nav li.current_page_parent, .nav li.current-menu-ancestor, .nav li.current-menu-item, .nav li.sfHover, .nav li.selected,
#top .nav li.sfHover a,
#top .nav li ul, #top .nav li ul li:last-child a,
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current,
.searchform,
.widget_woo_twitter .back,
#tabs,
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover,
#comments .reply a,
.button, .button:visited, .reply a, #respond .form-submit input#submit,
#connect .newsletter-form .submit,
#portfolio #port-tags .port-cat a
{
   border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;
}

Unique Features

• 
  

  Featured Slider

  A custom home page featured slider to showcase your work or products with style, all powered by jQuery. Optional slider pagination gives your visitors easy overview.

• 
  

  Custom Homepage

  Custom home page layout with mini-features section and three widgetized areas to add custom widgets.

• 
  

  Portfolio Page Template

  An optional integrated portfolio section driven by custom post types, which utilizies jQuery prettyPhoto script to display your work in a lightbox.

• 
  

  Custom Post Types

  The theme takes full advantage of the new custom post types functionality than came with WordPress 3.0, so adding slides, mini-features and portfolio posts is dead easy!

• 
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector.

• 
  

  Custom Widgets

  The theme has a widgetized sidebar, 3 widgetized areas on homepage and 0-4 footer widgetized areas, and as always comes with custom Woo Widgets that you can use in these spaces.

• 
  

  Alternative Styles

  The theme includes alternative color styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

As a result of this security flaw, the author of TimThumb and the author of WordThumb have worked together to release TimThumb v2 which fixes these security issues.

We’d highly recommend that you update your WooFramework like described below.

How to update your theme

Update TimThumb with WooFramework v4.4.2

You need to update to the latest version of the WooFramework (v4.4.2), as we have now moved thumb.php into the framework so it is easier to keep updated. There is also a new function in the framework which will remove your old TimThumb from the theme.

To update your Framework, simply go to your theme menu and select “Update Framework” (see our tutorial on the topic).

Need further help?

We have created a dedicated forum for TimThumb issues in our support forum. Please make a new post in this forum and we’ll be along to assist you. View the new forum.

Adsense code added to the right of the post

To add this, simply add this function in your themes functions.php:

<?php

// This will add the function to the woo_post_inside_before hook
add_action( 'woo_post_inside_before', 'add_single_adsense_code' );

// The function
function add_single_adsense_code() {

    // Only execute this if we are viewing a single post
    if ( is_single() ) {
?>
	<!-- You can also use 'alignleft' or 'aligncenter' -->
	<div class="alignright">

		<!-- Start Adsense code -->

		<script type="text/javascript"><!--
		google_ad_client = "pub-2151667935419035";
		/* 125x125, created 7/17/08 */
		google_ad_slot = "0794601937";
		google_ad_width = 125;
		google_ad_height = 125;
		//-->
		</script>
		<script type="text/javascript"
		src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
		</script>

		<!-- End Adsense code -->

	</div>
<?php
    } // ENDIF
} // END Function

?>

Social shortcodes single post

Simply add this to your themes functions.php file

// This will add the function to the woo_post_inside_after hook
add_action( 'woo_post_inside_after', 'add_share_after_post' );

// The function
function add_share_after_post() {

	// Only execute this if we are viewing a single post
	if ( is_single() ) {

		// Add a linebreak shortcode
		echo do_shortcode('[hr]');

		// Add Facebook Share shortcode
		echo do_shortcode('[fbshare type="button_count"]');

		// Add Twitter shortcode
		echo do_shortcode('[twitter style="horizontal" source="desaindigital" related="desaindigital"]');

		// Add a linebreak to clear the floating elements above
		echo do_shortcode('[divider_flat]');; 

		// Add Facebook like shortcode
		echo do_shortcode('[fblike]');
	}

}

General

• The Canvas Template System
• Setting up a child theme
• Multilingual Canvas
• Customizing theme options
• Add more Google Fonts to options

Hooks and Filters

• Using Hooks and Filters
• Canvas Hooked and Filtered Functions Reference
• Using Canvas’ Custom Hooks: Practical Examples
• Customising post meta using custom filters
• Hook / Filter reference
• Add custom CSS classes to each post

Single Posts

• Add social shortcodes after single post content
• Add Google Adsense into a post

Single Pages

• Moving the page title outside of the content area

Archives page

• Displaying the full content of the first X number of posts in a loop
• Creating custom category templates
• Modify the length of Post Excerpts

Search Results

• Add search details to the search results list

CSS Styling Modifications

• Full width header, navigation and footer
• Change the Color of the Drop Down Nav Menus
• Remove all rounded corners

Unique Features

• 
  

  Custom Post Type for Photos

  Statua takes full advantage of the new custom post type functionality than came with WordPress 3.0, so adding photos and galleries is dead easy!

• 
  

  Alternative Layouts

  Statua currently includes 3 alternative layouts which you can set as your homepage or use as a page template. Each layout has it’s own set of options in the options panel.

• 
  

  Photo Sliders

  Statua makes beautiful use of JavaScript sliders in the layouts to show of your photos. You can set the slider to fade or slide between photos, and also adjust speed etc. in the options panel.

• 
  
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector.

• 
  

  Custom Widgets

  The theme has 1 sidebar and up to 4 footer widgetized areas, and as always comes with custom Woo Widgets (Ad Space, Blog Author, WooTabs, Subscribe, Feedback, Search, Embed/Video, Flickr and Twitter).

• 
  

  Alternative Styles

  The theme includes 8 alternative color styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

Unique Features

• 
  

  Featured Slider

  A custom home page featured slider to showcase your work with style, all powered by jQuery. Optional slider pagination gives your visitors easy overview. Posts can either be portfolio items or blog posts due to it being tag based.

• 
  

  Custom Homepage

  A custom home page layout with about, slider, portfolio, and tumblog modules, all of which can be enabled or disabled in the theme options.

• 
  

  Portfolio Page Template

  An optional integrated portfolio section on the home page, and a dedicated page template driven by custom post types, which utilizies jsMasonry to display your work, with a tag sorter.

• 
  

  Custom Post Types

  The theme takes full advantage of the new custom post types functionality than came with WordPress 3.0, so adding portfolio posts is dead easy!

• 
  
  
  

  Custom Typography

  You can customize the typography in the theme to suit, and there is full support for Google Fonts in the font selector.

• 
  
  

  Custom Widgets

  The theme has a widgetized 1 sidebar (that you can even include on the home page) and 4 footer, and as always comes with 8 custom Woo Widgets (Ad Space, Blog Author, WooTabs, Subscribe, Feedback, Search, Flickr and Twitter).

• 
  

  Alternative Styles

  The theme includes 9 alternative color styles which you can preview in the demo, and also has styling options for background color/image and setting link and button color.

1. Log in to your Feedburner account
2. Click on Publicize in the main menu
3. Click on Email Subscriptions and activate it if not already active
   
4. Look at the embed code and find your ID after the ?uri=

See the screenshot below to see that the ID in this case is MagnusJepson

Find your Feedburner ID

Unique Features

• 
  

  Customize any element

  Canvas will let you customize the style and typography of every element in the design. Packed with 100+ options, it allows you to make your blog look exactly like you want!

• 
  

  Google font support

  You can change any text on your site to the font of your liking, and also use the awesome Google Font to go beyond those standard web-safe fonts.

• 
  

  Use your own images in design

  The options panel lets you upload your own images for use as main background image and header background image. It’s never been this easy!

• 
  

  Easy to change width

  Canvas lets you easily change between 6 different site widths (1200, 980, 960, 940, 880 and 760 pixels) and also has an option to box your layout in.

• 
  

  Change your layout

  You can also choose between 6 different layouts for and order of content/sidebars (full width, 2 col left, 2 col right, 3 col left, 3 col middle, 3 col right). Canvas also lets you specify individual layouts per post or page!

• 
  

  Magazine and business page templates

  Canvas features a Magazine and Business page template, both with javascript sliders so now you can easily setup your homepage to act as a magazine or business theme.

• 
  

  Portfolio module

  Canvas comes with a portfolio custom post type where you can showcase your latest projects, designs, or even product images. A dedicated page template showcases your portfolio with a category sorter and lightbox pop-up functionality for ease-of-use.

• 
  

  Tumblog functionality with iPhone App publishing!

  NEW! Canvas now supports WooTumblog functionality so it can function like a Tumblr theme, and you can use our new Express iPhone App to publish to your Canvas powered blog!

• 
  

  Custom widgets

  The theme has 2 widgetized areas in sidebar and 4 widgetized areas in footer (optional), and also some extra Woo custom widgets (Woo Tabs, Flickr, Twitter, Adspace, Search).

• 
  

  Child theme friendly

  Canvas is the first theme from WooThemes that has made use of custom hooks, which makes it a lot easier to customize the theme via a child theme without touching any code in the main parent theme. Download our sample child theme Fresh Canvas to get started.

Take a Tour of Canvas

View more videos here.

We received some suggestions from one of our users on what was missing from the theme, which was a pity because the theme still had killer looks, but was let down by the seemingly outdated features. We listened to the suggestions and after almost a week of coding we can now present version 3.0 of Fresh News.

Fresh News 3.0

The theme has been re-coded so it isn’t bound by the strict 960 grid system it used before. It also has a more flexible header now which was restricted in height in the old version, which made it harder to customize. Here is a rundown of the major features, some that you will also see in our other new themes in the future.

Slider

Slider

The most requested feature in Fresh News has been a slider, since most of our other magazine themes had one. So we have included the basic SlidesJS script which lets you slide or fade your posts.

Subscribe

Subscribe & Connect

This is a new area below your single posts that allows the user to subscribe and connect with you. There is also a widget you can use in one of your sidebars. This will become a standard in all our new themes.

Styling

Styling and Typography options

As with all our new themes, you can now change background color or upload an image, both for the body and header. You can also change all the typography in the theme. You’ll notice that we already use Droid Serif which is a Google web font on the titles as default.

Layout

Layout and Footer Widgets

You now have some extra functionality to change the layout of your single post or page, where you can choose from full width, left sidebar or right sidebar layout on a per post level. You also have a new optional widgetized area in the Footer where you can add up to 4 widgetized areas.

Looking back at all these lovely new features, it should make Fresh News a solid candidate if you are looking for a new magazine theme. We hope our users appreciate the effort we put in to maintaining our older themes as well as releasing new themes!

Unique Features

• 
  
  

  Functional Landing Page

  A countdown timer to let your visitors know when your website will be live, social buttons and simple e-mail op-in form to allow users to follow your progress.

• 
  
  

  Custom Typography

  You can customize basic typography in the theme, and there is full support for Google Fonts in the font selector.

• 
  

  Alternative Styles

  The theme includes 5 alternative color styles which you can preview in the demo, and also has styling options for background color and image in the options panel.