Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

January 31 2011

07:00

How To Create Your Own Custom WordPress Theme

Follow this overview of the build process to create your own custom WordPress theme. We’ll be taking my latest theme design from its basic HTML and CSS mockup and inserting the various WordPress template tags to build a fully working theme ready to install on your blog.

LoveGrid WordPress theme

Long time readers may remember the build process of the LoveGrid concept where we designed and finished off the mockup as a static HTML and CSS page. Now let’s take this design and convert it into a WordPress theme. If you want to get your hands on this theme for your own site, it’s now available to Access All Areas over on my graphic design blog – Blog.SpoonGraphics.

How WordPress themes work

WordPress theme files

WordPress themes are made up of multiple template files that are all contained in a theme folder. When the index.php file is loaded, PHP tags within this file load other template files, such as the header, sidebar and footer to build a complete page. Different template files are loaded depending on which section the viewer is browsing, so page.php is loaded when the user is viewing a page, and single when the user is viewing a blog post.
Within these template files are template tags, which provide the dynamic functionality of a WordPress blog. Most of these tags are pretty simple and just need inserting in the right place within the HTML code, for instance the <?php php the_title(); ?> tag inserts the title of that particular post wherever the PHP tag appears in the theme.

The LoveGrid theme is fairly simple and makes use of just the main template tags. It doesn’t have a sidebar, so sidebar.php isn’t used. Likewise, the search function has been left out to maintain a clean interface, so search.php isn’t required either. When building your theme it’s important to list out the types of template files you will need.

Getting started

One of the first steps you must remember to take when building your theme is to set up the basic theme information. At the top of your style.css document add and edit the following information:

/*
Theme Name: LoveGrid
Theme URI: http://www.blog.spoongraphics.co.uk/
Description: A premium theme by Chris Spooner of Blog.SpoonGraphics.
Version: 1.0
Author: Chris Spooner
Author URI: http://www.blog.spoongraphics.co.uk
*/

You will also want to add some CSS styling to make sure the alignment of images works. These classes are automatically added by the WordPress WYSIWYG editor:

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

Finally, don’t forget to modify the screenshot.png image so your theme displays a nice preview in the Appearance section of the WordPress admin area so it can be identified when selecting a theme.

Header.php Template File

View large code view

Open up your index.html mockup file and copy the code that makes up the header area. This should include all the elements that will appear exactly the same on every page of the site. Paste them into a header.php file within your theme folder. The next step is to go through and insert WordPress template tags in place of the basic HTML. The first will probably be <?php wp_title(); ?>, which will insert the relevant wording into your HTML <title> tag for each page of the site. Other tags used in the header template are <?php bloginfo('stylesheet_url'); ?> to automatically insert a link to the style.css file and <?php bloginfo('template_url'); ?> to insert a link to the theme directory, which is handy for linking up Javascript files.

Just before the closing </head> tag, the <?php wp_head(); ?> template tag is used so WordPress can insert any additional code into the head itself, such as meta keywords, description and other plugin specific information.

Also included in the header.php file is the header section of the design. Links to the homepage are added using the <?php echo get_option('home'); ?> template tag. In order to populate the navigation menu, the tag <?php wp_list_pages(); ?> is used to display all the WordPress pages, with the title_li= parameter clearing out the default title that WordPress would otherwise add.
Finally, at the end of the navigation list, an extra <li> is added to link to the RSS feed using the <?php bloginfo('rss2_url'); ?> template tag.

Index.php Template File

View large code view

Switch back over to your mockup HTML file and copy the next chunk of code from where the header left off, down to the footer (or sidebar if you have one). This content will be placed in the index.php template file. At the top of this file the first tag you’ll need is <?php get_header(); ?>, this will insert the content of the header.php file above your index.php content when the page is viewed in a browser. Next, the WordPress loop checks for content. Within the loop you lay out the HTML for one post, then this is repeated for every post WordPress displays. Continue replacing HTML content with a WordPress template tag, so <?php the_permalink(); ?> goes wherever there’s a link to the post, <?php the_title(); ?> goes wherever the post title is displayed and <?php the_content(''); ?> tells WordPress where to insert the actual post content.

Underneath the list of posts we can set up the pagination options. Simply insert the <?php next_posts_link('Older posts'); ?> and <?php previous_posts_link('Newer posts'); ?> tags wherever you want these links to appear. Below this we can set up a simple error if no posts were found below the PHP else statement.

At the bottom of the document the footer.php file is called using the <php get_footer(); ?> template tag. This will render a complete page in the browser by combining the header.php, index.php and footer.php files.

Archive.php Template File

View large code view

The index.php file is used when viewing the homepage of the blog (unless a page is set as the homepage instead). When the user views a category list or any collection of posts, whether it’s by date, tag or author the archive.php file is used instead. The archive.php file is almost identical to the index, with the addition of a few extra titles to identify what posts the user is browsing.

Conditional tags are used to detemine which snippet of content to display, so <?php if (is_category()) { ?> checks if it’s a category view. If so, a title is displayed that indicates which category it is, using the <?php single_cat_title(); ?> template tag to print the name of that particular category. Similarly, checks can be made on the date and the relevant month and year can be added to the page. If your site makes use of tags and authors, even more titles can be added using a series of other conditional tags. See the WordPress Codex page on Conditional Tags.

Page.php and 404.php Template Files

View large code view

There are two types of content on WordPress blogs, posts and pages. Out of the two pages are often the most simple. The page.php file is pretty much a stripped down version of the index or archive templates. It still includes the link to the header file, the WordPress loop and the tags to generate the page title, but on a page we don’t need a date, read more link, or meta information.

View large code view

Another template file that acts similar to a page is 404.php. This file allows you to customise an error page just in case a 404 File Not Found error appears on your blog. This file is even more simple that page.php as the content is coded directly without any special WordPress tags.

Single.php and Comments.php Template Files

View large code view

The single.php file is the template used whenever a blog post is viewed. The first portion of the file is pretty much identical to how the post content is laid out in the other template files, the main difference is blog posts also include comments, so the <?php comments_template(); ?> template tag is used to call the comments.php file.

View large code view

Inside the comments.php file there’s a bunch of comment specific tags that enable you to build a thorough comments section. <?php comments_number(); ?> is a simple tag used to display the number of comments on a post, with parameters allowing you to edit the wording as you please. The comments file has its own mini loop, <?php if ( have_comments() ) : ?> checks to see if there are any comments on the post, then the whole list of comments is simply inserted using just one tag: <?php wp_list_comments(); ?>. The comments file has its own set of pagination links, which combined with the WordPress discussion settings allow you to split comments over multiple pages.

Footer.php Template File

View large code view

To finish off the theme, all we need to do is fill out the content in the footer.php file. Remember this file has been called from many of the other template files to round off the page with the rest of the HTML required. The file continues where the others left off. In this particular design the footer file begins with a list of categories using the <?php wp_list_categories(); ?> template tag with a range of parameters clearing out the default post count and title as well as hiding specific categories such as ‘Uncategorized’. Usually this particular template tag would be found in the sidebar, but as with most WordPress tags it doesn’t matter where you place them in your theme.

Next up in my footer file is a spot of <?php query_posts(); ?>. This section isn’t someting usually required in your average theme, but it is used to create a separate list of posts outside the main WordPress loop. In this theme it’s used to display the latest 6 posts.

Another tag you wouldn’t usually see in a theme is <?php wpp_get_mostpopular(); ?>. This particular tag is unique to the WordPress Popular Posts plugin, but it shows how additional functionality can be added using plugins and their custom tags. In the public theme this tag is wrapped in a <?php if (function_exists); ?> statement to ensure it doesn’t break the theme if that particular plugin isn’t installed.

The Final WordPress Theme

So basically the whole process of building a theme involves pasting a bunch of template tags in between your HTML. Many of the most common tags are listed out in this post, but you’ll also want to keep the WordPress Codex open in order to refer to the whole library of template tags available. On most occassions there’s a tag out there that will help you achieve the exact function you have in mind.

With all the HTML, CSS and PHP template tags in place the theme is now ready for installation and testing.

LoveGrid WordPress theme

View the LoveGrid theme demo

January 24 2011

18:00

The World’s Best Corporate WordPress Themes You Can Actually Afford to Buy

Since the boom of Content Management Systems (CMS) like WordPress, Drupal, and Joomla, many websites started offering free and premium pre-built and made-to-order themes. The market was doing great on its own until it became oversaturated. Oversaturated how? There now exists tens of thousands templates and themes for these CMS, the problem lies in the quality. Many will agree that majority of the themes and templates available are lacking in quality. This affects the whole community, even Theme Forest.

Click for Themes Below!

A “too long; didn’t read” (TL;DR) version is: there is a never ending supply of free themes. Anything that tends to be too popular destroys itself through fame by the people.

Let us delve deeper into the problems people are currently experiencing.

Market Oversaturation

Imagine a lengthy street lined up with peanut vendors only a foot apart from each other. Now imagine half of them give free taste, the other half boasts their “SPECIAL” peanuts through signs. Heaven for an elephant but a very horrible scene for someone who’s after quality peanuts. Same goes with templates and themes.

With themes here and there it is only natural to arm your self with fear of dissatisfaction.

War for Quality

War

Of all the wars in man’s history, war for quality is the only moral war. It is already demonstrated that many templates and themes are way below average quality. Such a thing does not exist in Theme Forest because every submission needs to pass through the lens and extreme examination before being approved for the marketplace. Talk about TSA-like examination, this is it, only loved by everyone.

Halt! It does not stop there. Envato, the company from which Theme Forest came to existence not only offer themes but also almost everything you need to create a business website. From 3D models to codes and sound effects, they have it. Properly regulated and properly priced. One of the best things that ever happened in the internet.

An advantage of joining this fantastic community is you get to interact and use the services that experts offer. I know this will be stingy but who will let this chance pass and choose amateurs?

You Need Not Go Far for Reviews

Unlike most websites that offer free and premium themes and templates, Theme Forest has already set its roots. Hundreds, if not thousands, of satisfied customers leave their comments and suggestions that will absolutely be of help when choosing a perfect theme. Buyers or lurkers can check how the product works through a preview, satisfied customers even rate the themes for you. Automatic customer service, I tell you, and it’s more credible when you see a 4.5 stars with applauding people in the comments. There are also a lot of authors who are ready to help you in case a problem arises from the product.

Comments

Oh. My. Gosh. 225 comments and I assure you that most of them are either comments from satisfied buyers or the author’s reply. Need I say more?

Hint: You Can Sell Yours Too

Since Theme Forest is only after themes and templates that are of high quality, if you are like their authors whose excellence is driven by passion then feel free to be a member and start earning your dollars with their massive audience. A product being approved is already an honor.

Massive Categories

Almost anything from personal website to eCommerce are catered at Theme Forest. With a wide selection, people of different goals can really find high quality materials there that suits perfectly with their goals be it for business or for personal blogging.

Categories

Pricing

I’ve read several comments and one prevailing element is on how affordable products are at Theme Forest while maintaining quality. As the homepage proudly states, there are items that you can buy from $1. Below is a screenshot of a newsletter and an under construction template.

Price

Here’s another screenshot, all highly rated with great number of sales for a very affordable price.

Price-2

Not satisfied with what I’ve told and shown? Visit Visit Theme Forest now and see for your self. We will really appreciate if buyers and authors will share their experiences in the comments section.

Corporate WordPress Themes

1. Noblesse –  $35

Noblesse

Noblesse is a powerful, rich graphics theme with features oriented for content presentation. It comes with 7 color variations, 7 different fonts, 8 custom widgets and 8 different template pages. Although the theme is very rich in graphics (90% done with css3) it is very flexible, giving you the possibility take it to the next level.

The homepage has a multitude of variations and can be completely changed. Each page has the possibility to display a headline, description, image and switch sidebars. Packed with over 50 shortcodes (embedded in editor) the styling possibilities are endless. Please find bellow other features of the theme.

Some Features:

  • WP3 Custom Types + WP3 Menu
  • Unlimited custom sidebars
  • 7 color variations
  • 2 different slideshows
  • Unlimited template pages (-Blog)
  • ~50 shortcodes embeded in Editor
  • Multiple homepage variations
  • Psd files included

2. Colorwave –  $35

Colorwave

Colorwave is a clean, modern and professional template which is perfect for portfolios, companies, agencies, Photographers and even more…

Some Features:

  • 3 Highlight Sliders
  • Full Custom Sidebars
  • 14 Template Colors
  • 7 Custom Widgets
  • 2 Blog Type (Classic/Magazine)
  • 30+ Custom Style Shortcodes

3. Phenomenon –  $35

Phenomenon

Phenomenon is the ultimate and one of a kind premium hosting wordpress theme that was created with hosting companies and businesses in mind. Phenomenon is very easy to customize and it comes with a great documentation that includes 6 screencasts that help you get the theme up and running in no time!

Some Features:

  • BluzPanel Included!
  • Cufon font replacement
  • Threaded Comments 3 Page templates: Full-Width, Gallery, Blog
  • 34 Awesome & Useful Shortcodes
  • PSD for logo customization – included!
  • Login Module (integrated with: WordPress, WHMCS or Custom)
  • Compatibility (IE 7 , IE 8 , Firefox, Opera, Safari, Chrome)

4. Periodic –  $35

Periodic

The simple, clean elegant interface is meant to be a perfect backdrop to your content. The theme is ready to start working, out of the box, with a multitude of theme options, custom widgets and shortcodes to help you personalize your environment.

Some Features:

  • Fully developed comments
  • Built in pagination support using WP-PageNavi
  • Enhanced blog post template
  • Seven custom widgets
  • YouTube integration for video posts
  • 9 shortcodes

5. EZINE –  $35

Ezine

EZINE is clean, elegant, modern and minimalist premium wordpress theme that can be switched as blogging, magazine, community and portfolio wordpress theme, there’s 4 skins color and background pattern variation available with EZINE theme, Please explore the demo to see more theme features.

Some Features:

  • Jquery slideshow (Nivo slider)
  • Custom Shortcodes
  • Support WordPress 3.0 Menu System
  • 4 Skins option
  • 10 custom widgets

6. Gadgetine –  $30

Gadgetine

Gadgetine is premium blog magazine theme that will also work well for a serious news portal. It has 3 columns, 8 news sections and a LOT banner spaces on the first page.

The theme is very friendly for affiliate marketers or just regular bloggers who wish to monetize their hobby. They will appreciate the ability to easily promote specific posts and create their own pages with no limitations (read landing pages). Carefully placed banner spaces will help to make that sale. T

heme has its own configuration page, so you wont have to edit any code files! Setup is very easy.

With built in thumbnail generator, you will have no problem creating great looking articles.

The theme also includes automatic picture resize script, that will save you hours of resizing those pictures from older version of your website.

You will also have a special page for your RSS feeds and many more great features.

Some Features:

  • Theme has 10+ banner spaces
  • Automatic picture resize
  • Feedburner compatible
  • SEO Optimized
  • Fully Compatible with WordPress 3.0

7. EXPO –  $30

Expo

EXPO is a highly customizable WordPress Showcase and Resource Theme, integrated with rich feature and enhanced administrative options. You can use this theme to promote good products (themes, web, design) at your website and earn referrals money.

Other possible use is a simple showcase website with products reviews, photos, etc. Since this theme is widget base theme, you can easy manage the layout of your site using WordPess widget manager.

Some Features:

  • Easy Thumbnailer
  • Many Back End Options
  • Highly customizable theme and well commented
  • These widget can be used in 9+ different widget areas.
  • You can switch between 2 or 3 columns using custom theme options.

8. MAJALAH –  $25

Majalah

MAJALAH is magazine style WordPress theme with clean and modern layout, and also can be switched as community theme. There are 2 Slideshow options in MAJALAH theme, 3D slideshow and Javascript slideshow that easily configurable from admin theme options, and also 2 colors available in dark dan white color with 4 combination background.

Some Features:

  • PSD included
  • Flickr Integration
  • Two color scheme
  • Archives templates
  • Admin theme options
  • SEO Optiomized
  • Built in Twitter Integration

9. Affair –  $20

Affair

A 2 column, magazine flavoured WordPress theme, designed to put your content at the forefront and give your blog a modern, stylish and professional feel. Featuring automatic thumbnail generation and custom social media links.

The perfect theme for bloggers wanting a magazine look!

Affair is coded in Valid Xhtml and CSS , is ready to run straight out of the box and for those who like to tinker, customizing the theme is also super easy!

Features:

  • 2 column magazine layout
  • Automatic thumbnail generation
  • Custom social media links
  • Pretty looking comments with Gravatars
  • SEO ready!

10. Maglicious –  $30

Maglicious

MagLicious is a throughout professional premium WordPress Theme which is perfectly suited for News and Magazine style Websites.

Some Features:

  • 2 templates for the price of one
  • Widgetized mainpage
  • Full page slider
  • Portfolio page with video support
  • 9 skins for different color variations

11. FlibBlog –  $35

Flipblog

FlipBlog is the hottest new thing since sliced bread. This theme is like a Rock Star buisness/portfolio theme got together with a hip blog theme and had a baby. Yeah… FlipBlog is the whole package.

Some Features:

  • Full lightbox integration
  • 6 dynamic widget areas
  • 5 homepages to choose from
  • Built-in ThemeBlvd SEO Plugin
  • Tons of Shortcodes
  • 10 Custom widgets
  • Total visual customization

12. Beatific –  $30

Beatific

It is a full W3C Valid PHP coded WordPress website theme, easily customizable. All PSD files are attached in the file ZIP so you can modify everything on the site, and you can easily create your own themes too, since the documentation is very clear on how to modify. The site uses jQuery for the image scroller on the Home page and for some minor tweaks.

Features:

  • 17 pages long documentation
  • Custom post type for Portfolio items
  • Full WordPress integration
  • 4 carefully hand crafted themes

13. Nesnel –  $35

Nesnel

Nesnel is a premium portfolio and business theme for WordPress. It has user-friendly admin panel with configuration wizard, slider management system, shortcode generator; modular page layouts, 90+ advanced shortcodes and more. And it’s incredibly easy and quick way to have a website. You can setup in minutes to your WordPress.

Some Features:

  • Ready for WordPress 3 and greater
  • 90+ Shortcodes
  • Unlimited level unique navigation menu
  • Ajax contact form
  • Nested Comments
  • Translate Ready

14. Lifeline –  $35

Lifeline

Lifeline is a clean and sleek WordPress theme that is built for easy customization and enormous flexibility. It’s powered with our custom Theme Options Panel, JWPANEL.

Some Features:

  • 7 custom page templates
  • 4 color schemes included
  • 10 custom widgets
  • Unlimited widget sections
  • Widgetize homepage
  • Localized. Translation ready

15. Survive –  $30

Survive

Survive is clean and modern WordPress theme made for Business, Portfolio, Personal Blog or any kind of website.

Some Features:

  • Threaded comments
  • Nivo Slider
  • Cufon font replacement
  • Shortcodes for more text-control
  • Step by step detailed installation guide
  • Full control from admin panel

16. brandNew –  $35

Brandnew

brandNew theme for WordPress is a modern web 2.0 theme with spacious layout, clean typography and better readability. The theme is best suited for corporate ventures, blogging requirements and personal portfolio. Backed with useful short-codes, custom widgets, multiple skins and language localization support – the theme is versatile enough to fit into your web requirements.

Some Features:

  • 10 Skins
  • 2 WP Menus
  • Home page scroll Slider
  • Full width Nivo Slider
  • 5 Portfolio Templates
  • 8 Custom widgets
  • 7 widget areas with exclusive usage for each page

17. Uniquate –  $35

Uniquate

Uniquate is a Powerful Professional WordPress theme. It’s perfect for Corporate, Business and Personal Portfolios.

It includes powerful and minimal admin panel which give you full control over every major and minor design element throughout your website.

It comes with 11 skins and I am sure you can create your own skin easily.

Some Features:

  • Video support in gallery
  • WordPress 3.0 menu support
  • 2 column fixed layout
  • Jquery cycle plugin
  • 11 color skins
  • Powerful and minimal theme options page simple to use
  • No need to add custom fields for thumbnail images

18. CleanSlide –  $30

Cleanslide

CleanSlide is a professional & clean premium WordPress theme. It can be used for almost every type of website project. It comes with a detailed documentation, which includes all the main instructions you will need to customize this theme. All the html and psd files are included.

Some Features:

  • 8 different color schemes
  • Unique jQuery Portfolio incl. filtering
  • jQuery Accordion freebie included
  • PSD file included

19. Stealth –  $30

Stealth

Stealth is a sleek, stylish and simple theme that you’ll be able to setup for you or your client in no time.

Some Features:

  • 6 dynamic widget areas
  • Contact form builder
  • Built-in ThemeBlvd SEO plugin
  • Tons of shortcodes
  • 10 custom widgets
  • 8 page templates
  • 6 styles

20. Sniper –  $25

Sniper

SNIPER is a clean and robust WordPress theme, best suited for decent corporate websites, photography portfolio, and personal blog. The simplicity and straight-forward design style opens a wide scope for modification and flexible configuration. Backed with powerful widgets, useful short-codes and language ready functionality, SNIPER can be useful for your next corporate project. Here are some of the features:

Some Features:

  • 8 custom widgets
  • 4 widget areas
  • Language Ready theme
  • 2 WP3 Menus
  • 9 portfolio/gallery templates for image showcase
  • Custom blog template for creating more than one blog-alike pages.

E-Commerce

1. WP FlexiShop –  $35

Flexistore

This theme utilises the powerful WP E -Commerce plugin to create a versatile and feature packed WordPress powered shop, with 3 different layout options and unlimited color possibilities. Make this theme your own.

Mix up content on the homepage with swappable content areas, and change between 2 different footer areas, or use both! A theme so versatile that you can re-brand it to suit your business by simply changing a few settings.

Some Feautres:

  • Multiple payment options
  • User accounts and order tracking
  • Supports tax
  • AJAX cart loading
  • 12 widget areas
  • 3 different types of layouts
  • Elegant 2–step checkout

2. Sofa Shoppr –  $40

Sofashoppr

Sofa Shoppr is WordPress based webshop (e-commerce) theme. It works in conjunction with PayPal payment gateway which means that users can safely checkout either by using their own PayPal account or a credit card. Beside the fact that this theme is extremely easy to setup and maintain, it does include all of WP 3 .0+ features, built-in widgets, advanced layout control, user reviews and an ample Options page through which all the crucial sections of your future webshop are settable.

Another cool thing is a featured products banner rotator – Piecemaker (Adobe Flash app), fully integrated into system. Webshop owner can simply upload all the slides through WP Admin panel and set all of Piecemaker variables via theme Options page so no need to edit XML file or upload slides by using FTP client. On top of that, each banner can be linked to a certain/featured product page – if needed.

You can select between 3 different layouts for your webshop Home Page; it can consist of Widgets only, it can be a grid of listed products (no sidebar) or a combo of grid and sidebar. Both grids may optionally be mixed with Widgets too which is another great feature – you can literally create your own layouts. There’s plenty more but I guess you’ll discover on your own as soon as you install Sofa Shoppr.

Some Features:

  • Orders tracking
  • Fully implemented piecemaker banner rotator
  • Complete webshop + PayPal solution
  • Entirely settable via Options page
  • 8 built-in widgets

3. The Clothes Shop –  $40

Tcs

Some Features:

  • Multiple payment options
  • Manage registered customers
  • Coupon/voucher codes
  • Shop modes: regular, inquiry, affiliate, PayLoadz
  • 30 independent widget ready sections
  • 22 Custom widgets featuring: “shop by outfit”,”shop by size”,”shob by color” etc.

4. enVirashop –  $30

Envirashop

enVirashop is a WordPress eCommerce theme that has an in-built shopping cart feature that requires no plugins.

The theme comes with plenty of options so you can personalize your store to suit your needs. Please check the screenshots to see the design variations and the options available.

Some Features:

  • Set tax rate
  • Multiple currencies
  • Product options
  • Payment methods (PayPal & Google Checkout)
  • 5 banner colors
  • 5 shopping cart colors
  • jQuery shopping cart

5. Cars Dealer –  $35

Carsdealer

Cars Dealer is a full featured WordPress 3 theme developed for car dealers looking for something a little bit different. Cars dealer is not a “corporate” website, it’s just a clean and elegant design focused to inspire everyone that come to it.

Of course you can easily use this template for any other markets.

Some Features:

  • Latest jQuery Framework
  • 20+ custom options
  • Multiple Page Layouts (6)
  • Custom Post Types (2)
  • WordPress Version 3.x

6. Time for Food –  $25

Tff

Time for Food is a beautifully designed WordPress Theme for all you foodies. It can be used to share recipes or just write articles based about food.

The site works in IE6 , IE7 , IE8 , FF, Opera and Safari.

The Theme uses the TimThumb Script, so you need the GD libary installed for this to work (99% of hosts have this installed, if not just ask them to enable it).

7. The Jewelry Shop –  $45

Tjs

Some Features:

  • Translation ready
  • 34 Custom Widgets
  • 34 Independent and collapsible widget ready section
  • Products with video, audio and/or images
  • Protected account area
  • Customer wishlist

8. The Furniture Store –  $45

Tfs

Some Features:

  • 2 Localized Child Themes
  • Optional Blog Alongside The Shop
  • 27 Independent and Collapsible widget ready sections
  • Customer Wishlist
  • Frontend customer login/registration and protected account area

9. EStore –  $35

Estore

EStore is a clean, modern, web 2.0 style wordpress theme suitable for online store, shopping cart and business sites.

This theme is fully compatible with WP Ecommerce plugin.

Some Features:

  • WordPress 3.0
  • 7 page templates
  • 4 sidbar position
  • New Custom Post Type for slider
  • New Custom Post Type for portfolio
  • New Custom Post Type for products
  • New Custom Post Type for testimonials

10. Hansum –  $25

Hansum

Hansum WordPress theme is a clean, beautiful and easy customizable theme. It’s perfect for corporate, photography show case, personal/company portfolios, blogs and clean looking websites. This theme comes with massive and functional theme option page which gives you entire website under your control. It comes with 4 page templates, Portfolio, gallery , blog and contact.

It comes with 2 skins with light and dark

Some Features:

  • Theme options page
  • Inbuilt contact page
  • 3 page templates
  • 2 column fixed layout
  • jQuery hslides slider
Sponsored post
soup-sponsored
05:36
Reposted bySchrammelhammelMrCoffeinmybetterworldkonikonikonikonikoniambassadorofdumbgroeschtlNaitliszpikkumyygittimmoejeschgeKameeel

September 06 2010

06:00

WordPress Fat-Loss Diet to Speed Up & Ease Load

Last week we looked at some useful plugins to enhance and protect WordPress, following on with the WordPress topic let’s look at how you can tweak your WordPress install to increase the speed of your site and ease the load on your web servers. We’ll be putting the front end code on a strict diet, while trimming the fat from the database to produce a fast, lean website that doesn’t clog up your server’s resources.

Despite its general awesomeness and wide adoption across the web as both a blogging platform and a trusty CMS, it’s no secret that WordPress is a greedy old memory hog. This high memory usage soon becomes apparent when your blog receives a decent number of visitors and your blog goes missing due to your server throwing in the towel.

Installing one of the many caching plugins fixes 90% of these server problems, while upgrading your server specs solves the rest. But it’s not all about uptime and downtime, we also want a speedy site that loads in a flash every day. Follow this 10 step exercise regime for your blog and you’ll take it from a slobbering podgy couch potato to a ripped and finely tuned pentathlon athlete.

Step One – Install a Caching plugin

Caching solves 90% of those server problems. It dramatically eases the load on your server by presenting static files to users instead of making numerous calls back and forth to the database. There’s a hand full of plugins to choose from including WP-Cache, WP Super Cache, Hyper Cache and W3 Total Cache. Check out this handy post from Tutorial9 for a more thorough overview.

My choice goes with W3 Total Cache as it combines not only page caching, but also database caching, browser caching, object caching and minify settings.

Step two – Lose the plugins & widgets

WordPress plugins are what makes the application so powerful, but there’s some that you could either remove altogether, or hard code into your theme. Each plugin creates extra processes your server will have to resolve each time a page is loaded so removing these processes can really help speed up your site.

Instead of using a plugin to insert your Analytics code into your page footer, do it yourself. Rather than rely on a plugin to insert share buttons, add them to the theme yourself. Chances are some of these plugins will be bloated with unnecessary code and will call their own CSS and Javascript files for features you might not even be using.

Step three – Hard code your templates

This one is definitely more for the designers and developers who run their own sites, as opposed to sites that need to be editable for clients, or for public themes. Swapping out the WordPress PHP tags for plain old HTML can really help increase the speed of your site as you’re essentially cutting out the extra steps WordPress has to take. Let’s take <?php wp_list_pages(); ?> for example. Each time the your webpage is loaded, WordPress has to check the database for the number of pages it has stored, then inject them into your theme as a series of <li> elements.

Instead, link up the pages directly in your theme file:

<ul>
	<li><a href="/category/articles">Articles</a></li>
	<li><a href="/category/inspiration">Inspiration</a></li>
	<li><a href="/category/tutorials">Tutorials</a></li>
	<li><a href="/about">About</a></li>
	<li><a href="/advertise">Advertise</a></li>
	<li><a href="/contact">Contact</a></li>
</ul>

The same can be done for lots of standard PHP tags in your WordPress theme, what about <?php bloginfo('name'); ?>, <?php wp_list_categories(); ?> or <?php bloginfo('stylesheet_url'); ?> Once your site is set up, chances are these elements aren’t going to change anytime soon.

Step four – Minify your HTML & CSS

Minifying can help squeeze out every last Kilobyte from your front end files, speeding up your pages by whole milliseconds. If you picked out W3 Total Cache as your caching plugin of choice, you have Minify settings right at your fingertips. Minifying strips out white space and comments from your HTML and CSS files, which lowers the filesizes and subsequently allows for faster load times.

Step five – Smush your images

Images make up a large portion of the files that are downloaded during every page load. Some files, like header images and other theme related graphics are loaded on every page so it’s worth making sure these images are as lean as they can be. Upload and replace your theme image files with versions that have been run through the Smush.it engine. For all the other images uploaded through WordPress, the WP Smush.it WordPress plugin helps optimize images as they’re used.

Step six – Disable post revisions

Post revisions are a handy feature if you’re running a multi-author blog, but for most of us it’s an unused feature of WordPress. Post revisions can seriously bloat your database with multiple copies of posts, adding extra MBs to your SQL files. To turn it off, simply add the following code to your wp-config file:

define('WP_POST_REVISIONS', false );

Don’t forget to delete existing post revisions using the following SQL query, through phpmyadmin or similar (as always, create a backup before making such changes):

DELETE FROM wp_posts WHERE post_type = "revision";

Step seven – Delete all spam comments

Just like a hoard of post revisions, spam comments that have been captured by Akismet can take up some serious database space, especially if you haven’t done a spring clean in a while and there’s thousands of comments polluting your spam section. Thankfully it’s easy to nuke them all with the swift click of a button in the WordPress admin area.

Step eight – Run a Clean Options check

If your blog is a few years old, chances are you will have installed plugins that you don’t use anymore. Most plugins are developed well and clean up after themselves when they’re uninstalled, unfortunately there are others than leave behind all their settings and information. These unused tables can bloat your database so it’s useful to purge them to free up space. The WordPress plugin Clean Options is a handy tool for giving your database a clear out. It looks for tables that are no longer in use then gives you the option of deleting them.

Step nine – Optimize your database

Over time your database develops clutter. Just like the drefragging of a hard drive, optimizing your database removes this clutter and puts everything back in its place. There’s two easy methods of doing so, with a plugin or via phpmyadmin. If you have WP-DBManager installed, this plugin has the optimize feature built in and can even schedule the job to run automatically.

Step ten – Purchase multiple servers

You may reach a point where even your trimmed WordPress install still breaks even the most finely tuned and highly specced VPS or dedicated server under high load. The next step is to not only increase your server size, but also in numbers. Using one highly specced server purely for MySQL allows the database to use as much resources as it needs, while the PHP and front end files reside on a smaller server.
Use the define('DB_HOST'); setting in the wp-config.php file to specify the IP of the server the database is living on.

August 26 2010

17:42

Free Theme: Quality Control, a Simple Ticket or Bug Tracker

Spencer, the developer here at Function, has been working on putting together a simple ticket or bug tracking WordPress theme. The theme allows for easy creation of a ticket/support system right within WordPress, for free.

Spencer worked on this entire project himself, it was a one man project, and it turned out great, so please direct all comments and praise towards him.

Theme Demo & Download

View the DemoDownload Theme Free.

To get a true feel for the theme and it’s potential make sure you check out the demo. For more details, as well as a download link please read Spencer’s Post and make sure you let him know what you think of the theme.

About the Free Theme

It’s a lightweight solution to a common problem, perfect for individuals or small teams to keep on top of tickets, or bugs, or any other uses you can think of.

It can be built on or expanded for much more extended use, but some of it’s standard features make it real alternative to other expensive systems.

The idea is to provide a base “framework” of sorts, that creates the core functionality needed for ticket tracking, but leaves room for the user to take it in any direction they want.

Thanks to Spencer

Once again I’d like to thank Spencer who worked on this full project himself, please follow him on Twitter and let him know your thoughts on the theme.

August 25 2010

10:00

How to Build a Custom WP e-Commerce Theme (Part 1)

If you have ever tried to create an E-Commerce shop with WordPress, I am sure you know WP e-Commerce. If you are  a beginner and don’t know that much about it, I will suggest you to read this tutorial so that we are good to start the complex development. In this article I will show the process of how my latest custom WP e-Commerce theme was built from design concept through to completed theme.

You can preview the theme here or download djavu-shop work in progress theme here.

Tutorial Requirements

This tutorial assumes you are fairly comfortable using the following languages

  • Html
  • CSS
  • jQuery
  • PHP
  • Wordpress

What will we learn in this tutorial?

  • Creating a WP e-Commerce Theme
  • Brief introduction to Wp e-Commerce file relationship
  • A dynamic accordion slider (using jQuery Kwicks) that uses the company categories as content
  • Playing with CSS3 to add a nice touch

Preview of our WP e-Commerce Theme

The theme I’m working on is named Djavu-shop. The main feature of this theme is it’s accordion slide on top of the products. This accordion displays the available categories and/or brands. Sliding over the accordion will bring a brief description of the category. A click on the link will display all the products of this category or brand.

A few fancy effects such as the buttons and shadows are made with CSS3.This tutorial is the first part of a suite of tutorials. For the first part we will only focus on the product page (see picture above).

Anatomy of a WP e-Commerce theme

Before getting stuck into the build process, it’s important to know how WP e-Commerce themes work. Open the default theme (wordpress-directory)/wp-content/plugins/ wp-e-commerce/themes/default), you’ll notice that it’s all contained in a folder, and there’s around 9 core files. Note the default theme is always loaded! Your theme only overrides the default theme behavior. In our theme we will include more files which allow extra customization.

Here’s an overview of the main files you’ll be working with:
cart_widget.php // Cart widget to be displayed on the sidebar for example
category_widget.php // Displays a widget with the categories and brands given in WP e-Commerce
default.css // Stylesheet of WP e-commerce. Original file is always loaded!
functions.php //
grid_view.php //
images/ // Folder containing WP e-Commerce related images
list_view.php //
products_page.php // Page where all products are displayed, per category, brand, etc…
shopping_cart_page.php // It’s the checkout page. Where the client puts his name, address etc…
single_product.php // Description of a product

Each of these files then contains a series of PHP template tags. These tags tell WP e-Commerce where to insert the dynamic content. A good example is the <?php  echo wpsc_the_product_title (); ?> tag, which will display your product title (or name if it is more understandable).A catalog of all available template tags are here . Probably you will find a tag that will do exactly what you want or if it is WordPress related try the WordPress Codex.

Create a new theme out of the default

The best way to start creating your own theme is to make a copy of the original theme. The default theme is in (wordpress-directory)/wp-content/plugins/ wp-e-commerce/themes/default. Duplicate the “default” folder and call it “djavu-shop”. After this open the new created theme folder and rename the default.css file to djavu-shop.css. Delete everything inside your css file (!) and put the following code inside of it.

<code>/*Theme Name: Djavu-Shop Theme
Theme URI: http://www.djavupixel.com
Description: Just another WP-e-commerce theme
Version: 0.2
Author: Leonel Hilario
Author URI: http://www.djavupixel.com*/</code>

Login to your wp-admin section and browse to Store>Settings>Presentation page, click on the drop-down list and djavu-shop theme should be in the list. Select it and save changes.
Create a “js” folder inside our theme. We will put some JavaScript inside. Download jQuery kwicks and put “jquery.kwicks-1.5.1.pack.js” on the js folder created before.
In this tutorial we will only work with djavu-shop.css and products_page.php. The next tutorials will focus on other files.

Reminder

Inside the “djavu-shop” folder you should have the following files:
cart_widget.php
category_widget.php
djavu-shop.css
functions.php
grid_view.php
images/
js/
list_view.php
products_page.php
shopping_cart_page.php
single_product.php

Preparing WP e-Commerce for our theme

Add 4 categories in WP e-Commerce

Login into your WordPress account and then click on Store>Categories. For this example we will create 4 categories “MacBook Pro”, “iMac”, “iPod Touch” and “iPhone”.  Add a small description and a picture to all categories! In our example we need 4 pictures of at least 320 pixel width and 320 pixel height (for this tutorial I used 4 pictures of 576×320).  Here below is an example screenshot and here you can download the pictures.

For the lazy one like me here are the products descriptions:

  • MacBook Pro: The fastest, most powerful MacBook Pro ever. Three Times.
  • iMac: The ultimate all-in-one. Turbocharged.
  • iPod Touch: A great portable game player.
  • iPhone 4: This changes everything. Again.

Configure presentation settings

Just copy the same settings as in the picture below. Please note that this picture is tall. Click on the image to open the full size

Let’s start building our theme!

Open products_page.php and go to line 35 it you be “<ul class=’wpsc_categories’>“. Delete line 35 to 48, just before the endif. Here we will add Kwicks for jQuery which is an accordion slider.

Here is the PHP/HTML code:

<code><ul class='kwicks'>
<?php wpsc_start_category_query(array('category_group'=>get_option('wpsc_default_category'), 'show_thumbnails'=> get_option('show_category_thumbnails'))); ?>
<li>
<div class="kwicks_inner">
<div class="image"><?php wpsc_print_category_image(); ?></div>
<div class="caption-title transparent_class">
<?php wpsc_print_category_name();?>
</div>
<div class="caption transparent_class">
<a href="<?php wpsc_print_category_url();?>" class="wpsc_category_link"><?php wpsc_print_category_name();?></a>
<?php if(get_option('wpsc_category_description')) :?>
<?php wpsc_print_category_description("<div class='wpsc_subcategory'>", "</div>"); ?>
<?php endif;?>
</div>
</div>
</li>
<?php wpsc_end_category_query(); ?>
</ul></code>

We created an unordered list and inside of it we put we kwicks_inner class. Inside we put the picture as we think it is more flexible than putting it on the CSS. In class caption-title we put the title of the category. On mouse over the class caption will be displayed which contains the title and the small description that we entered before (see Preparing WP e-Commerce for our theme). Now open djavu-shop.css and paste this CSS code:

  • wpsc_print_category_image() prints the category image unscaled
  • wpsc_print_category_name() prints the title of the category
  • wpsc_print_category_description is the description we gave before to this category
  • wpsc_print_category_url() link to the category content

<code>/* Product Page - The accordion (kwicks) effect on top of page */</code>

<code> </code>

<code>.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
border: 1px solid #ddd;
box-shadow: 2px 2px 5px #ddd;
-moz-box-shadow: 2px 2px 5px #ddd;
-webkit-box-shadow: 2px 2px 5px #ddd;
}</code>

<code> </code>

<code>#content #products_page_container ul{
margin: 0;
padding: 0;
}

.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
}

.kwicks li{
float: left;
width: 160px;
height: 320px;
margin-right: 5px;
}

.kwicks li a {
color: #fff;
}

.kwicks .kwicks_inner {
width: 320px;
}

.kwicks .image {
width: 90px;
height: 240px;
float: left;
}

.kwicks .caption-title {
background-color:#333333;
color:#CCCCCC;
float:left;
font-size:16px;
margin:40px 0 0 16px;
padding:3px 0 3px 16px;
text-align:left;
width:100%;
}

.kwicks .caption {
display: none;
text-align: center;
width: 320px;
height: 80px;
color: #ccc;
font-size: 16px;
float: right;
/* Playing with CSS - Adding some transparency */
background-color: #333;
}

.kwicks li.active .caption {
display: block;
}

.kwicks li.active .caption-title {
display: none;
}

</code>

<code>.transparent_class {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}</code>

So this was a bit of code. As you may read we added a few CSS shadows. The .kicks li.active class is fired when a mouse passes over the accordion. Here we hide the .caption-title to show the .caption which contains the title and description of this category. For more information about Kwicks please read the well documented page or if you want to try other nice effects.

Now we hase the HTML and CSS code and here is the JavaScript code that will create all the magic:

<code><script src="<?php echo $djavu_theme_url ?>/js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.kwicks').kwicks({
max : 320,
spacing : 0
});
});
</script></code>

Note that you can put this at the top oder bottom of the page. I would recommend at the bottom of the page so that the layout loads faster.

Conclusion

This may look a bit difficult at first sight, but it’s not and it is the first part of a series of tutorials. Make a temporary install of WP e-Commerce and fill it with dummy content this will really help understanding how WP e-Commerce works and will also help to find errors. In our next tutorial we will focus on more general parts of the design as I am working on it ;-)

Preview the theme | Download files

Further Discussion

Have some thoughts of this theme? Give them to me, I’d love to hear them. This is as much a proof of concept as it is a tutorial. It introduces basic html, css, jQuery, PHP and the WP e-Commerce plugin. I’m sure there will be people out there who will feel that a perfect e-commerce start page is something else. If so, what would you do?

August 09 2010

05:00

Building a Stylish Blog Design Layout in WordPress

Over the last couple of weeks we’ve been through the process of creating a stylish blog design in Photoshop, coding it up into a static HTML and CSS concept, and now we’ll put the whole thing together as a fully working WordPress theme. Follow this step by step walkthrough of the various WordPress theme files, and see how the HTML is split up and injected with PHP tags to provide the complete blogging functionality.

View the coding tutorial

At the end of the last tutorial, we were left with a working HTML and CSS concept of the blog homepage. Since then, a generic inner page has been styled up, to give the CSS for page elements such as comments, author description etc that appear when viewing a complete blog post.

WordPress theme anatomy

A WordPress theme consists of multiple PHP files. Each one of these files is called from the index.php, so your header, footer and sidebar are separate files that are inserted into the index to render a full web page. Furthermore, there’s different template files that can be used in place of the index depending which portion of the site the user is viewing, these include archive.php, single.php, and page.php. Inside each one of these template files is a series of WordPress PHP tags which add the special functionality and transform the static HTML and CSS code into a working theme. Be sure to keep the WordPress Codex bookmarked for reference when building your themes, it includes a detailed description of every tag and all its parameters.

Collection of WordPress files

The first step when creating any new theme is to create the series of files and copy across any image, Javascript or CSS assets your design uses into a new folder.

/*
Theme Name: Chris Spooner V3
Theme URI: http://www.chrisspooner.com/
Description: Chris Spooner WordPress Theme Version 3.
Version: 3.0
Author: Chris Spooner
Author URI: http://www.blog.spoongraphics.co.uk
*/

At the top of the CSS file, you’ll need to specify some details about your theme in order for it to be detected by WordPress.

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

While you’re editing the CSS, you’ll also want to add some styling for the classes added by the WordPress WYSIWYG editor for aligning text and images to the left, right and center.

Header.php Template File

View fullsize code annotations

The header.php includes all the information from the head of your HTML document, as well as the upper portion of your code that remains the same throughout each page (The opening container tag for instance). The HTML right down to before the start of the page content is copied from the static HTML file and pasted into header.php. Then select tags and elements are replaced with PHP tags in order for WordPress to inject the dynamic information. <?php bloginfo('stylesheet_url'); ?> automatically renders a link to /wp-content/themes/*theme-name*/style.css. Where you need to specify the link to the theme directory, you can use <?php bloginfo('template_url'); ?>. Before the closing </head> tag, the WordPress <?php wp_head(); ?> tag tells any plugin files where to insert their own code.

Other tags used in the lower portion of the header file include <?php echo get_option('home'); ?> which renders a link to the blog homepage, and <?php wp_list_pages(); ?> which lists out the WordPress generated page into <li> tags (so don’t forget to wrap it in a <ul>). This pages tag also has some parameters, firstly sort_column=menu_order arranges the pages according to how you specify them as opposed to alphabetically, and title_li= removes the default ‘Pages’ heading from the list. It’s worth noting that this tag could be used elsewhere in the theme, like the sidebar for example. Likewise, you could list out the categories here instead.

Index.php Template File

View fullsize code annotations

The index file follows on from the header.php, so the HTML right down to the sidebar from the static file is pasted into the index file. Being the file that is loaded first, the header.php file is called using the <?php get_header(); ?> tag. Inside the HTML content area, the WordPress loop checks for posts then spits out a bunch for code for each post it finds. This is specified between the while and endwhile; PHP tags. Inside this loop we can insert the dynamic post information into the existing HTML elements from our static content, such as <?php the_permalink(); ?> to render the link to the post, <?php the_title(); ?> to render the post title and <?php the_content(''); ?> to render the actual post text.

After the list of posts, pagination tags are inserted using <?php next_posts_link('Older posts'); ?> and <?php previous_posts_link('Newer posts'); ?>. The text inside the parentheses can be altered to any wording you desire. At the bottom of the index file, the sidebar and footer files are called using <?php get_sidebar(); ?> and <?php get_footer(); ?>, which will insert the content from sidebar.php and footer.php wherever the tags appear in the theme file.

Archive.php & Search.php Template Files

View fullsize code annotations

The archive.php and search.php template files are basically alternatives to the index.php template file. They do the same job, but are used in different areas of the website. The index file is used on the blog homepage, whereas archive is used when browsing any kind of grouping of posts, whether it’s by category, month or author. The search file is used when viewing search results. Both files use the same structure and tags as the index file, but include some extra elements to provide feedback to the user. The archive file uses a range of conditional tags to check where the posts are coming from, this then allows you to set a page heading with the relevant information (‘Browsing the Tutorials category’, or ‘Browsing posts from August, 2010′).

Similarly, the search template file can include the simple <?php the_search_query(); ?> tag to render a heading such as ‘Search results for WordPress’.

Single.php & Page.php Template Files

View fullsize code annotations

While the index, archive and search files display a list of posts, the single.php and page.php template files are used to display the individual posts and pages. They both begin with similar HTML – The header is still called using <?php get_header(); ?> and the WordPress loop displays the post information and content. The main difference is instead of pagination, you might include additional functionality like <?php related_posts(); ?> (plugin specific tag) to render related posts, or <?php comments_template(); ?> to load the comments section, particularly for single blog posts.

Comments.php Template File

View fullsize code annotations

The comments template file is called from single.php to insert the comments section at the bottom of your blog post. This file renders out the comments into an <ol> element and is pretty much self-contained in the <?php wp_list_comments(); ?> tag. Elsewhere in the template file, comment pagination is taken care of with the <?php previous_comments_link('Older') ?> and <?php next_comments_link('Newer') ?> tags (if the option is set in the WordPress settings), while the comments form appears underneath, surrounded by a <?php if ( comments_open() ) : ?> statement to check whether comments are open or closed for this particular post.

Sidebar.php & Footer.php Template Files

View fullsize code annotations

Like the header.php file, the sidebar and footer are called from the other template files to insert the relevant HTML in the correct places to form a complete web page. My sidebar.php file only contains a modified version of the wp_list_categories(); WordPress tag, but any cocktail of information could be rendered here.
The footer.php file closes out HTML elements that have been opened elsewhere in the theme files, particularly the container div and page body. My footer design also includes a range of extra information, most of this information is generated by Javascript, or is controlled outside of the WordPress functionality, but the footer does still include the WordPress <?php wp_footer(); ?> tag to allow any plugins or WordPress itself to inject code into the right place in the theme (A Google Analytics plugin would likely insert the tracking code using wp-footer();).

404.php, Functions.php & Everything Else

View fullsize code annotations

We’ve covered the main types of WordPress theme files, but it doesn’t have to stop there. Two other popular files include 404.php, which allows you to design a custom error page for your blog, and functions.php, which allows you to customize the inner workings of WordPress without altering the core WordPress code, not to mention the complete list of WordPress template files, many of which I’ve personally never used before. There’s also the option of custom page templates to take advantage of, these files allow you to set up a unique layout for a certain type of WordPress page – This is particularly handy for creating an archives list, or a portfolio page layout.

The Final WordPress Theme

When all the HTML is split across the various theme files and the WordPress template tags inserted into the right places, the theme is now ready to install and test. All the post information from the WordPress install should be injected into the theme and rendered out as HTML, taking all the styling clues from your CSS file.

View the theme in action at ChrisSpooner.com

View the final theme in action

July 21 2010

10:00

Premium Like But Free Exclusive Wordpress Theme: SketchPad

sketchpad-free-wordpress-themeSketchPad is a free WordPress 3.0 ready theme that’s ready to fuel your magazine or social blog style website.  With 10 vivid colors options, you’re sure to suit the style of your blog.  100% Valid XHTML and CODE ensure that you’re website will be cross browser compatible and up to standards.  Thumbnails are easily applied using the standard WordPress “Post Thumbnail” or “Featured Image” built in functionality.  Turn your blog into an attractive, easy to use, and functional website with SketchPad from ThemeSheep.

SketchPad is released under the GPL V2 license specifically for 1stwebdesigner, so you’re free from restrictions on how you use it!  Feel free to use it for any personal or commercial websites.  Just remember to share, tweet, link, and comment on this article to help support this free WordPress theme!

Features of SketchPad

  • 10 Awesome Color Schemes
  • WordPress 3.0 Custom Menu Implementation
  • 4 Widgetized Footer Areas
  • Custom Ad Management Widget
  • ThemeSheep Admin Options
  • Custom Home Page Post Layout Options
  • “Latest Tweet” Header Option (can disable from admin options)
  • Integrated Page Navigation
  • Automatic Thumbnail Integration, set it and forget it!
  • Set your own custom logo easily
  • Input your Analytics or other tracking code through admin options
  • Bread crumb navigation
  • “Related Posts” custom feature

DEMO

DOWNLOAD

DETAILS PAGE

10 Awesome Color Schemes to Choose From

sketchpad-wordpress-color-options

Easily change the look of your website through the ThemeSheep admin options page.  Just select the color that you like, hit “save options” and you’re blog is instantly changed to the color of your choice.

Custom Post Layout Options

Through our admin options, you can easily select whether to display all large full width posts (as you see in the demo) or small half page width posts.  You can even mix these layouts up and do “X” amount of large, and “X” amount of small posts!  You’re in control of how your posts are displayed to your readers.

sketchpad-wordpress-post-layout-options-2

Custom Author Box and Post Excerpt Captions

Out of the box, SketchPad will create an “Author Box” in every one of your blog posts.  This author box will use the authors email Gravatar as the image, use the author’s name as a link to their posts, and use the “BIO” information that an author can fill out in their WordPress profile page.  Another neat feature is the custom excerpt caption.  This area is directly beside the main posts thumbnail and will first display the “excerpt” field ( you have to fill the excerpt field out whilst creating a new post ), if no excerpt variable exists, it takes the first 150 characters from your content to display.  This is a great way to give visitors a quick summary on the article and the author, capturing their interest and increasing reader loyalty.

sketchpad-custom-author-box

Details Page

SketchPad is available for free download, or if you’d like to work from the PSD’s, the developer package is available for $22 USD.  Both are available on our details page

Demo Page

A full featured demo is up for your viewing pleasure.  You can preview every color options as well as check out all the features of the theme on the demo page

Download SketchPad

SketchPad.zip (ZIP file 245kb)


July 20 2010

10:00

50 Exclusive Commercial Business And Corporate Wordpress Themes

Preview-corporate-business-commercial-wordpress-themesIf you need a great, working WordPress theme, but don’t have or necessary skills, then these commercial themes are just for you. They’re completely ready to use, easy customizable and you are getting support too. This post assembles 50 good-looking corporate & business themes, so if you want to start a commercial site, this is the best option available. You get quality stuff with modern features for cheap price. Plus almost every theme has a help documentation so you don’t need to be a WordPress geek to set up and use them.

1. inFocus ($37)

inFocus is a Powerful Professional Premium WordPress theme. It comes with an impressive fully customizable jQuery homepage slider with 3 different staging effects.

Whether you’re a WordPress pro or just a beginner, this theme has you covered. With a huge custom back-end area you have complete control over the look and style of your theme. Add images to your homepage slider, add as many sidebar widgets as you like, pull in your latest tweet from Twitter and much much more, all without having to touch a single line of code!

For your convenience inFoucs comes with 10 skins to choose from. Click on color name below for a full preview. Also below is a full list of inFocus’s features.

Some features:

  • jQuery Slider
  • Custom Sidebars
  • Custom Widgets
  • Portfolio Gallery
  • Huge Tabbed Admin Area
  • Layered PSDs are included for easy modification

In-focus-corporate-business-commercial-wordpress-themes

2. Display 3 in 1 ($42)

Display is a Wordpress theme, best suited for business and portfolio sites. It comes with a fantastic 3D Image slideshow that can be controlled from your backend with a custom tool. The theme has a huge wordpress custom backend (8 additional Admin Pages) that make customization of the theme easy for those who don’t know much about coding or Wordpress. Display also has 3 fantastic skins to choose from.

Some Features:

  • Valid XHTM Strict1.0 and CSS 2 .1, tableless Design
  • Multiple Page templates
  • jQuery Support
  • Huge admin area to customize the theme from your Wordpress backend

Display-corporate-business-commercial-wordpress-themes

3. Unite ($37)

Unite is a merger of crisp design and powerful communication. It takes a clean, organized approach to presenting content so it’s easier to find what you want.

This is a premium WordPress theme with 5 pre-made skins including a dark theme and textured background theme. The theme is easy to modify and ready to be up and running out of the box. The PSD files included have been customized to allow fast skinning.

Some features:

  • Valid XHTML Strict and CSS
  • 2 slide show options: jQuery cycle and Gallery View
  • Superfish Dropdown Menu
  • PSD files included
  • 5 pre-made skins
  • Unite-corporate-business-commercial-wordpress-themes

    4. Luxury ($32)

    Luxury is a clean, feature packed Wordpress theme designed to make your life easier. You can check out video tutorial how to set up custom home page.

    Some features:

  • Multiple column layouts, controlled site wide or per post/page
  • Extensive Theme Settings Page
  • Custom Post Category Page
  • Multiple Home Layouts
  • Multiple Widget Areas
  • Luxury-corporate-business-commercial-wordpress-themes

    5. Prosto ($37)

    Prosto is a professional developed, clean designed Wordpress Theme with powerful CMS features. That is well suited for personal portfolio, blog, or any kind of business website. Easy to customize with extended admin panel for any kind of users. You can simply control your theme look and content without any special knowledge. Setup layout and choose custom sidebar for each page. Make unlimited portfolios in 3 different layouts that is give you a great flexibility and much more.

    Some features:

    • Unlimited sidebars
    • Unlimited portfolios
    • Translation ready
    • WP3 support
    • Layered .PSD files included
    • Customer support

    Prosto-corporate-business-commercial-wordpress-themes

    6. Centita ($27)

    Centita is Wordpress Theme with minimalist and elegant look that suitable for your professional corporate website, easy to customize and rich of features.

    Some features:

    • jQuery image slideshow
    • Widget ready
    • Built in AJAX contact form
    • Customizable homepage and sidebar area
    • 7 layered PSD files included

    Centita-corporate-business-commercial-wordpress-themes

    7. Pandora ($32)

    Pandora is a WordPress Template, designed to promote anything from a corporate business to a portfolio site.

    Some features:

    • Valid XHTML Strict 1.0 and CSS 2 .1, table-less layout, 960 Grid System
    • jQuery Support
    • Code optimized for getting the top results in the Search Engines
    • WordPress related Features
    • All PSD files are included
    • Documentation Included

    Pandora-corporate-business-commercial-wordpress-themes

    8. Hyperion ($37)

    Hyperion is a clean and stylish Wordpress Theme well suited for any business, portfolio, blogger, or anyone needing a beautiful website. Hyperion comes with 3 jquery slideshows, many page templates, 3 widget areas, over 80 theme options, and 6 color styles, 2 custom widgets for your Twitter feed and Flickr images.

    Hyperion-corporate-business-commercial-wordpress-themes

    9. BossPress ($32)

    BossPress is a Wordpress theme which is suitable for web developers, designers, photographers and small corporates.

    Some features:

    • Full width showcase
    • Absolute positioned logo & navigation
    • Cool portfolio page
    • Full widget ready
    • Black & white, 2 theme color option

    Bosspress-corporate-business-commercial-wordpress-themes

    10. Barely Corporate ($32)

    Barely Corporate is a clean Wordpress theme that couldn’t be more easy to use. With a beautiful exterior and a backend that gives you ultimate versatility and freedom, Barely Corporate will have your website up and running in no time.

    It may look similar on the outside with just a few visual tweeks, but on the inside it’s the smoothest Wordpress theme you’ve ever used. The main goal was to give you the maximum amount of control, but at the same time not throw a million options and meta boxes in your face. Barely Corporate’s new framework will truly allow you to get that new website up and running for you or your client successfully without all the hassle.

    Some features:

    • 12 styles
    • 4 dynamic widget areas
    • Full lightbox integration in pages and posts, including

      shortcode

    • Insert jQuery slideshows in your pages and posts with a simple shortcode
    • Unlimited portfolio pages, with flash and video capability
    • Wordpress 3 navigation menus supported

    Barely-corporate-corporate-business-commercial-wordpress-themes

    11. Realist ($27)

    This is woking right out of the box. Make your own property listings that can be searched, and filtered. This is a property website ready to go!

    Some features:

    • Colour variations
    • Smart searching
    • Fading banner
    • Property previews
    • Automatic image attachment
    • Google maps

    Realist-corporate-business-commercial-wordpress-themes

    12. Universal Business ($27)

    Widgets loaded template with an extremely easy configuration of the homepage, header, footer, sidebar and many others. You can launch a nice an clean customer’s website in no time. Our goal was to create a template that you will be able to use for any client you have, no matter if you are creating a car business website, hotel website or website for carpenters. You can use it for your own company as well.

    Some features:

    • Valid XHTM Strict1.0 and CSS 2 .1, tableless design
    • Multiple templates
    • jQuery elements
    • Simple administration
    • PSDs included

    Universal-business-corporate-business-commercial-wordpress-themes

    13. Vision ($37)

    Vision is a Wordpress theme designed with corporate businesses  in mind. It has a custom CMS integrated into the Wordpress administration area that allows you to build a fully functional professional website in minutes. The theme is also well suited for online portfolios and blogs.

    Some features:

    • PDF documentation with screenshots to help you through the installation and customization process
    • Lots of Video Tutorials to help you install and customize the theme
    • 5 Skins with one layered PSD file for the light skin
    • Full width home page jQuery slider with fading animation supporting images up to 1920px width
    • CSS and jQuery drop down Menu
    • Full width page template
    • 125×125 ads ready

    Vision-corporate-business-commercial-wordpress-themes

    14. BVD – Beautiful Website Design ($37)

    The WP version of very popular BVD – Beautiful Website Design. Any modern web browser will make this theme work with no issues! PC or Mac system does not make the difference as well.

    Some features:

    • jQuery Slider
    • Auto resizable thumbnails
    • Built In Twitter widget
    • Footer widgetized
    • Sidebar widgetized

    Bvd-corporate-business-commercial-wordpress-themes

    15. Real Estate ($27)

    Real Estate Theme is a professional Wordpress Template, that is suitable for real estate type websites or for showcasing your work and/or products. The Real Estate Theme comes with an easy to set up “featured” image slider (with it’s own admin options), a colour switcher with 3 colour schemes and a built-in contact form.

    Some features:

    • Supports Wordpress 3.0 menus
    • Theme admin panel
    • Three separate colour schemes
    • Built-in contact form
    • Share/social network buttons on posts and single page
    • Add recent Twitter and Flickr posts to your homepage
    • Google analytics integration

    Real-estate-corporate-business-commercial-wordpress-themes

    16. Silver Business ($32)

    SilverBusiness is a premium wordpress template designed for companies, products, or individuals. It provides great solution for small businesses, because it combines great corporate design with functionality of WordPress. It comes jam packed with a lot of features. This site will really make you stand out!

    Some features:

    • jQuery powered top rotator, which can be adjusted simply via wordpress admin
    • Lavalamp jquery menu
    • Cufom powered custom heading in Anivers font
    • Featured services section which can be adjusted via wordpress admin, or turned off
    • Valid XHTML 1 .0 Strict and CSS
    • PSD files included

    Silver-corporate-business-commercial-wordpress-themes

    17. Web Lider ($32)

    WebLider is a Simple And Elegant WebSite Template. It is great to emphasize and present your products and your business.

    The theme is easy to customize- options settings are included. This means that the options (such as images in slider, pages to show etc.) can be set in admin panel, without the need to edit the code.

    The theme is widget ready. It has multiple dynamic sidebars for the different pages and widgets can be easy dragged and dropped into them from the admin panel.

    Some features:

    • Featured Stylish Images Slider on the homepage
    • Multiple Dynamic(widget aware) Sidebars included
    • Tableless Design
    • Works and looks similar in all major browsers
    • Working jQuery/PHP contact form with validation

    Web-lider-corporate-business-commercial-wordpress-themes

    18. C3 ($37)

    Beautiful theme with a complex and customizable WP framework on top of it. Taking aside the unique, massive back end CMS , that gives you almost unending possibilities of making changes for your needs we’ve added something that no one on Theme Forest has so far: One click auto install.

    Sit back, relax, drink your coffee, and watch how our work frame does its magic and auto installs the Creative Juice WP theme to the version that you see on the live preview. This theme requires php 5.0

    Some features:

    • One click auto install
    • Jquery image slideshow
    • Dynamic sidebar widget creation
    • Feedburner ready
    • Cross browser compatible

    C3-corporate-business-commercial-wordpress-themes

    19. Centivio ($27)

    Centivio is clean web 2.0 style wordpress theme for business, company and corporate website. This theme comes with 10 color options for this theme for you can easily choose the color base on your business brand.

    Some features:

    • 10 color options
    • jQuery Cycle for rotate images in the homepage
    • jQuery Sliding Box in the portfolio page
    • 10 page template with its own right sidebar position
    • Home alternative with cu3er 3D Slider and 5 sidebar position

    Centivio-corporate-business-commercial-wordpress-themes

    20. Durable 5 in 1 ($32)

    Some features:

    • The Homepage includes Custom Cu3er Slider with ease of editing and changing category option. You can modify it by setting things via admin cu3er options
    • Homepage 3 columns with 3 pages Option which can be selected via Admin
    • Highly customized About Page, Blog Page, Portfolio Page and Services Page, you are able to edit the coding if needed as i have well commented the coding
    • Multilevel Dropdown Menu by Superfish
    • Portfolio page with prettyphoto mixed order for video options
    • Multilevel threaded comment lists
    • Custom Page selection for welcome content

    Durable-corporate-business-commercial-wordpress-themes

    21. Greatio ($32)

    Greatio is a Premium Wordpress Theme, best suited for Business, Portfolio, Interior and Architecture sites. It comes with some JQuery scripts which makes it better view. Also 7 color theme available (Red, Violet, Green, Blue, Orange, White and Wood).

    Some features:

    • Valid xHTML
    • Crossbrowser compatible
    • Cufon font replacement
    • 7 different styles (added 4 more color variations)
    • 3 different homepage sliders
    • Portfolio pages with LightBox

    Greatio-corporate-business-commercial-wordpress-themes

    22. TekNium ($22)

    TekNium is a clean modern business wordpress theme.

    Some features:

    • Valid xHTML/CSS
    • jQuery image slider
    • Admin options page
    • Option to show latest news and blog posts on home page
    • Widget ready

    Teknium-corporate-business-commercial-wordpress-themes

    23. Koncept 10 in 1 ($32)

    This theme has all the popular and common features which used by the current trend sites and more over this site has a lots of features built and customized user friendly and easy loading less weight hand coded and full functionality. Works in all the major browsers. For more details see features list below.

    Some features:

    • 2 Columns CSS Layout
    • Sidebar Widget ready Layout
    • Highly customized About Page, Blog Page, Portfolio Page and Services Page, you are able to edit each block as I have well commented the coding.
    • Multilevel Dropdown Menu by Superfish.
    • Portfolio page with full ease of customizing options.
    • Switch Colors From Admin Theme Option Page

    Koncept-corporate-business-commercial-wordpress-themes

    24. Universum ($27)

    Universum is clean and modern template designed for companies, small business and individuals. It combines fresh modern look with great functionality. It is really easy to set – up and comes with in-depth help file. Purchase it now and impress your customers today.

    Some features:

  • Top billboard rotator
  • Custom styling for all general wordpress widgets
  • Adjustable rotator slides and feature services – through theme options
  • Cool jQuery powered Lavalamp menu
  • Many subpages – blog, team, services, gallery, working contact form
  • Valid XHTML 1 .0 Strict and CSS
  • Universum-corporate-business-commercial-wordpress-themes

    25. New Sense ($32)

    NewSense is a Simple And Clean Business WordPress Theme. It’s great for any business and is designed in corporative and modern style. The home page is designed to emphasize your products.

    The theme is easy to customize- options settings are included. This means that the options (such as images in slider, categories to show etc.) can be set in admin panel, without the need to edit the code.

    The theme is widget ready. It has a dynamic sidebar and widgets can be easy dragged and dropped into it from the admin panel. The theme also goes with 3 styles- blue, orange and green and it is very easy to change between each other from the admin panel.

    Some features:

    • Featured Stylish Images Slider on the homepage
    • Dropdown menu support
    • Tableless Design
    • Advanced Admin Panel
    • Working jQuery/PHP contact form with validation
    • 7 PSD Files included

    New-sense-corporate-business-commercial-wordpress-themes

    26. Blitz ($32)

    Blitz is a premium business wordpress theme that suitable for business, company, corporate and portfolio. The design is clean and professional and comes with 5 color variations.

    Some features:

  • Clean and Professional Design
  • 5 Color Variation
  • 10 Pages Template
  • jQuery Slider and Lightbox
  • Cufon font replacement
  • Blog Page with custom category, just create a page and tell it which categories to include. Perfect for multiple blogs
  • Blitz-corporate-business-commercial-wordpress-themes

    27. Complexity ($37)

    Complexity is a simple business and portfolio theme that is easy to customize and will get you or your client’s website up and running in no time. It’s everything it’s name isn’t, which is simple. This theme takes advantage of the power of Wordpress 3 with the use of custom post types, navigation menus, background image control, post thumbnails, and much more.

    Some features:

    • 12 unique styles
    • 5 dynamic widget areas
    • Full lightbox integration in pages and posts, including

      shortcode

    • Timthumb image cropping with easy on/off setting
    • Unlimited portfolio pages, with flash and video capability
    • Wordpress 3 navigation menus supported
    • 6 Page Templates

    Complexity-corporate-business-commercial-wordpress-themes

    28. Web Explorer ($32)

    WebExplorer is a simple and elegant premium business WordPress theme. It’s great for any business and personal sites.

    The theme is easy to customize- options settings are included. This means that the options (such as images in slider, pages to show etc.) can be set in admin panel, without the need to edit the code.

    The theme is widget ready. It has multiple dynamic sidebars for the different pages and widgets can be easy dragged and dropped into them from the admin panel.

    Some features:

    • 3 Featured Stylish Sliders on the homepage
    • Multiple Dynamic (widget aware) Sidebars included
    • Advanced Admin Panel
    • Very descriptive help file with screen shots and examples
    • Working AJAX contact form with validation
    • 15 PSD Files included

    Web-explorer-corporate-business-commercial-wordpress-themes

    29. Vivee ($32)

    Vivee is clean web 2.0 style web template that suiable for business, company, corporate and portfolio website. There are 7 color version of this template.

    Some features:

    • 7 Color Variations
    • jQuery Cycle
    • 10 Pages Template with its own sidebar position
    • Portfolio page with jQuery Lytebox
    • Blog Page with custom category

    Vivee-corporate-business-commercial-wordpress-themes

    30. Small Business ($32)

    Small Business Theme is perfectly suited for business or portfolio site types. The theme has classic blog features as well as special portfolio section for displaying works or products.

    The built-in options panel (over 20 options), provides advanced theme customization to fit your or client requests.

    Update 1.4 brings support for Wordpress 3.0. The theme is backward compatible with Wordpress 2.9 but I highly encourage you to upgrade to Wordpress 3.0+ version as theme setup is much easier, only 4 steps! The new custom menus are supported and there is support for Google Analytics as well (or any other script/html that you want to add before end of the page). There is also jquery.easing plugin file permission fix that was causing trouble with slider.

    Some features:

    • Portfolio and Blog Functions (option for disabling blog feature)
    • Easy Installation
    • Easy Customization
    • XHTML 1 .0 Strict Valid
    • 5 Custom Widgets
    • No Boring Custom Fields

    Small-business-corporate-business-commercial-wordpress-themes

    31. Vanilla ($27)

    Vanilla Wordpress CMS Website Template is best suited for corporate, Business and Personal websites along with Blog facility

    Some features:

    • Auto thumbnail resize
    • Dropdown menu for categories and pages
    • Well commented code for all pages.
    • Well documention for speed and easing options customization for Featured Projects Slider
    • Valid XHTML and CSS
    • Designed with “960 GRID ” System
    • Read me file included for easy customization.

    Vanilla-corporate-business-commercial-wordpress-themes

    32. Andromeda ($37)

    Andromeda is a clean theme with functional CMS and unique features. A massive pack of backend CMS options was created for this product to give you full control while creating and editing the site and its features. The main idea behind this theme was to create a something clean and simple, useful, nice looking and easy to modify.

    Some features:

    • 3 Skins: Light Grey, Dark Grey and Mixed
    • 6 custom option modules
    • 12 widgets (8 custom) and unlimited sidebars
    • Accordion slider
    • Full control over sliders via CMS Options
    • Working AJAX contact form
    • Extensive documentation PDF file included

    Andromeda-corporate-business-commercial-wordpress-themes

    33. Transformer ($27)

    Transformer is a (CMS) wordpress theme that includes all the needed features that would give your website a great look with many administrative options to help you customize as you wish. For example, you can choose one of two scrollable styles and manage scrollable options like effects, speed, autoscroll and much more.

    Some features:

  • Valid xHTML and CSS
  • Huge theme admin panel to control your theme
  • 9 color schemes
  • Scrollable for featured posts with 2 styles and all the options needed for customization
  • Home page recent posts / Using mouseover to switch tabs
  • 404 page
  • Gravatar support
  • SEO Metadata ready
  • User’s manual guide – step by step with imageS
  • Transformer-corporate-business-commercial-wordpress-themes

    34. Colosseum ($37)

    Colosseum is the ultimate fusion of wordpress, creativity and great futures. This premium theme can be used for just about anything, from corporate websites to personal portfolios. It uses a lot of advanced css3 and jQuery effects, yet it still works on browsers that don’t support it.

    Some features:

  • CSS3 and jQuery powered billboard
  • 10 color options
  • Huge admin interface
  • Featured services with animated CSS3 tooltips
  • Robust, animated portfolio
  • 5 custom widgets
  • Social bookmarks
  • Integrated contact form
  • Colosseum-corporate-business-commercial-wordpress-themes

    35. Freshfolio ($32)

    Freshfolio is a Wordpress theme with a clean interface and awesome jQuery custom slideshow perfect for use with portfolio and business websites.

    Some features:

  • Custom jQuery Slideshow
  • Translate the theme into any language without touching any code
  • Custom newsticker on frontpage
  • Dynamic script adds lightbox to all images that links to images
  • Custom scroll follow script in all posts
  • Customize the whole theme from the admin panel and enable and disable almost anything
  • Available in millions of colors instantly.
  • Freshfolio-corporate-business-commercial-wordpress-themes

    36. Corporate Folio ($27)

    CorporateFolio is an elegant theme aimed at companies who need a quick and serious web presence setup. The homepage is perfectly suited to showcase your services, previous work or products while the blog is there to publish important company news and promote engagement through it.

    Some features:

    • Valid code
    • Custom homepage
    • Content Slider (either pages or posts)
    • Portfolio page template
    • 7 widgetised areas
    • Auto Image resizing

    Corporate-folio-corporate-business-commercial-wordpress-themes

    37. Explict ($37)

    Some features:

    • All Fundamental Page Templates (main page, full-width page, search results, 404, contact, archives, author pages, post pages)
    • 6 Additional Page Templates (blog, 3 portfolios, left sidebar page, right sidebar page)
    • Animated portfolio with category filtering
    • 30+ custom easy to use Shortcodes
    • Accordion Content Slider
    • Different Sidebar Per Post/Page
    • Layered PSD files

    Explict-corporate-business-commercial-wordpress-themes

    38. Kinetic 3 in 1 ($37)

    Kinetic Template has been designed to suit any kind of wordpress site. It comes with 3 color schemes at the moment, 2 Image sliders and several page templates.

    The theme provides total control over your content and lets you decide how you want to show your site’s content to your visitors. However, author is always open for suggestions for more features or designs.

    Some features:

  • 3 Unique Color Schemes
  • 6 Dynamic Widget Areas
  • Easy addition of Posts or Images in the Homepage Slider
  • 2 Image Sliders: Nivo Slider and Kwicks Accordion
  • Custom Write Panel to Extra info to every Post
  • 5 PSD files for easy Customization
  • Unlimited Support
  • Kinetic-corporate-business-commercial-wordpress-themes

    39. Good Business ($37)

    Good Business is a very clean Premium Business Wordpress theme. It can be use for 1 or 2 column layout. Has a beautiful sidebar navigation and breadcrumbs of every inside page for you to easy to navigate.

    Good Business comes with an impressive fully customizable jQuery and 3D slider, it has a 6 color style variation. This wordpress theme is fully customizable and well documented. Whether you’re a WordPress pro or just a beginner, this theme has you covered. With a huge custom back end area you have complete control over the look and style of your theme.

    Some features:

    • Conform to W3C standards
    • 2 Homepage sliders
    • 6 Page templates
    • Widgets sidebars
    • Ajax Contact Form
    • Huge Tabbed Admin Area
    • PSD files included
    • Extensive Documentation Included

    Good-business-corporate-business-commercial-wordpress-themes

    40. Podium ($32)

    Podium is clean and elegant business wordpress theme that can be switched as business, corporate, portfolio and blogging theme. there are 7 skins option available, also two slideshow type (3D and jQuery slideshow) and two homepage layout.

    Some features:

    • 7 skins option
    • 2 slideshow style
    • Custom Post type for slideshow
    • Support Wordpress 3.0 Menu System
    • Portfolio page with Pop up Lightbox
    • Widgetable homepage and footer area
    • Valid XHTML /CSS
    • Poweful Admin Theme Options
    • PSD Files included
    • Well Documented

    Podium-corporate-business-commercial-wordpress-themes

    41. Novatorix 10 in 1 ($37)

    Novatorix is a Wordpress Theme, best suited for Business and Portfolio sites. It comes with a fantastic 3D Image slideshow that can be controlled from your backend with a custom tool. The Theme has a huge wordpress custom backend (7 different option pages) that make customization of the Theme easy for those who don’t know much about coding or wordpress.

    Some features:

  • Multiple CSS Styles
  • Homepage 3D slider
  • Portfolio Gallery Templates
  • Page Templates
  • Custom Style Shortcodes
  • 5 custom widgets
  • 15 Custom widget sidebars
  • Breadcrumbs Navigation
  • All PSD files (with all 10 colors)
  • Detailed documentation included
  • Novatorix-corporate-business-commercial-wordpress-themes

    42. Aurora ($32)

    The Aurora WordPress version is author’s best project ever! Business site, Blog and Portfolio in one. Layout is designed for companys which love celan, crispy and professional designs. Each page was designed step by step with details. The package contains 6 full pages with 10 color schemes!

    Some features:

  • Layout schemes – here you have predefined columns (can be with or whitout header)
  • Quotes, paragraphs with images, headlines
  • Gallery – with tabbed navigation between galeries
  • Aurora-corporate-business-commercial-wordpress-themes

    43. Furu ($37)

    Some features:

    • All Fundamental Page Templates (main page, full-width page, search results, 404, contact, archives, author pages, post pages)
    • 6 Additional Page Templates (blog, 3 portfolios, left sidebar page, right sidebar page)
    • 30 custom easy to use Shortcodes
    • Custom Twitter Updates Widget
    • Contact Form Widget with all possible fields
    • Threaded comments ready
    • 100% Valid XHTML
    • Layered PSD files

    Furu-corporate-business-commercial-wordpress-themes

    44. Dabbe ($27)

    Some features:

  • jQuery graphic slider
  • Full editable slide text, box image and button
  • Clean design, clean CSS code
  • Featured news and business news on home page
  • Easy portfolio management
  • Full admin control
  • PSD files included
  • Well Documented
  • Dabbe-corporate-business-commercial-wordpress-themes

    45. Good Waves ($32)

    Goodwaves is a neat business and portfolio wordpress theme built to help you present your company, service or product in the easiest and most convenient way. It has an awesome 3D Image slider as well as some jQuery goodness to spice things up. The theme comes with an easy to understand and configure wordpress backend panel for quick customization and installation

    Some features:

  • Valid XHTM Strict1.0 and CSS3 tableless design
  • Multiple page templates
  • Dropdown Menu, improved with jQuery
  • jQuery and CSS3 effects that are unobtrusive and degrade gracefully if not supported
  • Documentation & e-mail Support provided
  • PSD file for customization included
  • Good-waves-corporate-business-commercial-wordpress-themes

    46. Avisio ($37)

    Avisio is a Wordpress theme that takes advantage with all the amazing new wordpress 3 features and is best suited for Portfolio and Business Websites. It has the ability to create unique skins right from your backend without the need to edit anything within your CSS files whith just a few mouse clicks and also offers the option to install content automatically when setting up the theme, so it will look like the theme preview.

    Some features:

  • Automatic content installation for a fast and easy setup, can be activated optionally
  • Style switching with color picker and multiple layout and font options.
  • New WordPress 3 Menu support
  • Unique Portfolio Sorting/Filtering with a custom jQuery script
  • Dropdwon Menu, improved with jQuery
  • Sleek Image preloader
  • Working AJAX/PHP contact form
  • PSD files included
  • Avisio-corporate-business-commercial-wordpress-themes

    47. Awesome Press ($27)

    Some features:

  • 4 color themes
  • jQuery framework
  • Multiple alternate page templates
  • 5 widget ready areas
  • Pagination for posts
  • Featured posts
  • Specially developed custom fields for easy posting
  • Admin theme options page
  • Step by Step installation PDF documentation
  • Awesome-press-corporate-business-commercial-wordpress-themes

    48. Quambizz ($27)

    Quambizz is an ultra clean and easy to use wordpress theme which can be used for a corporate purposes or if you want to set up a portfolio or even if you want a web site to represent your application.

    Do you like a clean style then this theme will be perfect for you. The theme comes with 3 color styles, a PSD for the slider and a PSD for the portfolio image preview, and many more cool features such as a theme admin panel to set up the homepage, featured category, portfolio category and more.

    Some features:

  • Well commented and clean CSS /XHTML Files
  • Tableless layout
  • 21 x layered PSD Files
  • Featured Slider
  • Dropdown Navigation
  • Multiple Page templates
  • Theme admin panel
  • Quambizz-corporate-business-commercial-wordpress-themes

    49. Biz ($27)

    Biz Template is clean style wordpress theme for business, company and corporate website. There are 3 color option for this theme that you can directly choose via “theme options” feature in the admin area.

    This theme comes with 8 page templates with its own sidebar widget. The pages template are Home, About, Services, Blog, Portfolio, Contact, Extra1 and Extra2.

    Some features:

  • Valid XHTML and CSS
  • Homepage jQuery Slider
  • jQuery Liquid Menu
  • 8 Page Templates
  • 20 Sidebar Position
  • Theme Options
  • Biz-corporate-business-commercial-wordpress-themes

    50. Crescento ($37)

    This site is best suitable for a business, Company, Blog, Portfolio, or freelancer Portfolio website as well. Theme works in all the major browsers, and has massive features to use for your next projects. For most of the part you can just follow the HTML with commented codes. The font used for the logo in case you are wondering is Myriad Pro, which comes with your Adobe Photoshop Installation. You can create new logo using the PSD file included.

    Some features:

  • 2 Columns CSS Layout.
  • Full width portfolio page
  • 3 Mainpage Sliders
  • Fancy Nivo Slider
  • Services page 2 blocks
  • Portfolio page with sidebar
  • Blog page and Single page with multilevel comments coded CSS
  • Layered PSD file included smart objects for ease of editing and saving the files
  • Compatibility ( IE 7 , IE 8, Firefox, Opera, Safari, Chrome)
  • Crescento-corporate-business-commercial-wordpress-themes

    June 24 2010

    12:30

    May 30 2010

    16:54

    WordPress Theme Options Overload? A Judgment Call

    WordPress Theme Options Overload? A Judgment Call

    Lately, while I’ve been busy coding themes for WPBundle, I’ve had to make a few judgment calls. One of the main ones for me is how I wanted to handle the “Theme Options” people have come to know, and quite frankly, expect.

    Every theme these days has theme options, and there are a ton of guides on creating theme options. So now instead of it being about actually having the Options page, it’s turned into how many options can you squeeze into your theme.

    A Growing Problem

    But I see a problem with this. Not only are people resorting to creating custom pages so they can have 10+ tabs on the single page just so they can fit all the options, but they are creating redundant options. Sometimes I think Theme Developers are completely forgetting how huge the Plugin Directory on WordPress is. So when you are creating your theme, is there really a need to have an option to put “Stat Tracking” code? If the user actually wants that option, they can do a quick Plugin search and find over 300 stat plugins.

    Making the Most of the Basics.

    The point I am trying to make is, why confuse people? By creating these “custom” option pages, not only can you end up confusing the user by giving them a completely different environment, but you end up overwhelming them with options they may have no clue about. So instead of cluttering up the options that really need to be easily changed, with something that has been done hundreds of times in a Plugin, just give them the basics.

    I think if someone is really interested in customizing their theme, they will probably already have some knowledge on how to do it. Or just let them ask in the Support forums; that’s what they are for right?

    One of the theme’s I’m working on right now only has two options on the Theme Options page (which could really even be one.) So instead of spending an hour rummaging through 100+ different inputs, checkboxes, dropdowns, they can start adding their content almost instantly.

    Less is more.

    May 21 2010

    21:00

    How To Create An Options Page For Your Wordpress Theme

    WordPress is one of the most popular Content Management Systems. Also WordPress is a CMS of choice for many web developers It’s relatively easy to use, but can be made even simpler when you include an administration panel for users when making themes. Additionally, themes buyers find the options panel too easy to use rather than having to open up the PHP template files and fiddling with the code.

    Today we will be incorporating an options panel for the WordPress Classic theme. The methods you will learn will allow you to very easily integrate it into an existing theme you’re working on.

    Setting The Files :

    The theme that we will be working on is the classic theme provided by wordpress. You can find it on wp-content/themes folder. You should see the following files:

    • index.php
    • functions.php
    • comments.php
    • footer.php
    • header.php
    • rtl.php
    • sidebar.php
    • style.css
    • screenshot.png
    • An images folder with two files

    Most of our work will be done within the functions.php file.

    Now go to your wordpress admin panel then go to Appearance>Themes  and activate the classic theme.

    Working on functions.php :

    Begin by opening up functions.php in your code editor of the classic theme ( wp-content/themes/classic/functions.php ) then insert the following code :

    <?php
    $themename = "Classic Theme";
    $shortname = "ct";
    

    I added two variables the first one reffers to the name of the theme and the second is the shortname : You can choose any name for these two variables but don’t forget to select significant names because you will be using them later.

    Now let’s start adding some options for our theme :

    $options = array (
        array( "name" => $themename." Options",
               "type" => "title"),
        array( "type" => "open"),
        array( "name" => "Color Scheme",
               "desc" => "Select the color scheme for the theme",
               "id" => $shortname."_color_scheme",
               "type" => "select",
               "options" => array("blue", "red", "green"),
               "std" => "blue"),
        array( "name" => "Logo URL",
               "desc" => "Enter the link to your logo image",
               "id" => $shortname."_logo",
               "type" => "text",
               "std" => ""),
        array( "name" => "Homepage header image",
               "desc" => "Enter the link to an image used for the homepage header.",
               "id" => $shortname."_header_img",
               "type" => "text",
               "std" => ""),
        array( "name" => "Footer copyright text",
               "desc" => "Enter text used in the right side of the footer. It can be HTML",
               "id" => $shortname."_footer_text",
               "type" => "text",
               "std" => ""),
        array( "name" => "Google Analytics Code",
               "desc" => "Paste your Google Analytics or other tracking code in this box.",
               "id" => $shortname."_ga_code",
               "type" => "textarea",
               "std" => ""),
        array( "name" => "Feedburner URL",
               "desc" => "Paste your Feedburner URL here to let readers see it in your website",
               "id" => $shortname."_feedburner",
               "type" => "text",
               "std" => get_bloginfo('rss2_url')),
        array( "type" => "close"));
    

    Here the variable “option” contains a big array which also contains other child arrays. Each child array holds an option.

    The first array reffers to the title of the page ( In our case it’s ‘Classic Theme Options’ ). Every time when we want to add a new option we have to declare an array with a type and give it the name we want.

    You can take a look at the options specified below :

    • name: The name of the input field.
    • desc: A short description explaining what it is to the user.
    • id: the id of the field, prefixed by the shortname. It will be used to store as well as access the options.
    • type: the input type – select, text or textarea
    • options: used to declare an array of options for a select type input.
    • std: the default input value, used if no other input is given.

    Now we have our options ready but how can we view them ? Add the following pieces of code to the functions.php file:

    function mytheme_add_admin() {
    global $themename, $shortname, $options;
    if ( $_GET['page'] == basename(__FILE__) ) {
    if ( 'save' == $_REQUEST['action'] ) {
    foreach ($options as $value) {
    update_option( $value['id'], $_REQUEST[ $value['id'] ] ); }
    foreach ($options as $value) {
    if( isset( $_REQUEST[ $value['id'] ] ) ) { update_option( $value['id'], $_REQUEST[ $value['id'] ]  ); } else { delete_option( $value['id'] ); } }
    header("Location: themes.php?page=functions.php&saved=true");
    die;
    } else if( 'reset' == $_REQUEST['action'] ) {
    foreach ($options as $value) {
    delete_option( $value['id'] ); }
    header("Location: themes.php?page=functions.php&reset=true");
    die;
    }
    }
    add_menu_page($themename." Options", "".$themename." Options", 'edit_themes', basename(__FILE__), 'mytheme_admin');
    }
    

    Here I declared a function with a name of “mytheme_add_admin”. This function is used for updating options : If the options are saved, then all the options are updated with their new values. If the options are being reset (indicated by another hidden variable with a value reset), then all of the options are deleted. The last line adds a theme page( add_theme_page ) in Appearance box and it calls mytheme_admin function. If you want you can replace add_theme_page with add_menu_page to create an external box :

    At this step we still don’t have the theme options page, so we have to write mytheme_admin function which was called by add_theme_page, add this code to functions.php :

    function mytheme_admin() {
    global $themename, $shortname, $options;
    if ( $_REQUEST['saved'] ) echo '<div id="message"><p><strong>'.$themename.' settings saved.</strong></p></div>';
    if ( $_REQUEST['reset'] ) echo '<div id="message"><p><strong>'.$themename.' settings reset.</strong></p></div>';
    ?>
    

    Here we have some conditions : if the settings are saved Wordpress will show ” Classic theme settings saved “. Likewise for reset.

    Now paste the code above I will explain it after :

    <div class="wrap">
    <h2><?php echo $themename; ?> Settings</h2>
    
    <form method="post">
    
    <?php foreach ($options as $value) {
    switch ( $value['type'] ) {
    
    case "open":
    ?>
    <table width="100%" border="0" style="background-color:#cdcdcd; padding:10px;">
    
    <?php break;
    
    case "close":
    ?>
    
    </table><br />
    
    <?php break;
    
    case "title":
    ?>
    <table width="100%" border="0" style="background-color:#868686; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-family:Georgia,'Times New Roman',Times,serif;"><?php echo $value['name']; ?></h3></td>
    </tr>
    
    <?php break;
    
    case 'text':
    ?>
    
    <tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><input style="width:400px;" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>" type="<?php echo $value['type']; ?>" value="<?php if ( get_settings( $value['id'] ) != "") { echo get_settings( $value['id'] ); } else { echo $value['std']; } ?>" /></td>
    </tr>
    
    <tr>
    <td><small><?php echo $value['desc']; ?></small></td>
    </tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>
    
    <?php
    break;
    
    case 'textarea':
    ?>
    
    <tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><textarea name="<?php echo $value['id']; ?>" style="width:400px; height:200px;" type="<?php echo $value['type']; ?>" cols="" rows=""><?php if ( get_settings( $value['id'] ) != "") { echo get_settings( $value['id'] ); } else { echo $value['std']; } ?></textarea></td>
    
    </tr>
    
    <tr>
    <td><small><?php echo $value['desc']; ?></small></td>
    </tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>
    
    <?php
    break;
    
    case 'select':
    ?>
    <tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><select style="width:240px;" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>"><?php foreach ($value['options'] as $option) { ?><option<?php if ( get_settings( $value['id'] ) == $option) { echo ' selected="selected"'; } elseif ($option == $value['std']) { echo ' selected="selected"'; } ?>><?php echo $option; ?></option><?php } ?></select></td>
    </tr>
    
    <tr>
    <td><small><?php echo $value['desc']; ?></small></td>
    </tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>
    
    <?php
    break;
    
    case "checkbox":
    ?>
    <tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><?php if(get_option($value['id'])){ $checked = "checked=\"checked\""; }else{ $checked = "";} ?>
    <input type="checkbox" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>" value="true" <?php echo $checked; ?> />
    </td>
    </tr>
    
    <tr>
    <td><small><?php echo $value['desc']; ?></small></td>
    </tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>
    
    <?php break;
    
    }
    }
    ?>
    
    <p class="submit">
    <input name="save" type="submit" value="Save changes" />
    <input type="hidden" name="action" value="save" />
    </p>
    </form>
    <form method="post">
    <p class="submit">
    <input name="reset" type="submit" value="Reset" />
    <input type="hidden" name="action" value="reset" />
    </p>
    </form>
    </div>
    

    Explanation :

    With this code we created our options page content : I used a php foreach loop, each option type is evaluated on a case-by-case basis. So if the type of the option is title do this, if it is a checkbox do that…

    If there is an “open” type option we do nothing. If there is a “close” type options, we close our table. For each of the types “text” , “select” , “checkbox” and “textarea” , we display the corresponding input. At the end we added two buttons one to save the settings and the other to reset them.

    Now our options page is ready, but we have to add this short code to make it work :

    <?php
    }
    add_action('admin_menu', 'mytheme_add_admin');
    ?>
    

    This short code tells Wordpress to add the admin menu.

    After all this, here the result you should end up with :

    In this example I used simple styles included in functions.php to make our options page looks better but I will show you how to add a stylesheet to functions.php so you can add your styles rapidly.

    How to add a stylesheet to functions.php :

    First, you have to create a new folder on your theme folder, name it functions then create a new css file with a name of functions.css. After flling your css file add this code to functions.php after mytheme_add_admin function :

    function mytheme_add_style() {
    $file_dir=get_bloginfo('template_directory');
    wp_enqueue_style("functions", $file_dir."/functions/functions.css", false, "1.0", "all");
    }
    

    That adds the functions.css file to the head. The location of the file is determined by the template directory.

    Also, if you want you can use scripts to make your options page better by including a js file.To do this you have to change

    wp_enqueue_style("functions", $file_dir."/functions/functions.css", false, "1.0", "all");
    

    To :

    wp_enqueue_script("script", $file_dir."/functions/script.js", false, "1.0");
    

    After adding your stylesheet or your script, you have to add this code under add_action(‘admin_menu’, ‘mytheme_add_admin’); so they will be active :

    add_action('admin_init', 'mytheme_add_init');
    

    Making Use of the Options :

    Now after creating our options, I will show you how to make use of them. First up, open up your header.php file, and add the following code:

    <?php
    global $options;
    foreach ($options as $value) {
        if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
    }
    ?>
    

    You must put the code above at the start of all the files which you add options to. Once you’ve done that you can begin using your options. For example : If you want to display the footer text you have to echo $ct_footer_text ( ct reffers to the shortname of the theme ) :

    <?php
    echo $ct_footer_text;
    ?>
    

    For a checkbox you can check if the box is checked ( it will return true ) do this…

    You can download the functions.php file here.

    That’s it ! Thanks for reading this tutorial and I hope it was useful.

    10:15

    How to Create Your first WordPress Theme: Part 2

    This is the second part of the “How to Create Your first WordPress Theme” tutorial series. Just in case you have missed the first part, please go here and start reading.

    You can Download source files of this tutorial or Live preview this theme.

    As I promised in the first part of this tutorial, we will do some stuff that will make your blog theme more interesting and useful. I’m re-writing the list with what we will cover in this part:

    • Widgetizing your sidebar
    • Making a working search form
    • Using the single page template: comments, author details
    • Using custom fields for showing an image for each article

    1. Widgetizing the Sidebar

    Having a widget-ready theme is the most important thing of a blog theme. It doesn’t matter for the reader but it helps you a lot. How a widget-ready theme is helping you? Well, imagine that you want a lot of things to be displayed in the sidebar. Think that you will have some lists like friends, archive, categories, tag cloud, advertising area, etc. It would be easy to write markup in the sidebar.php file, but it would be more easy letting WordPress for handling this. Having a widget-ready theme is a big advantage because you can add text, lists and advertising area within WordPress admin panel.

    But enough with talking, let’s get started! Open your sidebar.php file that you have coded in the first part of this tutorial. Now, we’ll have to decide what pieces of code will stay even if the widgets are turned on. Widgetizing the sidebar makes a condition like: if widgets are available, show widgets and chosen sidebar markup, else, show original sidebar markup. Below are the widget tags, without any code in them:

    
    <!--Code that will stay even if the widgets are used-->
    <?php  /*  Widgetized sidebar, if you have the plugin installed. */
     if (  !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :  ?>
    <!--Code to be replaced by Wordpress-->
    <?php endif; ?>
    

    Maybe this clears everything for you. The comments are very explanatory, so now we just need to use it with our sidebar markup. So, you should decide what code will remain even if the widgets are used. Normally, the search box have to always be there. Of course you can let WordPress add it but this will stop you from any additional customization to the search form elements:

    
    <div id="navigation">
    <p><strong>Navigation  Here</strong></p>
    <ul>
    <li><a href="<?php  bloginfo('url'); ?>">Home</a></li>
    <?php  wp_list_pages('title_li='); ?>
    </ul>
    </div>
    <div  id="extra">
    <form id="searchform" method="get" action="<?php  bloginfo('home'); ?>">
    <input type="text" name="s" id="s" size="15"  /><br />
    <input type="submit" value="<?php  esc_attr_e('Search'); ?>" />
    </form>
    <?php  /* Widgetized  sidebar, if you have the plugin installed. */
     if (  !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :  ?>
    <p><strong>Categories</strong></p>
    <ul>
    <?php  wp_list_categories('title_li='); ?>
    </ul>
    <?php endif;  ?>
    </div>
    

    I’ll stop here for a moment. I added a search form, which has WordPress specific values. If you remove them, the search form won’t work:

    
    <form id="searchform" method="get" action="<?php bloginfo('home');  ?>">
    <input type="text" name="s" id="s" size="15" /><br  />
    <input type="submit" value="<?php esc_attr_e('Search'); ?>"  />
    </form>
    

    The code I have been showing you previously, is the markup of the sidebar.php file, along with the widget tags. The condition for what I’ve written there, is the following: if there aren’t any widgets in use, show the categories, else, show the widgets you are activating.

    We aren’t ready yet. This code won’t work if we do not add some functions. Normally, for not modifying the WordPress core files, we add new functions to the functions.php file that you will have to create. For creating the function for the widgets, add the following code to your new functions.php file:

    
    <?php
    
    if ( function_exists('register_sidebar')  )
     register_sidebar(array(
     'before_widget' => '',
     'after_widget'  => '',
     'before_title' =>  '<p><strong>',
     'after_title' =>  '</strong></p>',
     ));
    
    ?>
    

    You need some explanation, right? Well, between the apostrophes you need to write your needed markup. Before and after widget could be used div tags, of course if your template needs them. For our current layout, we won’t add anything. The same thing happens for the title of each widget (e.g. Categories) which are wrapped by the paragraph and strong tags. You got it? Hope you did. This is everything you need to know about widgetizing the sidebar.

    2. Adding a “Read more” link

    Creating a Read more link is used for the blogs who do not want to show all the content of their articles on the front page. There are many ways we can achieve something like this:

    2.1 The WordPress “more” tag

    The more tag is activated by a little button when adding a new post from the WordPress admin panel. You can press ALT+Shift+T or click the following button:

    Step 2.1-wordpress-theme-tutorial-more-tag

    If you do not know how to use it, I’ll explain you how to. Let’s say you have 2 paragraphs of text, but you want to show on the frontpage only the first paragraph. Click after the first paragraph and then click the shown button. You will see a dotted line with a little tag where it says “more”. All the content before this line will be shown.

    But there is something else. You need to modify the content tag from the index.php file. As the source files from the first part do not have any parameter set to the tag, you will need to add it. Copy and paste the following code instead of the standard content tag:

    
    <?php the_content(__('Read more...')); ?>
    

    Do not remove the paragrpah tags. Just the content tag needs to be modified. Now in each article where you place the more tag from the WordPress will show a “Read more” link. Go and try it!

    2.2 Using the excerpt

    Another way to achieve this is by using the excerpt. This works a bit diffrent. When publishing a new article in WordPress, you will see a box where it says “Excerpt” If you still have the content more tag used, the excerpt will automatically use the content before the dotted line. If you won’t use it from the WordPress Editing screen, it will remain empty.

    If so, you will be able to write something different, like a short introduction or description. Let’s say you have some content in the article, and just write in the excerpt a random description.

    If you publish the text, you will notice that you will get the whole content on the respective article. For getting the text you have written in the Excerpt box, you will need to modify the index.php loop. So instead of:

    
    <?php the_content(__('Read more...')); ?>
    

    You will need to add the excerpt tag which is the following:

    
    <?php the_excerpt(); ?>
    

    Now, take a look and see the difference.

    2.3 Using a limitation plugin

    Using such a plugin sometimes is easier for you. What this plugin does? Well, depending on each plugin, it can limit your content to word number, letter number or just show the first paragraph of the article. You can see a list of 3 such of plugins:

    Now, you just need to decide which one is best for you.

    3. Comments-template: using comments in WordPress

    When It comes to develop a new WordPress theme, the part I hate the most is working on the comments. It’s not because it’s hard, it’s because I need to make a lot of stylings to achieve a nice comment area. I won’t get into styling because it relies on your creativity and CSS skill. I will only show you how to use the comments in a theme and what the used tags are doing. I suggest learning some basics of PHP before editing the comments.php file, because you’ll need some basic knowledge about PHP to code your own comments. For now, I’ll just show you how to use them. So let’s get started by opening the comments.php file from the WordPress Classic theme which is located in the wp-content/themes/classic directory.

    Now, save the comments.php file in your layout07 directory. Ok, you won’t understand much things in this file if you don’t have some basic PHP knowledge. For now leave the file intact and open the single.php file and add after the content tag the following tag:

    
    <?php comments_template(); ?>
    

    This will enable the comments in your theme. You will see a heading saying “No Comments” and below, a form with a heading saying “Leave a comment”. You can either leave a comment as a guest, or just sign in to WordPress and leave a comment as an admin (or user). Now, the most important tags you need to know when editing the comments.php file are the following:

    
    <?php comment_author_link() ?> <!-- The author of the comment  -->
    <?php echo get_avatar( $comment, 32 ); ?> <!-- The  commenter's avatar (or Gravatar) -->
    <?php comment_text() ?> <!--  The commenter's comment text -->
    <?php comment_date() ?> <!-- The  date when the comment have been posted -->
    <?php comment_time() ?>  <!-- The time when the comment have been posted -->
    <?php  edit_comment_link(__("Edit This"), ' |'); ?> <!-- The edit link for the  comment (if you want to edit something in your comment) -->
    

    Now, constructing a new comment structure is very easy, but you need to pay attention for not breaking the PHP code. The default structure of the comment is the following:

    
    <?php if ( have_comments() ) : ?>
    <ol id="commentlist">
    
    <?php foreach ($comments as $comment) : ?>
     <li <?php  comment_class(); ?> id="comment-<?php comment_ID() ?>">
     <?php  echo get_avatar( $comment, 32 ); ?>
     <?php comment_text()  ?>
     <p><cite><?php comment_type(_x('Comment', 'noun'),  __('Trackback'), __('Pingback')); ?> <?php _e('by'); ?> <?php  comment_author_link() ?> — <?php comment_date() ?> @ <a  href="#comment-<?php comment_ID() ?>"><?php comment_time()  ?></a></cite> <?php edit_comment_link(__("Edit This"), ' |');  ?></p>
     </li>
    
    <?php endforeach; ?>
    
    </ol>
    
    <?php else : // If there are no comments yet ?>
     <p><?php  _e('No comments yet.'); ?></p>
    <?php endif; ?>
    

    So now, let me explain. Starting from the first line: If there are comments left to your article, your comments will be shown with the giveen structure within foreach PHP function, else (if no comments are posted) show a text with “No comments yet.”. For changing the look of your comments, you need to work just inside the foreach function. I’ll show you how to change the look of your comments, very easily.

    Delete the <ol> tags and everything inside the foreach function. You’ll just be left with something like this:

    
    <?php if ( have_comments() ) : ?>
    
    <?php foreach ($comments as $comment) : ?>
    
    <?php endforeach; ?>
    
    <?php else : // If there are no comments yet ?>
     <p><?php  _e('No comments yet.'); ?></p>
    <?php endif; ?>
    

    Next, wrap the foreach function with a div id “comments”, like the default structure were wrapped by <ol> tags. Now, add the following code withing the foreach function:

    
    <div id="comments">
    <p><strong><?php  comment_author_link() ?> said this on <?php comment_date() ?> at  <?php comment_time() ?> <?php edit_comment_link(__("Edit This"), ' |');  ?></strong></p>
    <p><?php comment_text()  ?></p>
    </div>
    

    Just take a look on how the comments are displayed now. I have removed some tags because you won’t need them as a beginner WordPress theme developer. I added div’s instead lists because it’s more clean. The class and the id were assigned for further customization via CSS. Now, if you have made the changes as I told you, you should edn up with something like this:

    
    <?php if ( have_comments() ) : ?>
    
    <div id="comments">
    
    <?php foreach ($comments as $comment) : ?>
    
    <div class="comment">
    <p><strong><?php  comment_author_link() ?> said this on <?php comment_date() ?> at  <?php comment_time() ?> <?php edit_comment_link(__("Edit This"), ' |');  ?></strong></p>
    <p><?php comment_text()  ?></p>
    </div>
    
    <?php endforeach; ?>
    
    </div>
    
    <?php else : // If there are no comments yet ?>
     <p><?php  _e('No comments yet.'); ?></p>
    <?php endif; ?>
    

    For finding more information about manipulating the comments.php files go to the WordPress Codex and start looking for what you need. All that I’ve covered here is just basic stuff. Hope you’ve understood everything of what I’ve told you!

    4. Using custom fields for showing an image for each article

    Custom fields are one of the most important feature of WordPress. If you master the custom fields, you can create stunning WordPress functionalities like displaying an image for each article (like what I’ll be teaching you), displaying a certain message or link to your visitors (like a live preview and a demo button or even a source link for your article).

    Where can you find the custom field box? The cutom fields box is located under the Send Trackbacks box, in the Post > Add post in the admin panel:

    Step 4-wordpress-theme-tutorial-custom-field

    Using the custom fields isn’t so hard. You just have to learn the tag that calls a specified custom filed name. The tag is the following:

    
    <?php echo get_post_meta($post-&gt;ID, 'custom field name', true);  ?>
    

    If you would write “image” instead of “custom field name”, WordPress will create a custom field with the name “image”, so any value you will give to the custom field, WordPress will output the value in the place where you have written your custom field tag. Not too clear for you? Let’s apply the custom field tag to create a nice thumbnail for each post! We will use an image tag which uses as source a link introduced by the custom field:

    
    <img src="<?php echo get_post_meta($post-&gt;ID, 'image', true); ?>"  alt="<?php the_title(); ?>" />
    

    This tag will be posted above the content tag inside the index.php and the single.php files. Now go and create a new custom field with the name “image” and add to the value a link to an image. You can see how I’ve done this in the following pic:

    Step 5-wordpress-theme-tutorial-custom-field-creation

    Just in case that you won’t attach a thumbnail to your post, the article will show you an image missing. So you may add a thumbnail to each article you are writing. This is everything you need to do!

    5. Author details: single page template and profile

    WordPress have some predefined functions to output the current author details. This can be useful if you want to show some details about you or other authors in the single page templates. WordPress is also creating a profile page for any author where you can show the author details: description and posts.

    This may sound difficult, but it’s very easy, just like all other things in WordPress. You only need a tag or two (if you want the author name displayed too) to show up your auhor details on single page template (and also others). Place the following tags at the start or at the ending of the article loop (in the single.php file):

    
    <p><strong><?php the_author_posts_link();  ?></strong></p>
    <p><?php the_author_description();  ?></p>
    

    The first line is for outputing the author’ posts page link and the second is for outputing the description of the author (entered from Biographical Info from the profile within WordPress admin panel). You can wrap these codes by a div id “author” so you can style it if you want. So the loop would look like the following:

    
    <?php if (have_posts()) : while (have_posts()) : the_post();  ?>
    <p><strong><a href="<?php the_permalink();  ?>"><?php the_title();  ?></a></strong></p>
    <p>Published on <?php  the_time('m d Y'); ?> by <?php the_author(); ?></p>
    <img  src="<?php echo get_post_meta($post->ID, 'image', true); ?>"  alt="<?php the_title(); ?>" />
    <p><?php the_content();  ?></p>
    <div id="author">
    <p><strong><?php  the_author_posts_link(); ?></strong></p>
    <p><?php  the_author_description(); ?></p>
    </div>
    <?php  comments_template(); // Get wp-comments.php template ?>
    <?php endwhile;  else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.');  ?></p>
    <?php endif; ?>
    

    Now, for creating the author profile page, you need to open the page.php file then save it as author.php. Now, delete the actual loop and everything within the content div and paste the following code:

    
    <p><strong><?php the_author_posts_link();  ?></strong></p>
    <p><?php the_author_description();  ?></p>
    <ul>
    <?php if (have_posts()) : while  (have_posts()) : the_post(); ?>
    <li><p><strong><?php  the_title(); ?></strong></p><p>Published on <?php  the_time('m d Y'); ?></li>
    <?php endwhile; else:  ?>
    <p><?php _e('Sorry, no posts matched your criteria.');  ?></p>
    <?php endif; ?>
    <ul>
    

    As you see, the author details are outside the loop. Then, we would like to display the posts that the current author have written so far. We are creating the loop, but this time we will show just the article title and the date when it was published. That’s it now. Save your file and go to test it!

    That’s it!

    Well, people, these are all the things I’ve wanted to cover as basics. Just leave comments requesting other things, and probably I will cover them in upcoming tutorials. Have fun with creating WordPress, and if i’ve helped someone to develop a nice theme, let me know! More to come on 1STWD…

    May 07 2010

    10:00

    How to Create Your first WordPress Theme: Part 1

    WordPress is the most popular and the best (in my opinion) blogging platform, created by Automattic. It’s really easy to use and it’s very powerful, giving you the opportunity to build any kind of site, from blogs to shopping carts and CMS’s.  In this series of tutorials, we are going to create our first WordPress theme. For this tutorial you need to have a little more than basic knowledge about HTML and CSS. Let’s get started.You can Download source files and you can also Live preview the theme here. It’s a basic css layout so it will be easy for beginners to convert it into a working WordPress theme.

    What we need

    WAMP/XAMPP Server (or similar software) - Download

    WordPress 2.9.2 (latest version, recommended) – Download

    Getting started – creating the working environment

    First thing first, you need to install WAMP Server. After installing WAMP, download and copy the WordPress files in the www directory from your WAMP folder. Start WAMP Server, click on the icon in the task bar, and a pop-up list show appear, then select phpMyAdmin.

    Now, create a new database. Give it any name, but you need to keep it in mind as we need it at the WP installation. As for now, we are done with WAMP Server, just leave it running.

    WordPress Installation

    After copying all the files, you need to install WordPress. Enter on the address where you have put the WP files. The address would be exactly, without any www or http, localhost or localhost/WordPress. After accessing the address, the installation may start.

    Click “Create a Configuration File”. After this, you will see some listing of things you need to know. I’ll just tell you what you need:

    1. Database name: your given name of the database we’ve created earlier
    2. Database username: this should be “root” if you set it on your computer.
    3. Database password: there is no password set.
    4. Database host: localhost
    5. Table prefix: for now, leave it as it is.

    Now, just fill in the fields with the required information, and go further! After filling up the fields, next give any name to your blog, and write your e-mail address.

    Now, copy the auto generated password, and paste it in the password field at the site login. Now, because you cannot keep that weird password in mind, go the upper right corner of the site and click on “admin”. You should see a page where you have your account info. You can modify anything there, but for now we are setting a new and easier password.

    Go to the bottom where it says “New password” and set your new password.

    Good, now you have WP installed, but we have a lot more things to do.

    1. Planning the theme layout

    When I’m starting a new project on developing a WordPress theme, as everyone should do, I first build my HTML/CSS template. This is easier because you also learn how to convert a simple HTML template into a fully functional WordPress theme. So i won’t go through building the template, considering you already know how to build your own. I’ll just use a simple layout from Free-CSS.com in this tutorial. Go here and download the #7 template.

    2. Starting the conversion

    When I’m making a theme, I’m always copying code snippets from a default WordPress theme (because i cannot remember all of them). I use the WordPress Classic theme, but you can also use a cheat sheet. The best one i’ve found is the one created by Ekinertac. After it opens in the PDF format, save it in your computer (you may need it when you do not have access to the internet).

    All the contents from the sheet are the most used functions from WordPress, and the ones that you need to create a basic WP theme.

    A thing that you have to notice is that WordPress is using PHP. Even if you aren’t a PHP master, or you have absolutely no idea what PHP is, you are still able to create a basic theme. When creating a theme, you need to know just tags and what they are doing, so do not worry about PHP.

    2.1 Making the theme recognizable by WordPress

    A very important part of a WordPress theme is the CSS file. In the CSS file are written some lines that WordPress is using to g a theme. First, you need to rename the styles.css to style.css as WordPress is search for style not styles. Copy and paste these lines at the start of your CSS file:

    /*
    Theme Name: Free-CSS template WP version
    Theme URI: <a href="http://free-css.com/">http://free-css.com</a>
    Description: A very basic  WP theme based on a simple CSS layout from Free-CSS.com
    Version: 1
    Author:  >your name<
    Author URI: >your site url<
    Tags: free, css,  tutorial, simple, basic
    */

    You can change everything that is located after the “:” dots. Save your CSS file as we won’t need it because we are just trying to give to the HTML template functionality.

    2.2 Converting the HTML file

    After you set up your CSS file, we need to go and change some things in the index.html file. First of all, clear all the sample text.
    Save you file as index.php. We do not need the sample text anymore as we will introduce our own text from WordPress later.

    Now, we need to make some declarations for the WP theme. We need to make the title dynamic and to set the stylesheet path. These lines will help you:

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type');  ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('&laquo;', true,  'right'); ?> <?php bloginfo('name'); ?></title>
    <style type="text/css" media="screen">@import url(  <?php bloginfo('stylesheet_url'); ?> );</style>
    

    Now, we will start with the header of the design. For adding your blog’s name with a link to your homepage in the header, we will use this line of code:

    <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

    The first PHP tag is used for retrieving the blog’s homepage link and the second is for the blog’s name (the one you set in the installation).

    Now we’re going further for the loop. The loop is a block of code that will repeat for each post from WordPress. We will use the loop to construct the article. I’ll cover more about the loop in the second part, where we will use it for other things too.

    Now, all your code is wrapper by some loop specific tags. Here they are:

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <!--Code to be repeated here-->
    
    <?php endwhile; else: ?>
    <?php endif; ?>

    Next, we will start constructing the article structure. We will need a title, some info about the dat when the article was published and it’s author.

    The following line makes the article title:

    <p><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong></p>
    

    The first PHP tag is for the article’s link and the second is for the article title. These tags are kinda self-explanatory. We’re moving further for the meta data (date, author). Copy and paste the following code under the article title code:

    <p>Published on <?php the_time('F d, y'); ?> by <?php the_author(); ?> in <?php the_category(','); ?></p>
    

    First tag is for retrieving the date. The date tag have some parameters. These parameters are setting the date format (month, day, year). You can add characters like “-” or “.” or making something like “Month 02 Day 15 Year 1990″, it’s up to you! The second one, is for echoing the author of the post and the third, is for category or categories that the post is filed under.

    Now, we will be placing the content tag. The content tag will output everything you write in a WordPress post:

    <?php the_content(); ?>

    The tag doesn’t need paragraphs because WordPress auto generates them for you. We’re finished with the loop. You can see the code pieces at the party:

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
     <p><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong></p>
     <p>Published on <?php the_time('m d Y'); ?> by <?php the_author(); ?></p>
     <p><?php the_content(); ?></p>
     <?php endwhile; else: ?>
     <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
     <?php endif; ?>

    Next, we will be going to code the sidebar.

    We will start with the navigation. As you see in the CSS layout, the navigation is located in the sidebar. It doesn’t matter because the technique is the same. For creating a basic navigation you need these lines of code, which will placed between the <strong>ul </strong>tags:

    <li><a href="<?php bloginfo('url'); ?>">Home</a></li>
    <?php wp_list_pages('title_li='); ?>

    You already know what the first PHP tag does. The second one, is listing the pages that WordPress generates. The parameter is for list title. Try removing it and see what’s happening.

    This is all you need to do for getting a nice working navigation menu. Now, we will create the categories list. All the blogs have categories and we don’t want our theme to lack categories. We will just add this code between the div #extra tags:

    <p><strong>Categories</strong></p>
    <ul>
     <?php wp_list_categories('title_li='); ?>
    </ul>
    

    There is another listing tag but this one is listing the blog’s categories. I’ll cover more things relating the sidebar in part 2, where i will teach you how to make a theme widget-ready. That means you will introduce new blocks inside of WordPress, without coding anything.

    But what about the footer? Shouldn’t it have some text in it? Well, we will write the copyright:

    <p>Copyright &copy; 2010 <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>. All rights reserved.</p>
    

    As you see, we have introduced some tags, just like in the header, to output the blog’s title.

    The theme is functional, but we will need to make some page templates for single post (where the comments will appear) and the page (where you could write some info about your blog). If you use the same code for the header footer and sidebar, your template would get messy. Let’s say that you want to add one more thing to your sidebar. You will have to modify 3 times for each page template. Well, for avoiding this, we will chop the markup.

    For each section of the index.php file we will have a separate file. So we will have header.php, footer.php and sidebar.php. Now, we will be starting to chop!

    Copy and then replace the following lines:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>
    </head>
    <body>
    <div id="container">
    <div id="header"><h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
    </h1></div>
    

    With the following line:

    <?php get_header(); ?>

    Your copied code needs to be placed in the header.php file. The same thing we will do with the footer and sidebar

    Copy the following:

    <div id="navigation">
    <p><strong>Navigation Here</strong></p>
    <ul>
     <li><a href="<?php bloginfo('url'); ?>">Home</a></li>
    <?php wp_list_pages('title_li='); ?>
    </ul>
    </div>
    <div id="extra">
    <p><strong>Categories</strong></p>
    <ul>
     <?php wp_list_categories('title_li='); ?>
    </ul>
    </div>
    

    Paste them to sidebar.php then in the index.php file replace it with:

    <?php get_sidebar(); ?>

    Now, do the same thing with the footer. Copy the footer div and it’s contents, paste it in footer.php file, and then remove it in index.php with:

    <?php get_footer(); ?>

    You should have something like this:

    <?php get_header(); ?>
     <div id="wrapper">
     <div id="content">
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
     <p><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong></p>
     <p>Published on <?php the_time('m d Y'); ?> by <?php the_author(); ?></p>
     <p><?php the_content(); ?></p>
     <?php endwhile; else: ?>
     <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
     <?php endif; ?>
     </div>
     </div>
     <?php get_sidebar(); ?>
     <?php get_footer(); ?>
    </div>
    </body>
    </html>

    Now you’re done with chopping the markup. We are going to create the page templates. We will create firstly the single template. Just save your index.php file as single.php. We won’t modify anything in this page yet. We will do it in part 2 where I will learn you how to create a comment form and how to list comments and other things like custom fields.

    Now, for the static page, page template, delete the line where you have placed the meta data (the line with date, author and category tags). Then save the file as page.php. Being a page, we won’t need any info about the creation date or the author. We won’t even use comments on page because there is no point in it.

    The last move we need to do is to print screen our template and save it in a canvas of 300 x 225 px and save it as screenshot.png in the root directory of your theme. This will be used in WordPress theme menu.

    Well, we’re done with the first part. Go ahead and test your theme. If there is something you want to ask, do it via comments. Don’t forget that you can download the source files too.

    To be continued

    There are a lot of things to cover about WordPress. Making a theme isn’t so difficult, you just need to be patient. There are a lot of things that are needed to make a fully functional WordPress theme. That’s why, this tutorial will have a Part 2. Maybe there will be more parts, but i will let you know what I will be covering in the next part:

    • Widgetizing the sidebar
    • Using the single page template: comments, custom fields, author details
    • Using custom fields for showing an image for each article
    • Making a nice and working search form

    Stay Tuned.

    April 12 2010

    07:00

    How To Build Your Own Wordpress Theme

    You don’t need to be a PHP whizz to be able to put together your very own custom Wordpress theme. If you’re clued up with your general web design and development skills and can easily put together a HTML/CSS based website, you’re ready to move onto Wordpress theme development to give your blog its very own design.

    Particle Wordpress theme

    For this walkthrough, we’ll be using a theme I recently built as an example. If you were around last week, you’ll have seen how the design was built from a concept PSD right through to a coded mockup in HTML/CSS. Now, let’s take the static code and inject some simple PHP template tags to give that dynamic functionality of a Wordpress theme.

    Before getting stuck in, it’s useful to spend a few moments familiarising yourself with how Wordpress themes work. Wordpress themes are made up of multiple files, and each one is either called from the index, or is used when viewing a particular page on the website, such as a post view or an archive. So you’ll basically be splitting up your HTML across the various template files.

    Setting up the theme structure

    Wordpress file structure

    Create a new folder and give it the name of your theme. Within this folder copy across the images, Javascript and CSS files that are used in your static mockup. You’ll also want to create a number of empty PHP files to correspond with the template files listed above.

    In your style.css file, add the following code to the very top of your file. This is used by Wordpress to identify your theme in the admin dashboard.

    /*
    Theme Name: Particle
    Theme URI: http://www.blog.spoongraphics.co.uk/
    Description: A premium theme by Chris Spooner of Blog.SpoonGraphics.
    Version: 1.0
    Author: Chris Spooner
    Author URI: http://www.blog.spoongraphics.co.uk
    */
    

    You might also want to add some extra CSS styling to the bottom of your stylesheet. This will allow the user to align elements using the WYSIWYG editor in a post or page.

    .centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignright {
    	float: right;
    	margin-left: 15px;
    }
    
    .alignleft {
    	float: left;
    	margin-right: 15px;
    }
    

    Template file – header.php

    It makes sense to work from the top downwards, so I always start with the header.php template file. Paste in the HTML from your static mockup ranging from the doctype right down to where the main content is due to start. Then you can go through the code and replace elements with the special PHP template tags that allow Wordpress to take control. Having a copy of the Default Wordpress theme to hand is useful in order to copy across tags, otherwise the Wordpress Codex is like your very own instruction manual for each and every template tag available.

    Starting at the top, the title is firstly switched out for a couple of template tags that will insert a Wordpress generated title for each page of the site. Then, the URL to the stylesheet can be swapped for a special template tag that is reserved specifically for this job. We can also use <?php bloginfo('template_url'); ?> to render the URL to the theme directory, to easily add any additional CSS or Javascript files. Just above the HTML </head> the template tag <?php wp_head(); ?> is placed. This tag tells Wordpress where to insert any additional code from plugins etc, that need to sit inside the document head.
    Further down the code, we come to the categories list. Inside the <ul> the Wordpress template tag <?php wp_list_categories(); ?> can be used to dynamically insert the list of categories, neatly contained within <li> tags. This tag itself also has a range of parameters. show_count=0 removes the default post count from beside the category title, title_li= removes the default header above the categories list, hide_empty=0 ensures that all categories are visible, even if they are empty and finally exclude=1 removes the category with an ID of 1 from the list, which is always the ‘uncategorized’ category.

    Template file – index.php

    The index file acts as the base for all the other template files. It’s also the file that is called to display the homepage. The index displays all the recent posts, and also calls the header, sidebar and footer files to render a complete page.

    At the top of the index file, <?php get_header(); ?> calls the header.php file so that all the code from within this file is inserted above the content in the index when the web page is rendered. This is followed by the Wordpress loop, which essentially checks for new posts and displays them accordingly. Each post is contained within a div which is given a range of CSS classes from the <?php post_class(); ?> tag, which makes it a breeze to style up certain posts differently, for instance posts within category X, or that have tag Y.
    The standard HTML in the static mockup can then be switched out for dynamic tags, which Wordpress will use to insert the relevant information about each post. For instance the link to the post is displayed using the <?php the_permalink(); ?> tag, and the title of the post is rendered with the <?php the_title(); ?> tag. There are all kinds of tags available, allowing you to render all the details about your posts you could ever wish for, but other popular uses are <?php the_category(', '); ?> to show which category the post was saved in, and <?php comments_number('No Comments','1 Comment','% Comments'); ?> to show the number of comments the post has.
    Pagination links can be added after the endwhile, so links to previous pages appear once the ‘posts per page’ limit in the settings has been reached. At the bottom of the index, the sidebar and footer files are called, just like the header. These will be inserted exactly where the tags sit in the code.

    Template files – archive.php & search.php

    The archive template file acts in a similar way to the index, in that it’s used to display a list of all the recent posts. The archive template file is used when a user views a category archive, an archive by date, or any other archive view, such as by author or tag.

    The archive.php file is almost identical to the index.php file, but it does have a couple of additions at the top, in order to identify and give a visual clue to the user where they are on the site. By using if (is_category()), Wordpress will check whether the user is browsing the category archives, or the date archives and display a title accordingly. There’s also other options that can be put to use here. If your theme makes use of multiple authors or shows tags publicly, you could also insert snippets to display titles for these scenarios.
    The search.php file is also pretty similar. This uses the same code to generate a list of posts, and just like the archive template file a title can be inserted at the top to give a visual clue for the user. The code <h2 class="title">Search results for <?php the_search_query(); ?> </h2> displays a heading that includes the search query the user entered.

    Template files – page.php and single.php

    The page.php and single.php template files are used to render full pages and posts. Each file still contains the loop, but instead of displaying multiple posts like the index.php or archive.php, page.php and single.php show the whole content for just one entry.

    Both page.php and single.php start by calling the header template file, followed by the Wordpress loop to check for the content. Just like the archive.php and index.php files, the post div includes <?php the_title(); ?> to render the post or page title, followed by <?php the_content(''); ?>, which is where all the content from the Wordpress editor will be inserted. In the single.php file, the comments template is also loaded, which will display the comments section below the post content, but before the sidebar and footer are loaded.

    Template file – sidebar.php

    The sidebar.php template file contains all the sidebar content, so that it can be easily called from any of the other template files. The sidebar might contain a list of categories, pages or subscription options.

    The sidebar.php template for this particular theme starts with a link to the built in RSS feed. The tag <?php bloginfo('rss2_url'); ?> inserts the URL to the RSS2 feed inside the HTML anchor. Next up, a list of pages are rendered in list format, just like the categories list in the header. <?php wp_list_pages('title_li='); ?> does the job, with the parameter title_li= removing the default heading from the list.

    Template file – comments.php

    The comments file is called from the single.php template file. This file takes care of displaying all the post comments and the comment form.

    The majority of the actual comments list is automatically generated by Wordpress from the <?php wp_list_comments('avatar_size=64&type=comment'); ?> template tag. The two parameters setup the size of the gravatar, and render only comments – no trackbacks. The comments section has its own pagination links, with <?php previous_comments_link('Older') ?> and <?php next_comments_link('Newer') ?> generating previous and next links. The comments template is then finished off with a form, allowing users to submit a comment.

    Template file – footer.php

    The footer template file finishes off the webpage and closes out the HTML and body tags. The footer for this particular theme is pretty simple, it just includes a couple of links and a back to top anchor.

    You have the option of including all kinds of template tags in the footer, such as displaying the list of categories, a list of tags, or using it to show an archives list. Any of the tags used elsewhere in the theme could be put into practice in other areas. Just like in the header, there’s a special tag used to reserve a space for any additional code that might be inserted by Wordpress plugins etc. <?php wp_footer(); ?> identifies this area, which is placed just about the closing body tag.

    Pulling everything together

    Particle Wordpress theme

    This covers all the basic theme files needed to get your custom theme up and running. When you test your theme for real, you’ll see that all the individual files are brought together to form a complete webpage, and that certain template files are used depending on where you’re browsing on the website. Don’t forget, you can also create a custom 404 page using the 404.php template file, and use custom page templates to enhance your theme with custom page layouts.

    If you’re interested in getting your hands on the Particle theme, it will soon be available to Access All Areas members of Blog.SpoonGraphics.

    View the final theme demo

    March 31 2010

    14:00

    71 Professional and Modern Firefox 3.6 Themes

    title-professional-modern-firefox-themesI was very happy to see that Mozilla created a new version of Firefox. Firefox 3.6 is without a doubt the most stable version ever made. In this new version many bugs have been corrected and everything is working just perfect. I was thinking about making some customization for my own Firefox so I thought it will be nice to share with you some of the best Firefox Themes I’ve seen.

    These themes are great for any type of Firefox user so without a doubt you will find one that’s suitable to your needs. Bring some color into your Firefox Browser and Enjoy!

    1. Ambient

    ambient-professional-modern-firefox-themes

    2. Chromifox Basic

    chromifox-basic-professional-modern-firefox-themes

    3. Chromifox Extreme

    chromifox-extreme-professional-modern-firefox-themes

    4. Chromifox Carbon

    chromifox-extreme-carbon-professional-modern-firefox-themes

    5. Black Stratini

    black-stratini-professional-modern-firefox-themes

    6. Past Modern

    past-modern-professional-modern-firefox-themes

    7. SilverMel

    silvermel-professional-modern-firefox-themes

    8. Aluminium Kai 2

    aluminium-kai-2-professional-modern-firefox-themes

    9. Anthem

    anthem-professional-modern-firefox-themes

    10. Camifox

    camifox-professional-modern-firefox-themes

    11. VFox3

    vfox3-professional-modern-firefox-themes

    12. Midnight Fox

    midnight-fox-professional-modern-firefox-themes

    13. Midnight Foxy

    midnight-foxy-professional-modern-firefox-themes

    14. iTunes Fox

    itunes-fox-professional-modern-firefox-themes

    15. Glaze Black

    glaze-black-professional-modern-firefox-themes

    16. Abaca Classic

    abaca-classic-professional-modern-firefox-themes

    17. Dark Revisited

    dark-revisited-professional-modern-firefox-themes

    18. Devious Green

    devious-green-professional-modern-firefox-themes

    19. Bluetacular

    bluetacular-professional-modern-firefox-themes

    20. Operetta Advance

    operetta-advance-professional-modern-firefox-themes

    21. iAqua

    iaqua-professional-modern-firefox-themes

    22. Purity

    purity-professional-modern-firefox-themes

    23. Phoenity

    phoenity-aura-professional-modern-firefox-themes

    24. Minty Fresh

    minty-fresh-professional-modern-firefox-themes

    25. GrApple Yummy

    grapple-yummy-professional-modern-firefox-themes

    26. SoCool-Calx

    socool-calx-professional-modern-firefox-themes

    27. W3 V8

    w3-v8-professional-modern-firefox-themes

    28. Aero Fox XL

    aero-fox-xl-professional-modern-firefox-themes

    29. Strata40

    30. MacOSX Theme

    macosx-theme-professional-modern-firefox-themes

    31. Nuvola FF

    nuvola-ff-professional-modern-firefox-themes

    32. Modern Modoki

    modern-modoki-professional-modern-firefox-themes

    33. NetFox

    netfox-professional-modern-firefox-themes

    34. Gradient iCool

    gradient-icool-professional-modern-firefox-themes

    35. Vista AERO

    vista-aero-professional-modern-firefox-themes

    36. My Fire Fox

    myfirefox-professional-modern-firefox-themes

    37. Noia

    noia-professional-modern-firefox-themes

    38. Aeon

    aeon-professional-modern-firefox-themes

    39. WhiteHart

    whitehat-professional-modern-firefox-themes

    40. Pimp Zilla

    pimpzilla-professional-modern-firefox-themes

    41. iPox

    ipox-professional-modern-firefox-themes

    42. GrayModern

    gray-modern-2-professional-modern-firefox-themes

    43. Old Factory

    old-factory-professional-modern-firefox-themes

    44. FoxScape

    foxscape-professional-modern-firefox-themes

    45. BlackX

    blackx-theme-professional-modern-firefox-themes

    46. Nasa Night Launch

    nasa-night-launch-professional-modern-firefox-themes

    47. Sky

    sky-theme-professional-modern-firefox-themes

    48. OWN

    own-theme-professional-modern-firefox-themes

    49. MozXP

    mozxp-professional-modern-firefox-themes

    50. Kempelton

    kempelton-professional-modern-firefox-themes

    51. Kempelton Large

    kempelton-large-professional-modern-firefox-themes

    52. Simple Green

    simple-green-professional-modern-firefox-themes

    53. Phoenity Aura

    phoenity-aura-professional-modern-firefox-themes

    54. Vista on XP

    vista-on-xp-professional-modern-firefox-themes

    55. GNome Classic

    gnome-classic-professional-modern-firefox-themes

    56. Firefox 2 For Firefox 3

    firefox-2-for-firefox-3-professional-modern-firefox-themes

    57. xBox Fox

    xbox-fox-professional-modern-firefox-themes

    58. Full Flat

    full-flat-professional-modern-firefox-themes

    59. Utopia White

    utopia-white-professional-modern-firefox-themes

    60. Rein

    rein-professional-modern-firefox-themes

    61. Crystal Fox

    crystal-fox-professional-modern-firefox-themes

    62. Alienware Invader

    alienware-invader-professional-modern-firefox-themes

    63. zBlack

    zblack-theme-professional-modern-firefox-themes

    64. Office Black

    office-black-professional-modern-firefox-themes

    65. Strata O Various

    strata-o-various-professional-modern-firefox-themes

    66. AvantGarde Nightlife

    avant-garde-nightlife-professional-modern-firefox-themes

    67. MonoChrome

    monochrome-professional-modern-firefox-themes

    68. Arctic Glow

    arctic-glow-professional-modern-firefox-themes

    69. MonGrel

    mongrel-professional-modern-firefox-themes

    70. SkyPlus

    sky-plus-professional-modern-firefox-themes

    71. SlikerFox

    slikerfox-professional-modern-firefox-themes
    That’s it! Don’t forget to subscribe to our RSS Feed in order to get latest design related stories and resources.

    March 27 2010

    09:30

    35 Insanely Cool Magento Themes for your Online Store

    It’s pretty nice to see that nowadays more and more online stores emerge. That makes people to be more and more competitive so that new quality standards appear. In order for you to create an E-Commerce website you just need to have a web host, a good domain name and also a simple free script called Magento but if you want to have success with it, you have to use a competitive design. Most themes are very expensive and hard to get, that’s why I’ve created a list with free themes which can easily be compared with a premium one. At then end I have also listed down 7 great premium themes which don’t have alternative in free version. Hope you enjoy!

    Cheap SSL CertificatesE-commerce week is sponsored by SSLmatic which sells SSL certificates for much cheaper prices (RapidSSL, Geotrust, Verisign) and offers great support. Check their site to get the cheap SSL certificates.

    1. Sigyn SM

    sigyn-sm-free-beautiful-and-creative-magento-themes

    2. Fitness Magento Theme

    fitness-free-beautiful-and-creative-magento-themes

    3. Everson Store

    everson-free-beautiful-and-creative-magento-themes

    4. Blue Skin

    blue-skin-free-beautiful-and-creative-magento-themes

    5. FreePop

    freepop-free-beautiful-and-creative-magento-themes

    6. HM Modern

    hm-modern-brown-free-beautiful-and-creative-magento-themes

    7. Magento Classic

    magento-classic-free-beautiful-and-creative-magento-themes

    8. OutDoor

    outdoor-free-beautiful-and-creative-magento-themesfree

    9. Cogzidel Electronic Store

    electronic-store-free-beautiful-and-creative-magento-themes

    10. Yoast Blank SEO Theme

    yoast-free-beautiful-and-creative-magento-themes

    11. Pet Store Theme

    pet-store-free-beautiful-and-creative-magento-themes

    12. Iphone Theme

    iphone-free-beautiful-and-creative-magento-themes

    13. Magento Connect

    connect-free-beautiful-and-creative-magento-themes

    14. Mobile Theme

    mobile-shop-free-beautiful-and-creative-magento-themes

    15. Girly Store

    girly-store-free-beautiful-and-creative-magento-themes

    16. Telescope Theme

    telescope-free-beautiful-and-creative-magento-themes

    17. Linen Theme

    linen-free-beautiful-and-creative-magento-themes

    18. Basic Theme

    basic-free-beautiful-and-creative-magento-themes

    19. Siam Blue

    siam-blue-free-beautiful-and-creative-magento-themes

    20. HM Modern – White

    modern-white-free-beautiful-and-creative-magento-themes

    21. Absolute Theme

    absolute-free-beautiful-and-creative-magento-themes

    22. Red Theme

    red-theme-beautiful-and-creative-magento-themes

    23. HardWood

    hardwood-beautiful-and-creative-magento-themes

    24. Auto Theme

    auto-theme-free-beautiful-and-creative-magento-themes

    25. Glam

    glam-theme-free-beautiful-and-creative-magento-themes

    26. GrayScale

    grayscale-theme-free-beautiful-and-creative-magento-themes

    27. Foot Prints

    foot-prints-theme-free-beautiful-and-creative-magento-themes

    28. Teal

    teal-free-beautiful-and-creative-magento-themes

    PREMIUM Themes

    29. Uno Store

    uno-store-free-beautiful-and-creative-magento-themes

    30. The Wear Store

    the-wear-store-free-beautiful-and-creative-magento-themes

    31. Hello Simple Store

    hello-simple-free-beautiful-and-creative-magento-themes

    32.  Hello Clean Store

    hello-clean-free-beautiful-and-creative-magento-themes

    33. Grunge Theme

    grunge-theme-free-beautiful-and-creative-magento-themes-

    34. Brage Theme

    brage-theme-free-beautiful-and-creative-magento-themes

    35.  Photo Store

    photo-store-free-beautiful-and-creative-magento-themes

    That’s all! You can easily start to create your E-commerce website based on Magento, the most popular and powerful CMS for creating online-based stores.

    Cheap SSL CertificatesE-commerce week is sponsored by SSLmatic which sells SSL certificates for much cheaper prices (RapidSSL, Geotrust, Verisign) and offers great support. Besides standard SSL certificates, wildcard and EV certificates are offered with discounts too. Check their site to get the cheap SSL certificates.

    January 23 2010

    10:38

    30 Outstanding Commercial Wordpress Portfolio And Photoblog Themes

    Title-commercial-wordpress-portfolio-showcase-themeIf you need to complete quick project and you are ready to spend some money for it, this premium Wordpress portfolio theme showcase will definitely interest you! This is follow-up article to previous one about free themes, check it out – 24 Free Portfolio And Photo Gallery Wordpress Themes.

    I think it’s okay to spend few bucks for great theme with full support and many features for fast projects. I just bought one as well, just because I needed to set up site rapidly fast, but I had specific requirements for that blog. I visited several premium theme sites and found good looking theme I was happy with in 30 minutes.

    It was interesting experience for me and this research was quite exciting as well – when I went through these themes I found out several modern jquery features many sites do not offer just yet, interesting designs..really premium like! Even if I didn’t buy anything this time, I got a lot of inspiration and new ideas just while browsing! Enjoy and let us know which was your favorite theme?

    1. Twicet (37.00$)

    Theme Features (few of them):

    • Valid XHTM Strict1.0 and CSS 2 .1, tableless Design
    • jQuery support
    • Fading Portfolio/Item slider
    • Dropdwon Menu, improved with jQuery
    • jQuery 100% unobtrusive wich degrades gracefully if javascript is turned off
    • Gallery Page with lightbox
    • Working ajax/php contact form
    • Newsticker

    Twicet-commercial-wordpress-portfolio-showcase-theme

    2. Display ( 42$)

    DISPLAY is a Wordpress Theme, best suited for Business and Portfolio sites. It comes with a fantastic 3D Image slideshow that can be controlled from your backend with a custom tool. The Theme has a huge wordpress custom backend (8 additional Admin Pages) that make customization of the Theme easy for those who dont know much about coding or wordpress.

    The Theme also comes with a more subtle fading image slider. You can use this slider as your main slider, otherwise it will be used as a fallback if the users browser doesnt support flash.

    Display-commercial-wordpress-portfolio-showcase-theme

    3. Cubit (27$)

    Cubit is a clean and flexible wordpress theme with 6 different cholor schemes(see preview Pics), which is best used for portfolio and business sites.

    Main Features(few of them):

    • The theme uses a javascript image transition at the mainpage only seen in flash before which suports an unlimted number of images. Take a look at the live preview and wait a few seconds for the image to transform
    • Highly flexible admin area, you are able to edit every content from the wordpress backend
    • 6 different cholor schemes
    • Multilevel Dorpdown menu, Breadcrumb Navigation, Post Pagination
    • jQuery Lavalamp for main menu
    • Advanced comments with reply function

    Cubit-commercial-wordpress-portfolio-showcase-theme

    4. BlueLight (27$)

    Bluelight is a mash-up of a 2.0 business website and a personal portfolio site. It can be used for either, or both. This template will get you up and running in no time!

    Included Features(few of them):

    • Installation Screencast!
    • Theme Options Page (makes setup very easy)
    • Quick Change Color Schemes (managed from theme options page)
    • jQuery Graphic Slider (managed via theme options)
    • Blog/Portfolio mash-up on Homepage
    • Featured Project

    Bluelight-commercial-wordpress-portfolio-showcase-theme

    5. Levitation Wordpress Business & Portfolio (37$)

    Levitation is a Wordpress Template, best suited for Business and Portfolio sites. It comes with 5 sleek skins and 2 different front page designs (if the Wordpress Live Preview is not enough for you, please check out the html templates that are already available, the look stays the same in the Wordpress version).

    Key features of the template (few of them):

    • Valid XHTM Strict1.0 and CSS 2 .1, tableless Design
    • Multiple Page templates
    • 2 different Portfolio/Item slider, supporting unlimited items
    • Dropdwon Menu, improved with jQuery
    • jQuery 100% unobtrusive wich degrades gracefully if javascript is turned off
    • Gallery Page with lightbox
    • Working ajax/php contact form

    Levitation-commercial-wordpress-portfolio-showcase-theme

    6. Photo Nexus Wordpress Gallery Theme (27$)

    Photo Nexus wordpress gallery is a 2 column , 2 color variation ( Bright and Dark) theme.
    This theme is great for those who need a convenient way to publish and showcase a self managed Gallery of Photos, Artworks or Designs. The theme features modern yet minimalistic style so that your work will be guaranteed to be on focus. The theme comes added with Admin theme options so you won’t need to manually edit the files to get it running.

    Photo-nexus-commercial-wordpress-portfolio-showcase-theme

    7. Concept ($32)

    This theme is a complete Wordpress Theme, designed from the ground up to function as a comprehensive Wordpress theme that can be used for just about any site that needs a beautiful layout. While the frontend design has been popular as a HTML template, the real highlight of this template is a professionally built admin panel that let’s you edit every major content block in the layout quickly and easily without ever opening up a template file.

    Theme features (just some of them):

    • 6 uniquely styled themes (Blue, Green, Pink, Orange, Green, Dark Blue).
    • All Core Page Templates (Home, Content Page, Image Gallery, Blog Post w/ comments styling, Search/Results, 404, and a Contact Form)
    • Custom Admin Panel (Full CMS )
    • Clean, commented code
    • jQuery Lightbox
    • jQuery Homepage & Gallery Slider

    Concept-commercial-wordpress-portfolio-showcase-theme

    8. Sensor (69$)

    Sensor is a Premium WordPress Theme suitable for photoblogs, portfolios, showcases, galleries, personal sites and other blogging topics!

    Theme features (just some of them):

    • 14 Awesome Color Styles
    • Support for Threaded Comments
    • Support for WordPress 2.8 and 2.9
    • Widgetized Sidebar and Footer
    • Dynamic image resizing for thumbnails (TimThumb script)
    • 3 Custom Page Templates
    • 4 Specially Developed Widgets

    Sensor-commercial-wordpress-portfolio-showcase-theme

    9. Professional (49$)

    Professional is a theme which can be used as a CMS/Portfolio or as a blog.

    The very light and flexible layout is based on the “Golden Ratio” principle, having 2 columns. The design mainly emphasizes the content.

    Theme features (just some of them):

    • Threaded Comments
    • Support for WordPress 2.8
    • Widgetized Sidebar
    • Compatible with all modern browsers
    • Theme Options Admin Panel
    • Integrated Social Bookmarking Icons
    • Featured Works on Homepage

    Professional-commercial-wordpress-portfolio-showcase-theme

    10. Gallery (49$)

    GALLERY is a premium WordPress theme which can be used for many purposes, including a Photoblog, Portfolio, Personal Blog, Product Reviews, and more!

    Theme features (just some of them):

    • Comes in 2 styles, 3 color styles each
    • Threaded Comments
    • Support for WordPress 2.8
    • Widgetized Sidebar and Footer
    • Custom Fields for Images are optional
    • Dynamic image cropping for thumbnails (TimThumb script)
    • 3 Specially Developed Widgets

    Gallery-wordpress-portfolio-showcase-theme

    11. Impulse ($49)

    Impulse is a Premium WordPress Theme suitable for portfolios, showcases, galleries, photoblogs, personal sites, endless possibilities!

    Theme features (just some of them):

    • 3 Cool Color Styles: Blue, Dark, Silver
    • Threaded Comments
    • Support for WordPress 2.8
    • Widgetized Sidebar and Footer
    • Custom Fields for Images are optional
    • Dynamic image cropping for thumbnails (TimThumb script)

    Impulse-commercial-wordpress-portfolio-showcase-theme

    12. Photoblog (49$)

    PhotoBlog is an unique portfolio theme for Photographers, Graphic Designers, Architects, etc. With an intuitive layout and a fully widgetized sidebar, it offers the flexibility required in modern blogs.

    Theme features (just some of them):

    • AJAX Lightbox for viewing images in different sizes
    • Featured Content on the homepage and in the Sidebar. Number of posts is controlled on the Widgets Page in the Admin Panel.
    • Threaded Comments
    • Support for WordPress 2.8
    • Widgetized Sidebar
    • Unique Widgets Developed by WPZOOM Team

    Photoblog-commercial-wordpress-portfolio-showcase-theme

    13. WordFolio (37$)

    Wordpress + Portfolio = Wordfolio, a wordpress theme which is suitable for graphic & web designers.

    Theme features (just some of them):

    • Valid CSS /XHTML Files (1.0 Strict)
    • Commented and clean CSS /XHTML, and theme files
    • Full layered PSD Files
    • Jquery based kickass transparent showcase in homepage
    • Easy showcase setup with custom fields
    • Modern look dark style layout

    Wordfolio-commercial-wordpress-portfolio-showcase-theme

    14. London Creative (32$)

    London Creative + comes with fully working contact form, awesome slider for your featured images, nasty spinning slider buttons (never saw them anywhere else, so you can call it unique), 2 message buttons under the slider and PrettyPhoto plugin (better clone of Lightbox).

    You will also have user-friendly dropdown navigation with infinite dropdown levels where you can style every even list item via Jquery, so no more hassle, it’s automatic, you can just add posts and you are ready to go!

    London-creative-commercial-wordpress-portfolio-showcase-theme

    15. Folio Theme (27$)

    Folio is a theme designed with the intent of being platform for your personal portfolio showcase as well as working blog. The themes homepage highlights your most recent featured project as well as posts in an easy to navigate format.

    In the sidebar you will find flickr photos being syndicated, a widgetized sidebar allowing room for easy additions, as well as a brief about section highlighting yourself. You can tie in your flickr feed, and showcase your photos from your flickr account.

    This theme comes with 5 different color accent options.

    Folio-commercial-wordpress-portfolio-showcase-theme

    16. Pandora (32$)

    Pandora is a WordPress Template, designed to promote anything from a corporate business to a portfolio site.
    More than 10 professionally-designed and easy customisable themes comes as standard: Aqua, Crimson, Eco, Egypt, Modern, Mystery, Nebula, Ocean, Olive, Parquet, Podium, Startup.

    Theme features (just some of them):

    • Valid XHTML Strict 1.0 and CSS 2 .1, table-less layout, 960 Grid System
    • jQuery Support:
    • Windows7-like navigation light effects
    • Gracefully degrading code (for older browsers, or javascript disabled case)
    • 100% Workable right after Theme activation
    • 6 Option Pages: General Settings, Mainpage, Portfolio, Blog, Footer, Contact
    • Fully customizable (include 7 dynamic widgetbars)
    • Slide & Portfolio PSD Helpers are included

    Pandora-commercial-wordpress-portfolio-showcase-theme

    17. Portfolious – Ultimately Extensive Wordpress CMS ($37)

    Portfolious is the profesional Fulll Wordpress CMS functioning theme for, well anyone!
    Because the name is Portfolious; it doesn’t mean you have to only use for portfolio blog, because you can change that in Portfolious!

    Theme features (just some of them):

    • Custom Layouts for categories and pages
    • Tabbed Theme Options Page
    • Animated and tabbed Theme options with color pickers, sliding content with conditional options, dynamic background switcher.
    • Works in all major browsers including IE6 (png fix also added)
    • Sliding Homepage Blog Posts, Twitter widget
    • Option to choose whether or not use slider for homepage blog posts
    • Option to choose whether to homepage intro content comes from a page or the admin entry

    Portfolius-commercial-wordpress-portfolio-showcase-theme

    18. Goldmine (27$)

    Previous Monofactor blog design, now Gold mine Wordpress theme. This theme stands out with it’s quality and it has been featured in most CSS Design galleries with highest rating before some time.

    Theme features (just some of them):

    • Post & Portfolio Item Thumbnails: Easily assign and attach thumbnails to your posts and portfolio items.
    • Jquery Enabled: Flourished with jquery rounded corners and carousel, your blog and portfolio will look hot.
    • Widget ready: Add or change what you want to show on your sidebar.
    • WP 2 .7 ready: Also available for use in versions above 2.5
    • Valid CSS & XHTML : Works nicely on most major browsers

    Goldmine-commercial-wordpress-portfolio-showcase-theme

    19. Photo & Graphic Studio (27$)

    This is a wordpress theme suitable for photographers and graphic & web designers.

    Theme features (just some of them):

    • Valid CSS /XHTML Files (1.0 Strict)
    • Commented and clean CSS /XHTML, and theme files
    • Full layered PSD Files
    • All browser compatible
    • Flash like, jquery based 2 type showcase (Easy setup with custom fields)
    • Fullscreen background for photography and graphics
    • Fixed size in content for web works
    • Modern look WEB 2 .0 style layout
    • Editable auto cycle and dotted pattern on background (showcase)

    Photo-studio-commercial-wordpress-portfolio-showcase-theme

    20. Business Professional Package ($37)

    Theme features (just some of them):

    • Clean & Valid Code
    • SEO friendly – Search engines see the content before the navigation (in the code)
    • NEW : Dashboard panel to notify you of any future updates
    • Tested in all major browsers
    • “Widget-Ready” with built-in custom styling (Calendar, Archives, etc.)
    • All major page templates included, including the 404 page

    Business-commercial-wordpress-portfolio-showcase-theme

    21. Briefcase Portfolio Theme (27$)

    This is a fun, bold, portfolio theme for WordPress. This theme allows you to showcase your work, while adding subtle personal touches. With a large billboard featured area on the homepage, to large bold, list and post views on the interior pages this theme will enable you to showcase the best of your work.
    This theme comes with 4 color options available through the theme settings in the admin section, as well as the ability to post a project and determine whether you want it to be feature in the homepage Javascript billboard area.

    Theme features (just some of them):

    • JavaScript Based Featured Area on Homepage
    • Tabless (CSS Layout)
    • Valid CSS and XHTML
    • Browser compatibility: All Major Browsers
    • Homepage About Me Bio Section
    • 4 Built In Selectable Color Settings

    Briefcase-commercial-wordpress-portfolio-showcase-theme

    22. Blueleather WP Theme (32$)

    Theme features (just some of them):

    • CMS functionality
    • Widget ready
    • JQuery Slider for featured projects
    • Easy featured projects setup using custom fields
    • Easy general setup

    Blue-leather-commercial-wordpress-portfolio-showcase-theme

    23. StylemixFolio

    Theme features (just some of them):

    • CMS functionality
    • Widget ready
    • JQuery Slider for featured projects
    • Easy featured projects setup using custom fields
    • Easy general setup

    Style-mix-folio-commercial-wordpress-portfolio-showcase-theme

    24. Contrast (37$)

    Contrast, a wordpress theme which is suitable for photographers, graphic & web designers, corporates with a kickass features.

    Theme features (just some of them):

    • Fullscreen Backgrounds!
    • Kickass Portfolio Page
    • Fullscreen Google Maps for your Contact Page
    • Kickass Blog / List Sliders
    • Unlimited Theme Colors
    • Cool Navigation & Search Tab

    Contrast-commercial-wordpress-portfolio-showcase-theme

    25. Modern Portfolio (32$)

    ourAgency WordPress theme is a fully customizable CMS theme – you can easily create a whole site with a homepage, subpages and a blog. I wanted to make it as user friendly as possible while still giving you full control over your content.

    Theme features (just some of them):

    • Well commented and clean CSS /XHTML Files
    • tableless layout
    • tested and working in all common browsers except IE 6 , so we wont give any support for IE 6 at the moment
    • 6 x layered PSD Files (extra slider.psd for easy editing)
    • jquery Start/Stop slider (Featured Category)
    • jquery FancyBox (for images on work page)
    • working PHP contact form with validation. (PHP MAiler)

    Modern-agency-commercial-wordpress-portfolio-showcase-theme

    26. ShapeShifter – One Page, Infinite Possibilities (32$)

    This theme is perfect for anyone looking to launch a site right away. It’s perfect for businesses, creatives, and individuals who want to quickly publish their portfolio or image galleries, individuals who want a streamlined site without too many bells or whistles, and anyone else who’s serious about having a simple, well designed website with a full powered content manager.

    Theme features (just some of them):

    • Custom Admin Panel
    • Unlimited Color Options (with 5 ready-made skins, see below)
    • Installation instructions (with images!)
    • Full PSD & pre-sized PSD ’s for skinning
    • “Build Your Own” Contact Form
    • Image Gallery Template
    • jQuery Lightbox
    • jQuery Footer Bar

    Shapeshifter-commercial-wordpress-portfolio-showcase-theme

    27. Foliotheme (22$)

    FolioTheme is a WP Portfolio Style Theme ideal for photographers, artists or designers.

    Theme features (just some of them):

    • Theme Changer with 7 Color Variations
    • Gallery CMS Theme
    • Content Slider for all Categories
    • LightBox for all images
    • Automatic Thumbnails
    • NO Custom Fields! Just put you content right in the post – like magic!
    • Gravatars if you allow comments

    Foliotheme-commercial-wordpress-portfolio-showcase-theme

    28. Gold Wordress – Blog + portfolio + cms (27$)

    Theme features (just some of them):

    • jQuery easy slider in home page
    • jQuery fancybox, plugin to overlay images on the page with zoom animation
    • JQuery Image slider panels on the portfolio page for featured portfolio entries.
    • CMS functionality
    • Widget-ready sidebar
    • Fully working Php form with validation on the contact page
    • Great design: beauty typhography and styling

    Gold-wordpress-portfolio-showcase-theme

    29. Ambiguous (32$)

    Ambiguous Portfolio WordPress theme was developed to showcase your work. Ambiguous has a large featured portfolio items area well placed on the homepage showcasing the best of your work. Also on the homepage are your most recent blog posts. In the sidebar there is a custom twitter feed feature, about widget displaying brief info about yourself, and a site search feature.

    Ambiguous-commercial-wordpress-portfolio-showcase-theme

    30. Gateway Studio ($32)

    Gateway Studios, Simplicity Overhaul features a simple yet beautiful design, that will impress your visitors with its delicate form. The theme comes with many great features that just work out of the box, without the need for plugins, making Gateway a very smart decision with everything Integrated.

    A lot of flexibility has been integrated into the theme, so you can use it from a Personal Site, to a Photography Blog to a complete Studio Website. You have an arsenal of Features and Customization at your disposal, and also a Clean Design created with usability and typography in mind.

    Gateway-studio-wordpress-portfolio-showcase-theme

    ElegantThemes Theme Website

    This is an excellent site also offering some nifty premium Wordpress themes, where you can pay 19.95$ and get access to all of their commercial themes for one year. Here I also find my own pick for personal project, so I am saying from personal experience, that I was positively surprised about their great admin panel with big list of modifiying features, so I didn’t even had a need to touch the code at first.

    Elegantthemes-commercial-wordpress-portfolio-showcase-theme

    Okay, let me finish here and also share your opinions – do you need this type of  commercial articles, at least I don’t think anymore that the best stuff is for free, I don’t mind paying for quality and this article definitely proves it! If you buy something please use this site affiliate links to help us improve 1stwebdesigner blog quality! Thank you!

    Related posts:

    1. 24 Free Portfolio And Photo Gallery Wordpress Themes
    2. 22 Professional WordPress Themes And Resources:Less Is More
    3. 21 Sites Where To Find Free Wordpress Themes Daily
    4. 100 Premium Like But Free, Fresh Wordpress Themes: Year 2009
    5. 70 Free and Premium WordPress Themes

    January 18 2010

    07:00

    December 28 2009

    15:55

    13 Useful Code Snippets for WordPress Development

    WordPress has grown to be commonly defined as the core solution for your blogging needs. It is the most recognized and sought after Content Management System by writers and designers. Consequently, over the past few years there has been a voluble increase in WordPress blogs, this has caused the “need” for useful tips, tricks, and hacks, all made to allow the customizing of your WordPress powered site. Here are 13 code snippets or hacks that will help you extend the capabilities of your WordPress site.

    Automatically Resize Images

    If you’re accustomed to displaying large quantities of images on your blog, then you know how tedious it can be to have to always resize your images manually. Now you can use this hack to automatically resize any image you’d like to whatever width and height you choose for a more organized look.
    The following script is called TimThumb, this function below creates a WordPress shortcode that will make it easier to resize images. Add the following to your functions.php file:

    
    function imageresizer( $atts, $content = null ) {
    	return '<img src="/timthumb/timthumb.php?src='.$content.'&w=590" alt="" />';
    }
    
    add_shortcode('img', 'imageresizer');
    

    Then, you can use the following syntax to add an automatically resized image to your blog post:

    
    [img]http://www.yoursite.com/yourimage.jpg[/img]
    

    Customize the Logo of Your WordPress Login Page

    After constantly having to visit your WordPress login page, having to see the same logo and design over and over can be a bit boring. This is where this hack comes in handy. All you have to do is place the following in your functions.php file, and replace the image.

    
    function my_custom_login_logo() {
        echo '<style type="text/css">
            h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
        </style>';
    }
    
    add_action('login_head', 'my_custom_login_logo');
    

    Detecting Mobile Devices Accessing Your Site

    Mobile web surfing is continuing to evolve on a larger scale. This is why detecting those users who are visiting your WordPress blog through a mobile device and redirecting them to a mobile version of your site is important. In order to achieve this, you first have to get the code from detectmobilebrowsers.mobi and upload it to your theme directory.

    Then, all you simply have to do is open your header.php file and place the following at the top of the file. Remember to edit line 5 to where you’d like to redirect mobile users.

    
    include('mobile_device_detect.php');
    $mobile = mobile_device_detect();
    
    if ($mobile==true) {
      header( 'Location: http://your-website.com/?theme=Your_Mobile_Theme' ) ;
    }
    

    Displaying Your Tags in a Dropdown Menu

    Tag clouds are often hard to read, especially for a more busy site. Eliminate this problem by using a dropdown menu to display your tags. You must place the following code in your functions.php file.

    
    <?php
    function dropdown_tag_cloud( $args = '' ) {
    	$defaults = array(
    		'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
    		'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC',
    		'exclude' => '', 'include' => ''
    	);
    	$args = wp_parse_args( $args, $defaults );
    
    	$tags = get_tags( array_merge($args, array('orderby' => 'count', 'order' => 'DESC')) ); // Always query top tags
    
    	if ( empty($tags) )
    		return;
    
    	$return = dropdown_generate_tag_cloud( $tags, $args ); // Here's where those top tags get sorted according to $args
    	if ( is_wp_error( $return ) )
    		return false;
    	else
    		echo apply_filters( 'dropdown_tag_cloud', $return, $args );
    }
    
    function dropdown_generate_tag_cloud( $tags, $args = '' ) {
    	global $wp_rewrite;
    	$defaults = array(
    		'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
    		'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC'
    	);
    	$args = wp_parse_args( $args, $defaults );
    	extract($args);
    
    	if ( !$tags )
    		return;
    	$counts = $tag_links = array();
    	foreach ( (array) $tags as $tag ) {
    		$counts[$tag->name] = $tag->count;
    		$tag_links[$tag->name] = get_tag_link( $tag->term_id );
    		if ( is_wp_error( $tag_links[$tag->name] ) )
    			return $tag_links[$tag->name];
    		$tag_ids[$tag->name] = $tag->term_id;
    	}
    
    	$min_count = min($counts);
    	$spread = max($counts) - $min_count;
    	if ( $spread <= 0 )
    		$spread = 1;
    	$font_spread = $largest - $smallest;
    	if ( $font_spread <= 0 )
    		$font_spread = 1;
    	$font_step = $font_spread / $spread;
    
    	// SQL cannot save you; this is a second (potentially different) sort on a subset of data.
    	if ( 'name' == $orderby )
    		uksort($counts, 'strnatcasecmp');
    	else
    		asort($counts);
    
    	if ( 'DESC' == $order )
    		$counts = array_reverse( $counts, true );
    
    	$a = array();
    
    	$rel = ( is_object($wp_rewrite) && $wp_rewrite->using_permalinks() ) ? ' rel="tag"' : '';
    
    	foreach ( $counts as $tag => $count ) {
    		$tag_id = $tag_ids[$tag];
    		$tag_link = clean_url($tag_links[$tag]);
    		$tag = str_replace(' ', '&nbsp;', wp_specialchars( $tag ));
    		$a[] = "\t<option value='$tag_link'>$tag ($count)</option>";
    	}
    
    	switch ( $format ) :
    	case 'array' :
    		$return =& $a;
    		break;
    	case 'list' :
    		$return = "<ul class='wp-tag-cloud'>\n\t<li>";
    		$return .= join("</li>\n\t<li>", $a);
    		$return .= "</li>\n</ul>\n";
    		break;
    	default :
    		$return = join("\n", $a);
    		break;
    	endswitch;
    
    	return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
    }
    ?>
    

    Now, to finalize your dropdown menu you have to open the theme file where you want the list to be displayed (i.e. sidebar.php) and insert the following code:

    
    <select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
    	<option value="#">Liste d'auteurs</option>
    	<?php dropdown_tag_cloud('number=0&order=asc'); ?>
    </select>
    

    Custom “Read More” Links for Your Posts

    This is a really useful hack if you want to better define or customize the look of your “Read More” links for posts. The first thing you have to do is to edit your posts and create custom fields. Give them custom_more as a key, and whatever text you want to be displayed as the value. Then you have to edit your index.php file (and also your category.php, search.php, etc) and find a line similar to this:

    
    the_content("Read more");
    

    Now just replace it with this code:

    
    <?php $custommore = get_post_meta($post->ID, 'custom_more', true); ?>
    <?php if (!$custommore) { $custommore = 'Read More &raquo;'; } ?>
    <?php the_content($custommore); ?>
    

    Scheduling Posts for RSS

    If you regularly publish articles and you care about the quality of your posts then this is a good hack for you. The main purpose of this hack is that it lets you schedule your posts to be viewed in your RSS at a later time, this will allow you enough time to get those last minute fixes and additions in before your post is forever published in your feed. Place the following code in your .htaccess file. In order to change the length of the delay, change the value of the $waitvariable on line 9.

    
    function publish_later_on_feed($where) {
    	global $wpdb;
    
    	if ( is_feed() ) {
    		// timestamp in WP-format
    		$now = gmdate('Y-m-d H:i:s');
    
    		// value for wait; + device
    		$wait = '5'; // integer
    
    		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
    		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR
    
    		// add SQL-sytax to default $where
    		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
    	}
    	return $where;
    }
    
    add_filter('posts_where', 'publish_later_on_feed');
    

    Display the Most Commented Posts of 2009

    As the New Year is about to role in, it would be fun and resourceful to let your readers know which of your posts were most popular in the past year. This hack will allow your visitors to view the top 10 most commented/popular posts of 2009. This is a great way to give your posts a second shot at being noticed. In order to do this, you’ll need to place the following code on your sidebar.php file, or wherever else you’d like on your theme:

    
    <ul>
    <?php
    $result = $wpdb->get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb->posts WHERE post_date BETWEEN '2009-01-01' AND '2009-12-31' ORDER BY comment_count DESC LIMIT 0 , 10");
    
    foreach ($result as $topten) {
        $postid = $topten->ID;
        $title = $topten->post_title;
        $commentcount = $topten->comment_count;
        if ($commentcount != 0) {
        ?>
             <li>

    Allow Only Your IP Address to Access the wp-admin Directory

    If you don’t have multiple writers or contributors to your blog, then realistically speaking only you should be allowed to visit the wp-admin directory. Especially since a great deal of security risks entail the wp-admin directory. All you have to do is enter your static IP adress on line 8. You can add more IPs if needed, by creating a new line. Place the following in your .htaccess file.

    
    AuthUserFile /dev/null
    AuthGroupFile /dev/null
    AuthName "Example Access Control"
    AuthType Basic
    <LIMIT GET>
    order deny,allow
    deny from all
    allow from xx.xx.xx.xx
    </LIMIT>
    

    Styling Your WordPress Comments

    When your blog has lots of comments, then it’s a great way to get visitors to interact more by styling the way your comments are displayed. If this is what you’re looking to to, then open your comments.php file and replace your comments loop with the following code:

    
    <ol id="commentlist">
    <?php foreach ($comments as $comment) : ?>
    	<?php // The extra stuff to get commenter's role
    	$user_id = $comment->user_id;
    	$role = ( isset( $roles[$user_id] ) ? $roles[$user_id] : '' );
    	?>
    	<li class="<?php echo $role; ?>">
    	<p>By <?php comment_author_link() ?> - <?php comment_date() ?></p>
    	<?php comment_text() ?>
    	</li>
    <?php endforeach; ?>
    </ol>
    

    Now to structure your comment you’ll need to open your style.css file and place the following code:

    
    #commentlist li { border:2px solid white; } /* not logged or subscriber */
    #commentlist li.administrator { border:2px solid red } /* blog admin */
    #commentlist li.editor { border:2px solid blue } /* editor */
    

    Remove Widget Areas on Your Homepage

    If your WordPress powered site is more than just a blog, then you probably want to get rid of the widget areas in your default sidebar and create your own. This hack doesn’t require any editing, just code insertion. Now, all you need to do is add the following to your functions.php file:

    
    <?php
    add_filter( 'sidebars_widgets', 'disable_all_widgets' );
    
    function disable_all_widgets( $sidebars_widgets ) {
    	if ( is_home() )
    		$sidebars_widgets = array( false );
    	return $sidebars_widgets;
    }
    ?>
    

    Insert Author Bio for Each Post

    A multi-writer blog usually means everyone who writes or contributes a post will have section that speaks about them. If your blog doesn’t have this feature, then start giving your authors proper credit by inserting the following code into your functions.php file. An author bio will be automatically be displayed at the end of every post.

    
    function get_author_bio ($content=''){
        global $post;
    
        $post_author_name=get_the_author_meta("display_name");
        $post_author_description=get_the_author_meta("description");
        $html="<div class='clearfix' id='about_author'>\n";
        $html.="<img width='80' height='80' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=".md5(get_the_author_email()). "&default=".urlencode($GLOBALS['defaultgravatar'])."&size=80&r=PG' alt='PG'/>\n";
        $html.="<div class='author_text'>\n";
        $html.="<h4>Author: ".$post_author_name."</h4>\n";
        $html.= $post_author_description."\n";
        $html.="</div>\n";
        $html.="<div class='clear'></div>\n";
        $content .= $html;
        }
    
        return $content;
    }
    
    add_filter('the_content', 'get_author_bio');
    

    Remove Certain Categories From Being Displayed

    Place this code inside The Loop and whichever category you choose, it will not be displayed. This can be an interesting hack for those who only wish to display a certain category to chosen or registered users.

    
    <?php
    if ( have_posts() ) : query_posts($query_string .'&cat=-1,-2'); while ( have_posts() ) : the_post();
    ?>

    Redirect Your WordPress Feed to FeedBurner

    If you’ve found out how useful FeedBurner really is after you’ve set-up your WordPress site, and you have a few RSS subscribers on your default WordPress feed, then you’ll need to redirect your feed to FeedBurner. Every time a user follows a link to your default feed (i.e. http://www.yourblog.com/feed) they will be redirected to the location of your FeedBurner feed ( i.e. http://feeds.feedburner.com/yourblog). This way, even if a user manages to somehow subscribe to your old RSS feed, they will always be redirected to your new feed. Place the following code in your .htaccess file.

    
    # temp redirect wordpress content feeds to feedburner
    <IfModule mod_rewrite.c>
     RewriteEngine on
     RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
     RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
     RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/WebDesignLedger [R=302,NC,L]
    </IfModule>
    

    About the Author

    Joel ReyesJoel Reyes is a web designer and web developer with years of experience in the industry. He runs a development studio called Looney Designer. Connect with him via Twitter, and through his Blog.

    December 01 2009

    19:41

    100 Premium Like But Free, Fresh Wordpress Themes: Year 2009

    title-free-premium-wordpress-theme
    When I checked last time, there was a lot less free premium Wordpress themes, to be honest this research really surprised me – quality has been grown unbelievably! There are so many themes available, so I was really picky in this article and after few days work selected 100 fresh and beautiful Wordpress themes from Year 2009. Let your blog get new look with one of these mostly easily customizable themes with advanced admin,theme,widget options right now. I am sure you will find at least suitable framework and only with a little tweaking you’ll get theme what you want without paying anything.

    However keep updated – soon I will showcase premium,paid themes as well, because sometimes it pays of to spend 50-80$ for great theme you will use for maybe half a year! Enjoy and let us know about your favorite themes in comments!

    1. TouchRiver Free Wordpress Theme

    Touchriver is a 2 column widgetized magazine theme. Theme is enabled with javascript based custom fonts, featured post slider, About Us section, flickr gallery etc.

    touch-river-free-premium-wordpress-theme

    View Demo

    2. Cypher Free Wordpress Theme

    Release Date: August 22, 2009

    Cypher v.2 is a 2 column, paper themed WordPress theme. Built for Wordpress 2.8+. Cypher v.2 offers support for sidebar widgets, comments, custom default avatars.

    cypher-free-premium-wordpress-theme

    View Demo

    3. The Folio Elements Free Wordpress Theme

    The Folio Elements theme is the perfect solution for simplistic and light weight “portfolio” type websites.

    folio-elements-free-premium-wordpress-theme

    View Demo

    4. Magiting Free Wordpress Theme

    Release Date: September 16, 2009

    Magiting is a featured-packed and multi-colored free WordPress theme with TweetMeme retweet button. It has 2 columns, with an easy Options page for customization. Loaded with Social Bookmarks button, Twitter Account integration, Automatic Thumbnail Resizer without using a plugin or custom field, Adsense ready with lots of advertising blocks.

    magiting-free-premium-wordpress-theme

    View Demo

    5. BlueBubble – Free Premium Wordpress Portfolio Theme

    Release Date: November 12th, 2009

    BlueBubble is a Free, Clean, Simple Premium Portfolio Wordpress Theme for Designers, Photographer or any other creative minds! It’s designed for easy showcasing your work and it comes with some very cool features.

    bluebubble-free-premium-wordpress-theme

    View Demo

    6. Seven Five Free Wordpress Theme

    The Seven Five is a semi-automatic “Lifestream” WordPress theme taking minimalism to an entirely new level. This theme is intended for those looking for a simple, efficient and clean solution for integrating all the services you have come to love such as Twitter, Flickr and more. Of course, the Seven Five theme provides all the standard blogging functionality of WordPress as well.

    sevenfive-free-premium-wordpress-theme

    View Demo

    7. Vodpod Free Wordpress Theme

    A fully featured and free video WordPress theme which works seamlessly with Vodpod.com.

    vodpod-free-premium-wordpress-theme

    View Demo

    8. LiveTwit Free Wordpress Theme

    Release Date: August 13, 2009

    This super cool theme streams real time tweets on blog automatically.

    livetwit-free-premium-wordpress-theme

    View Demo

    9. Foodiary Free Wordpress Theme

    Release Date: November 2, 2009

    Foodiary is magazine Wordpress theme with 3 columns widgetized footer and advanced features.

    foodiary-free-premium-wordpress-theme

    View Demo

    10. Matiyaga Free Wordpress Theme

    Release Date: September 26, 2009

    Matiyaga is a featured-packed and multi-colored free WordPress theme with TweetMeme retweet button. It has 2 columns, with an easy Options page for customization.

    matijaga-free-premium-wordpress-theme

    View Demo

    11. Spexel Free Wordpress Theme

    Release Date: 29 November, 2009

    Spexel is a premium quality WordPress theme, AJAX powered featured content, twitter & flickr ready, multi-column, multi-layout, multi-style and built on a very effective design for any kind of website. Completely SEO optimized and Valid XHTML 1.0 Strict & CSS 3.0. Also, Spexel can be customized from a highly advanced Options Page that has over 145 different options!

    spexel-free-premium-wordpress-theme

    View Demo

    12. Rockstar Free Wordpress Theme

    Release Date: September 30, 2009

    Adii’s previous custom design for his successful personal blog is now available as a free theme. It’s simple layout, and clean colour palette means easy customizations to this neatly coded theme on the ever-popular WooThemes framework.

    rockstar-free-premium-wordpress-theme

    View Demo

    13. Bueno Free Wordpress Theme

    Release Date: November 25, 2009

    Bueno is a clean, minimalistic design which just oozes sophistication in both it’s typography & structure. Stripped of all fancy design elements; the reader’s focus should be on the great content that you produce. Bueno is perfect for the regular (and not-so-regular) blogger.

    bueno-free-premium-wordpress-theme

    View Demo

    14. Mainstream Free Wordpress Theme

    Release Date: July 23, 200

    A vibrant personal blog theme with a colourful selection of styles, built on WooThemes flexible theme framework, boasting a selection of theme options.

    mainstream-free-premium-wordpress-theme

    View Demo

    15. Meta-Morphosis Free Wordpress Theme

    Release Date: April 24, 2009

    Meta-Morphosis is a visually-rich personal blog, with a magazine layout approach. Incorporating some nifty javascript font replacement and javascript widget slider in the footer, Meta-Morphosis should meet all of your personal blogging needs.

    meta-morphosis-free-premium-wordpress-theme

    View Demo

    16. Signal 37 Free Wordpress Theme

    Release Date: October 13, 2009

    Clean typography, a web 2.0 palette, heavily inspired by 37 signals and their wonderfully clean and focussed designs, Signal 37 is here.

    37signals-free-premium-wordpress-theme

    View Demo

    17. Pork&Beans Free Wordpress Theme

    Release Date: July 19th, 2009

    Pork-beans-free-premium-wordpress-theme

    View Demo

    18. Fresh Mortar Free Wordpress Theme

    Release Date: November 11, 2009

    Fresh Mortar theme is an ultra-flexible magazine/news premium theme as a result of mashup between Fresh News and Mortar.

    fresh-mortar-free-premium-wordpress-theme

    View Demo

    19. Paper Wall Free Wordpress Theme

    Release Date: July 10th, 2009

    paper-wall-free-premium-wordpress-theme

    View Demo

    20. Smashing Multimedia Free Wordpress Theme

    Release Date: August 22, 2009

    Smashing Multimedia is a unique, flexible and advanced WordPress theme for artists, photographers, podcasters, designers and users.

    smashing-multimedia-free-premium-wordpress-theme

    View Demo

    21. Glassical Free Wordpress Theme

    Release Date: November 7th, 2009

    Glassical is a glossy two column, widget ready and WordPress 2.8 compatible WordPress theme designed for passionate bloggers.

    glassical-free-premium-wordpress-theme

    View Demo

    22. Sigyn SM Free Wordpress Theme

    Release Date: November 14, 2009

    The theme has a unique grungy design that stands out and can serve as a good baseline for your Magento-powered online shops.

    sigynsm-free-premium-wordpress-theme

    View Demo

    23. Scherzo Free Wordpress Theme

    Release Date: October 4th, 2009

    A precise theme with a widget ready sidebar. Built on the idea of making your blog as readable as possible:

    scherzo-free-premium-wordpress-theme

    View Demo

    24. MoneyBlog Free Wordpress Theme

    Release Date: September 23, 2009

    moneyblog-free-premium-wordpress-theme

    View Demo

    25. Tipz Free Wordpress Theme

    Release Date: October 27, 2009

    tipz-free-premium-wordpress-theme

    View Demo

    26. Ekologic Free Wordpress Theme

    Ekology is the new free premium wordpress theme from web2feel.com. This is a magzine layout theme with thumbnail enabled miniposts, Featured post slider with images, Featured Video section, Customizable About us section, Customizable Banner ads, Google adsense enabled etc.

    ekologic-free-premium-wordpress-theme

    View Demo

    27. Mintozine Free Wordpress Theme

    Mintozine is a free premium wordpress theme. It is a business style wordpress theme. It has a port folio section with image carousal, Custom text panels on the home page, Welcome message, Twitter feeds , Flickr gallery etc.

    mintozine-free-premium-wordpress-theme

    View Demo

    28. Creative Press Free Wordpress Theme

    Creativepress is a cms with a business template layout and blog layout mixed together. The theme is very apt for your small business websites . This will let you break away from the conventional blog format sites using wordpress

    creative-press-free-premium-wordpress-theme

    View Demo

    29. Selecta Free Wordpress Theme

    With video blogging being the main influencer of this design and coupled with our experience in the vlogging world you will have a theme which allows you to make your videos the main focus of your site.

    selecta-free-premium-wordpress-theme

    View Demo

    30. NewsPress Free Wordpress Theme

    Release Date: October 19th, 2009

    Newpress is built under 960 grid system and packed with in-demand features such as featured post, dropdown menu, social bookmarks button, etc

    newspress-free-premium-wordpress-theme

    View Demo

    31. Zaoel Free Wordpress Theme

    Release Date: October 21, 2009

    zaoel-free-premium-wordpress-theme

    View Demo

    32. FXMAG Free Wordpress Theme

    Release Date: June 26, 2009

    Premium design, being built on a neutral design theme it can be used for literally any niche without much, if any, edits.

    fx-mag-free-premium-wordpress-theme

    View Demo

    33. FreshMag Free Wordpress Theme

    Release Date: July 28, 2009

    FreshMag is a multi-layout, multi-column, multi-style highly customizable Magazine and Blog WordPress theme which features some rare options, its theme options page has about 82+ options that makes this theme extremely customizable.

    freshmag-free-premium-wordpress-theme

    View Demo

    34. Blue Rooster Free Wordpress Theme

    Release Date: June 5th, 2009

    The theme is a two column layout with a extra templates that can convert your blog into a CMS. The sidebar and footer are both widgetized, author and category templates included, as well as social buttons already intact. The theme style is a mix of rounded corners, flat edges and wooden elements with a schema of muted, dark colors on a plain white surface.

    blue-rooster-free-premium-wordpress-theme

    View Demo

    35. Chronicle Free Wordpress Theme

    Chronicle is a news magazine niche wordpress theme.
    Theme has jquery featured news slider, News highlight section, Featured video, Tabbed content, News previews with thumbnails.

    chronicle-press-free-premium-wordpress-theme

    View Demo

    36. LapOfLuxuryFree Wordpress Theme

    Release Date: September 28, 2009

    lap-luxury-free-premium-wordpress-theme

    View Demo

    37. Magazeen Free Wordpress Theme

    Release Date: February 23rd, 2009

    magazeen-free-premium-wordpress-theme

    View Demo

    38. Gallery Free Wordpress Theme

    Release Date: May 4th, 2009

    mix-css-free-premium-wordpress-theme

    View Demo

    39. deStyle Free Wordpress Theme

    Release Date: Year 2009

    de-style-free-premium-wordpress-theme

    View Demo

    40. Irresistible Free Wordpress Theme

    Release Date: February, 2009

    Irresistible is a visually-rich personal blog, with a little bit of a multimedia focus. Incorporating some nifty video-options and widgets, Irresistible should meet all of your personal blogging needs. Just add your content to the mix.

    irresistible-free-premium-wordpress-theme

    View Demo

    41. FreebiesDock Free Wordpress Theme

    Release Date: January 6, 2009

    freebiesdock-free-premium-wordpress-theme

    View Demo

    42. Vintage and Blues Free Wordpress Theme

    Release Date: January 28th, 2009

    blues-vintage-free-premium-wordpress-theme

    View Demo

    43. HikoZine Free Wordpress Theme

    Release Date: October 29, 2009

    hikozine-free-premium-wordpress-theme

    View Demo

    44. iBusiness Free Wordpress Theme

    Release Date: October 29, 2009

    ibusiness-free-premium-wordpress-theme

    View Demo

    45. Creative by Nature Free Wordpress Theme

    Release Date: July 30th, 2009

    creative-nature-free-premium-wordpress-theme

    View Demo

    46. Work-a-holic Free Wordpress Theme

    Release Date: June 18th, 2009

    work-a-holic-free-premium-wordpress-theme

    View Demo

    47. TheUnstandard Free Wordpress Theme

    Release Date: Jul 7, 2009

    The Unstandard is a split two / three column WordPress 2.6+ compatible theme.

    TheUnstandard-free-premium-wordpress-theme

    View Demo

    48. FotoFolio Free Wordpress Theme

    Release Date: Year 2009

    Fotofolio is a free wordpress template designed for easy creation online portfolio for Visual Workers; Photography, Graphic Design, Manga, Architect, etc. Fotofolio is very simple and easy to use, please read the instalation and usage for details. Fotofolio is created by Pupung Budi Purnama

    fotofolio-free-premium-wordpress-theme

    View Demo

    49. Linquist Free Wordpress Theme

    Linquist is a simple, portfolio oriented theme, without the usual blogging garbage. Inspired by and partially based on the fantastic Sharpfolio theme.

    linquist-free-premium-wordpress-theme

    View Demo

    50. Portfolio WPESP Free Wordpress Theme

    Release Date: January 21, 2009

    Portfolio – WPESP Theme is a “minimalist” Theme based on the idea of portfolio created by DAILYWP. The Theme is a starting point in the creation of portfolios, using Wordpress as CMS.

    wpesp-portfolio-free-premium-wordpress-theme

    View Demo

    51. Fullscreen Free Wordpress Theme

    Release Date: June 10th, 2009

    Fullscreen is a free one-column photography and multimedia theme for Wordpress that can be used for portfolios, photoblogs, videoblogs, and virtually anything else where you want your content to be front and center. It provides visual artists (photographers, painters, videographers, motionographers, illustrators) a better way of presenting their latest work online using a minimalist side-scrolling homepage.

    fullscreen-free-premium-wordpress-theme

    View Demo

    52. Astra Free Wordpress Theme

    Release Date: November 11, 2009

    Striking wordpress theme with featured posts, social icons, 125×125 ads, twitter updates, threaded comments, multi page format.

    astra-free-premium-wordpress-theme

    View Demo

    53. Bluemania Free Wordpress Theme

    Release Date: May 4, 2009

    This is a 2 column design that includes an extremely funky and highly prominent RSS icon to draw visitors to your syndicated news feeds.

    bluemania-free-premium-wordpress-theme

    View Demo

    54. Tree House Free Wordpress Theme

    Release Date: May 3, 2009

    This is an extremely endearing design. If you want your Wordpress site to have more than a hint of cute and current, then this theme is worth a close look. It makes use of an adorable twitter icon that is sure to draw many of your visitors to subscribing to your twitter feed.

    treehouse-free-premium-wordpress-theme

    View Demo

    55. Splendour Free Wordpress Theme

    Release Date: October 23, 2009

    Splendour, 3 Columns premium wordpress theme for free. It comes with greate features like login panel on homepage, featured video, Adsense ready, wp-pagenavigation integrated, post thumbnails and post excerpts and much more.

    splendour-free-premium-wordpress-theme

    View Demo

    56. Simplista Free Wordpress Theme

    Release Date: June 17, 2009

    Advanced clean personal portfolio type theme from WPSnow for free!

    simplista-free-premium-wordpress-theme

    View Demo

    57. Livien Free Wordpress Theme

    Release Date: November 9th, 2009

    Livien is an elegant designed free WordPress theme with featured content option. Suitable for any niche. Theme Options at admin panel

    livien-free-premium-wordpress-theme

    View Demo

    58. Layer Press Free Wordpress Theme

    Release Date: November 4th, 2009

    Layer Press is free premium WordPress theme suitable for any niche. Dark style design. Theme Options at admin panel.

    layer-press-free-premium-wordpress-theme

    View Demo

    59. Strownes Free Wordpress Theme

    Release Date: October 30th, 2009

    Strownes is elegant and professional designed free WordPress theme with featured content. Suitable for any niche. Theme Options at admin panel.

    strownes-free-premium-wordpress-theme

    View Demo

    60. Braw Free Wordpress Theme

    Release Date: November 17th, 2009

    Braw is a free premium WordPress theme suitable for any niche. Theme Options at admin panel.

    braw-free-premium-wordpress-theme

    View Demo

    61. BrownMag Free Wordpress Theme

    Release Date: October 3, 2009

    2 column free wordpress theme.

    brownmag-free-premium-wordpress-theme

    View Demo

    62. Magnolia Free Wordpress Theme

    Release Date: 12 November, 2009

    Magnolia is a Premium WordPress theme which can be used for many purposes, including personal blog or simply informative, this theme comes with many great features, which are: a beautiful dynamic slider, nice login panel with j query, 3 special developed widgets (popular posts, recent comments and twitter updates), 7 color styles ( green, marine, blue, orange, burgundy, purple, blue&purple), widget sidebar and footer and much more.

    magnolia-free-premium-wordpress-theme

    View Demo

    63. ElegantRed Free Wordpress Theme

    Release Date: November 11th, 2009

    ElegantRed is two columns free wordpress theme with simple, clean look, Unique and modern style, having the classic combination of white, silver, maroon and red, Ideal for Autos, Cars, technology, and other niche.

    elegant-red-free-premium-wordpress-theme

    View Demo

    64. HexaMag Free Wordpress Theme

    Release Date: November 16, 2009

    HexaMag is a 2 columns mag style wordpress theme, which comes with Featured content slider, W3C valid xhtml/css and much more.

    hexamag-free-premium-wordpress-theme

    View Demo

    65. Tarzine Free Wordpress Theme

    TarZine, 2 Columns free wordpress theme which comes with many features like featured content slider, feedburner RSS subscription and much more.

    tarzine-free-premium-wordpress-theme

    View Demo

    66. Spectrum Free Wordpress Theme

    Release Date: October 1, 2009

    spectrum-free-premium-wordpress-theme

    View Demo

    67. Celadon Free Wordpress Theme

    Release Date: July 21, 2009

    Celadon is a free theme for WordPress that focuses on great looks and usability

    celadon-free-premium-wordpress-theme

    View Demo

    68. Modern Style Free Wordpress Theme

    Release Date: October 13th, 2009

    Modern Style is free premium WordPress theme, suitable for any type of website with theme options at admin panel.

    modern-style-free-premium-wordpress-theme

    View Demo

    69. Softy Free Wordpress Theme

    softy-free-premium-wordpress-theme

    View Demo

    70. Moi Magazine Free Wordpress Theme

    Release Date: October 26, 2009

    Moi Magazine is a free 2 column magazine style Wordpress Theme. It looks very modern and elegant from the front end and offering vast Admin options at the back end.

    moi-magazine-free-premium-wordpress-theme

    View Demo

    71. New York Free Wordpress Theme

    Release Date: November 3, 2009

    new-york-free-premium-wordpress-theme

    View Demo

    72. CashZone Free Wordpress Theme

    Release Date: November 25, 2009

    This sleek minimalist theme comes in 2 columns with dark blue color scheme.

    cashzone-free-premium-wordpress-theme

    View Demo

    73. Channel Free Wordpress Theme

    Release Date: September 16th, 2009

    channel-free-premium-wordpress-theme

    View Demo

    74. FashionPress Free Wordpress Theme

    Release Date: October 9, 2009

    fashionpress-free-premium-wordpress-theme

    View Demo

    75. Corporate Life Free Wordpress Theme

    Release Date: September 9, 2009

    corporate-life-free-premium-wordpress-theme

    View Demo

    76. Clean Press Free Wordpress Theme

    Release Date: October 23, 2009

    clean-press-free-premium-wordpress-theme

    View Demo

    77. Jungle Land Free Wordpress Theme

    Release Date: September 3, 2009

    jungleland-free-premium-wordpress-theme

    View Demo

    78. Mainam Free Wordpress Theme

    Release Date: July 18, 2009

    Mainam is a featured-packed and multi-colored free WordPress theme with TweetMeme retweet button. It has 3 columns, with an easy Options page for customization. Loaded with Social Bookmarks button, Twitter Account integration, Automatic Thumbnail Resizer without using a plugin or custom field, Adsense ready with lots of advertising blocks.

    mainam-free-premium-wordpress-theme

    View Demo

    79. Furvious Free Wordpress Theme

    Release Date: 25 November, 2009

    A fantastic design with 5 color styles to be choose. Who says free themes can’t have admin panel?Publishing featured contents never been this easie

    furvious-free-premium-wordpress-theme

    View Demo

    80. Profile Free Wordpress Theme

    Release Date: November 30th, 2009

    Profile is a light, minimalistic design which is intended for small presentational sites and works as a small business card. Establish your online presence in less than 5 minutes!

    profile-free-premium-wordpress-theme

    View Demo

    81. Travelogue Free Wordpress Theme

    Release Date: July 13th, 2009

    A very simple Free Theme for WordPress blogs of travel-related topics: travel, fishing, navigation, marine, etc.

    travelogue-free-premium-wordpress-theme

    View Demo

    82. Azsands Free Wordpress Theme

    Release Date: June 5, 2009

    The theme comes with 125×125 advertising space, “About me” space and a right widgetized sidebar.

    azsands-free-premium-wordpress-theme

    View Demo

    83. KeKo Free Wordpress Theme

    Release Date: June 26th 2009

    KeKo is a 2 columns fixed width Wordpress theme with theme option and twitter integrated. This urban grunge style theme is suitable for use on any niche blogs such as music, personal, social, etc.

    keko-free-premium-wordpress-theme

    View Demo

    84. Phloggin Free Wordpress Theme

    Release Date: May 28th, 2009

    foreigner-photoblog-free-premium-wordpress-theme

    View Demo

    85. Blue Station Free Wordpress Theme

    Release Date: July 6, 2009

    Blue Station high quality free premium WordPress theme suitable for daily blogging. Theme has admin options page.

    blue-station-free-premium-wordpress-theme

    View Demo

    86. Marangal Free Wordpress Theme

    Release Date: June 24, 2009

    Marangal is a featured-packed, multi-colored and 3 columns free WordPress theme. It has an easy Options page to customize your theme. It is loaded with Feedburner Email Subscription, Twitter Account integration, YouTube Video integration, Flickr Thumbnails, Automatic Thumbnail Resizer, Adsense ready with advertising blocks.

    marangal-free-premium-wordpress-theme

    View Demo

    87. Black Motion Free Wordpress Theme

    Release Date: July 15th, 2009

    Black Motion is high quality free premium WordPress theme. Suitable for any niche.

    black-motion-free-premium-wordpress-theme

    View Demo

    88. Dimaggio Free Wordpress Theme

    Release Date: February 21, 2009

    Dimaggio theme is another free WordPress theme by Led24.de for the WordPress community. The theme is a 2-column wide desing, perfect for personal and small blogs.

    dimaggio-free-premium-wordpress-theme

    View Demo

    89. MinaFlow Free Wordpress Theme

    Release Date: June 17th 2009

    MinaFlow is a 3 columns fixed width WordPress theme. It is a Magazine style theme comes with theme option to make it easier for you to customize some of the features available on this theme.

    mina-flow-free-premium-wordpress-theme

    View Demo

    90. VibranTech Free Wordpress Theme

    Release Date: January 8th 2009

    VibranTech is a two columns lime blue WordPress theme with four featured content frontpage. The four featured columns on top is best to present your featured articles or popular news to quickly catch the attention of your readers.

    vibrantech-free-premium-wordpress-theme

    View Demo

    91. dfBlog Free Wordpress Theme

    Release Date: July 3, 2009

    dfBlog is a free Theme for WordPress with a web design minimalist, clear and clean, with fixed page width in two columns and the sidebar at the right side.

    dfblog-free-premium-wordpress-theme

    View Demo

    92. MonkeyPR Free Wordpress Theme

    Release Date: September 7th, 2009

    2 columns, right sidebar, widget ready, 125×125px ad spots ready, Ajax sliding header content, sticky post feature, footer content section.

    monkeypr-free-premium-wordpress-theme

    View Demo

    93. Apollo Free Wordpress Theme

    Release Date: August 26th, 2009

    apollo-free-premium-wordpress-theme

    View Demo

    94. Berita Free Wordpress Theme

    Release Date: May 10th, 2009

    berita-free-premium-wordpress-theme

    View Demo

    95. Imagination Free Wordpress Theme

    Release Date: 2009

    Imagination is a Fully Customizable WordPress Theme and comes pre-loaded with 9 different site-wide styles to choose from, with just a click.

    imagination-free-premium-wordpress-theme

    View Demo

    96. FreeStyle Free Wordpress Theme

    Release Date: June 18, 2009

    Built for Wordpress 2.8+. FreeStyle has built-in support for sidebar widgets, comments, custom default avatars

    free-style-free-premium-wordpress-theme

    View Demo

    97. Simplicity Free Wordpress Theme

    Release Date: August 22, 2009

    simplicity-free-premium-wordpress-theme

    View Demo

    98. Zherald Free Wordpress Theme

    Release Date: April 28, 2009

    zherald-free-premium-wordpress-theme

    View Demo

    99. Mystique Free Wordpress Theme

    Release Date: November 30, 2009

    Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface… Designed by digitalnature.

    mystique-free-premium-wordpress-theme

    View Demo

    100. Calm Dream Free Wordpress Theme

    Release Date: November, 2009

    calm-dream-free-premium-wordpress-theme

    View Demo

    Related posts:

    1. 43 Minimal And Really Clean Free Wordpress Themes
    2. 70 Free and Premium WordPress Themes
    3. 60 Free, Yet Premium Quality Wordpress Magazine News Themes
    4. 21 Sites Where To Find Free Wordpress Themes Daily
    5. 30 Quality Sites To Easily Preview And Download Free WordPress Themes

    Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
    Could not load more posts
    Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
    Just a second, loading more posts...
    You've reached the end.
    (PRO)
    No Soup for you

    Don't be the product, buy the product!

    close
    YES, I want to SOUP ●UP for ...