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

December 31 2013

21:03

45 Fresh And Free WordPress Themes

In this collection, we are presenting some fresh and awesome WordPress themes. WordPress is very popular and famous blogging platform that’s why millions of people are using WordPress. WordPress themes provide you wonderful features which are very useful for your work. WordPress themes are easy to use and you can easily edit them with your needs or requirements. If you want that your blog or website look stunning then so many WordPress themes are available. Like choose custom WordPress theme. With the use of custom WordPress theme you can easily make your website stand out from the crowd and give long lasting impression on your customers or website visitors.

So, come and grab this amazing chance and start browsing through this fresh collection of WordPress themes. Check this out and get to pick one which is suitable for your project. And do not forget to share your precious opinion with us via comment section below. Have fun!!!!

Playbook

( Demo | Download )

Playbook is a traditional WordPress theme with a dual column post layout, a fully responsive design, and is jampacked with all MyThemeShop’s best features. Playbook includes SEO optimization, custom widgets, our industry grade options panel, and much more, and best of all, it’s 100% free!

Art Works

( Demo | Download )

Your Artwork is important, showcase your imagination with style. Premium Responsive WordPress Themes for Creative Professionals.

Sunrise

( Demo | Download )

Free Responsive WordPress Theme for Pubs and Restaurants.

Revera

( Demo | Download )

Revera is a free premium wordpress theme based on the Bootstrap 3 framework. This is a responsive wordpress theme with all the bootstrap goodness packed in it. The theme is WordPress 3.6 ready. The theme comes with features like, custom menu, featured images, custom homepage template, portfolio page template , widgetized sidebar and footer, custom widgets on homepage, theme option page etc.

Lingonberry WordPress Theme

( Demo | Download )

A clean and simple theme for bloggers, featuring responsive design and plenty of style.

PhotoMag

( Demo | Download )

PhotoMag is excellent solution for site about photography. This WordPress theme supports and comes with custom widgets, drop-down menus, javascript slideshow and lots of other useful features.

Neon light WordPress theme

( Demo | Download )

Miideo is a minimalistic WordPress theme with plastic interface elements, a nice texture, and a purple neon light effects that put toghether bring the sensation of handling an electronic device. Since the theme is purposed for videos, it becomes ideal for music bands and artists wanting to show their material, althouhgh the theme can be used for diverse purposes.

DUALSHOCK

( Demo | Download )

DualShock is a 100% free, dual purpose blog and magazine UI theme. It features our best features including our options panel, custom widgets, translation-ready functionality and search engine optimization. With a unique layout including sleek post meta information box, DualShock is a must-have theme, and best of all, it’s free.

Crisp Persona WordPress Theme

( Demo | Download )

Crisp Persona is the WordPress theme. It’s a sleek, responsive theme meant for personal blogs.

Balloons

( Demo | Download )

Balloons is a single-column layout, with parallax scrolling effect.

Appz WordPress Theme

( Demo | Download )

WordPress + Appz WordPress theme is a simple, fast and effective way to approach the audience with your app.

Impulse

( Demo | Download )

A very neat and clean blue, black and white business theme. The theme supports widgets. And features theme-options, threaded-comments and multi-level dropdown menu. A simple and neat typography.

Dreams

( Demo | Download )

Dreams is a high quality free General/Blog WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

TechFlow

( Demo | Download )

TechFlow is a high quality free News/Magazine WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

Panoramica

( Demo | Download )

Panoramica is built with the intent of adapting to as many window sizes as possible. It has a fully fluid layout that gives it tremendous flexibility, allowing you to cater to both large and small screens alike. Its polished portfolio heavily emphasizes the use of images, displaying a clean slideshow in every portfolio item. And of course, you can customize its appearance through its extensive options panel.

Sentoz

( Demo | Download )

Sentoz is a free premium WordPress theme. This is a tumblog style theme. The theme uses WordPress post format feature to create posts with different formats like, image, audio, video, link, aside, gallery, quote etc.

Minimal Business WordPress Theme

( Demo | Download )

This one is a sober theme built with light colors and a minimalistic style that give the feeling of demureness. useful for startups the same as for long time business. With unique built-in features that make it very functional and versatile in case the purpose is not to use it on a company site but something simpler.

Edu

( Demo | Download )

Edu is a high quality free General/Blog WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

Road Fighter

( Demo | Download )

The Road Fighter WordPress Theme is a simple and beautiful theme with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts, background etc. The Road Fighter Theme supports five widgetized areas (two in the sidebar, three in the footer) and featured images(thumbnails for gallery posts and custom header images for posts and pages).

Divan

( Demo | Download )

Divan is one of the best stylish and clean themes for WordPress blog. It has designs which are good-looking and can be used with any type of content. It contains powerful functionality that allows you to create amazing blog.

ForDrivers

( Demo | Download )

ForDrivers is beautiful WordPress theme for auto web pages. This is a complex wordpress themes with lots of useful features like custom widgets, feedback form, slider, video supporting and many other.

Sencity

( Demo | Download )

Sencity is a high quality free General/Blog WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

MoviePoster

( Demo | Download )

MoviePoster WordPress theme is a perfect foundation for cinema website. Easy to use administrative panel, custom widgets, an eye catching related posts and lots of other powerful features provide a great base to build on.

Apartments

( Demo | Download )

Apartments is excellent solution for your realty or other blog. This WordPress theme supports and comes with custom widgets, drop-down menus, javascript slideshow and lots of other useful features.

MetroBlog

( Demo | Download )

MetroBlog is stylish and clean creative theme for WordPress blog. Its design is a perfect foundation for Windows 8 fans blog. The theme supports and comes with custom widgets, drop-down menus, javascript slideshow and lots of other useful features.

Sports

( Demo | Download )

Sports is a smart, attractive and multi-purpose sports free WordPress theme. Comes with 7+ custom widgets. Rich and easy to use administration panel, easily upload your logo or favicon.

Luminus – Responsive WordPress Theme

( Demo | Download )

Luminus – Responsive WordPress Theme built with twitter bootstrap.

SimpleDesign

( Demo | Download )

SimpleDesign is beautiful WordPress theme for any type of content. This is a complex wordpress themes with lots of useful features like custom widgets, feedback form, slider, video supporting and many other.

MineFun

( Demo | Download )

MineFun is excellent solution for Minecraft fans. This WordPress theme supports and comes with custom widgets, drop-down menus, javascript slideshow and lots of other useful features.

Dinata

( Demo | Download )

Dinata is a sleek General/Blog theme that is fully compatible with the newest version of WordPress. The amazing design is matched by how much customisation Dinata offers, including its detailed .po fil,e for easy translation.

Time

( Demo | Download )

A clean responsive theme for personal blogs.

Practis

( Demo | Download )

Practis offers the beauty of a professionally designed website with the efficiency of a veteran developer. This gorgeous General/Blog site includes widgets, drop-down menus and a javascript slideshow among other features.

GoTech

( Demo | Download )

GoTech is a high quality free News/Magazine WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

Allmed

( Demo | Download )

Allmed is a theme for video and audio bloggers, with a minimal design, giving you huge scope to turn the design into anything you like. The theme is simply customizable, you can choose unlimited color schemes.

Topside

( Demo | Download )

The Topside theme offers a fantastic and professional General/Blog layout. Topside comes with free support, widgets, custom backgrounds and a unique slideshow.

Nexia

( Demo | Download )

Nexia is a theme that can do it all and still look good. This gorgeous General/Blog theme supports and comes with widgets, drop-down menus and an automatic slideshow.

ProLines

( Demo | Download )

ProLines is a high quality free General/Blog WordPress Theme. Comes with easy to use options page. Upload your logo and favicon. Ready to use custom widgets and featured posts slider.

Photogram

( Demo | Download )

Integrate your WordPress site with Picasa and Pinterest in a few simple clicks. Share your photographs online and present them in the best way possible.

Fresh & Clean Free Minimal WordPress Theme

( Demo | Download )

Fresh & Clean is a free WordPress theme created by WPExplorer.com that has a very clean and minimal design yet it is still pretty modern and elegant looking. This theme was created with the casual blogger in mind, however, it can be great for all sorts of sites!

Rose

( Demo | Download )

This simple and elegant WordPress template is great solution for women’s blog. Rose, like our other themes, comes with Shared Bar that will help your visitors to share your blog with their friends.

Travelify – Awesome & Responsive Travel WordPress Theme

( Demo | Download )

Travelify WordPress theme design is inspired by nature. We made it as simple as possible while fully customizable with several Theme Options and page templates. Travelify is ideal choice for travel blogs, green thinking, adventurists and anyone who is looking for an amazing and simple way to share pictures.

Apollo

( Demo | Download )

Apollo is a minimal Free WordPress Theme created with bloggers in mind. The 2 column grid layout for your archives is great for showcasing all sorts of content. Sign up for your free membership to download this theme and use for your own site!

EASY

( Demo | Download )

HTML 5 and CSS3 powered Easy Theme is a simple easy way for your website. Easy is super elegant and Professional Theme which will expand you widely. The Slider will show the featured images and contents of posts automatically. Front Page, Right and Footer Sidebar will be usable for showing the Widgets and Plugins items.

CinemaPlanet

( Demo | Download )

CinemaPlanet WordPress theme is a perfect foundation for cinema website. Easy to use administrative panel, custom widgets, an eye catching related posts and lots of other powerful features provide a great base to build on.

MagicWood

( Demo | Download )

MagicWood is one of the best stylish and clean themes for WordPress blog. It has designs which are good-looking and can be used with any type of content. It contains powerful functionality that allow you to create amazing blog.

March 28 2013

14:22

15 Free Minimal And Responsive WordPress Themes

Here, we are presenting 15 free, minimal and responsive WordPress themes for you. WordPress offers the best platform for blogging and sharing content online. With loads of feature rich options and plugins, WordPress is the ideal choice of many bloggers, designers and creative people who want to share their content with the world. WordPress themes are there to set different WordPress websites and blog apart from each other. This time we have come up with some excellent and very appealing minimal and responsive WordPress themes.

Below, you will find 15 free and extremely appealing minimal and responsive WordPress themes that have the ability to balance your content with the minimal layout in the best possible way. All of these mentioned themes work absolutely fine. Furthermore, these themes are capable enough to make your website or blog look unique as well as make it stand out from the rest. Let us have a look. Enjoy!

Ari WordPress Theme

( Demo | Download )

Simple Grid Theme Responsive

( Demo | Download )

Gridly

( Demo | Download )

Shutterloop

( Demo | Download )

Grid Theme Responsive

( Demo | Download )

Pilot Fish

( Demo | Download )

Touchfolio

( Demo | Download )

Auto Focus Responsive WordPress Photography Theme

( Demo | Download )

Unique Theme Responsive

( Demo | Download )

Eclipse

( Demo | Download )

Adapt

( Demo | Download )

Lugada

( Demo | Download )

Respo

( Demo | Download )

Oxygen

( Demo | Download )

PressWork

( Demo | Download )

April 05 2012

11:00

InkThemes Giveaway: 3 Winners of Colorway Premium WordPress Theme

April has just begun and how do we celebrate it? With an awesome giveaway by InkThemes! Today you will learn about InkThemes and their awesome premium theme Colorway which costs $45, but for 3 of our loyal readers it will be given absolutely for free! Now, isn’t that amazing?

What are you waiting for? Read on!

The Prize

  • Colorway comes with 8 color schemes, which makes it pretty flexible to your design tastes
  • It has a built-in image and video slider
  • Templates for Contact Us page and Gallery
  • Ajax-based admin panel
  • Tons of customization options
  • Video and PDF documentation
  • Access to Members Area
  • PSD file
  • Forum support
  • Theme updates

Click here to learn more! | Demo | Colorway Lite

Sample Uses

Want to become a Member?

InkThemes currently has 17 premium themes available, and over the months it will continue to grow. All themes are elegant and are very easy to install, pretty flexible, and purchasing a theme or a membership automatically grants you access to their Members Only section with lifetime support.

You can either purchase one theme for $45 or be a member and get them all for only $125!

Don’t forget to check their pricing details and benefits!

Are you an affiliate marketer?

InkThemes offer a high commission rate of 50% per sale. Become an affiliate and start earning passively with the help of InkThemes!

How to Win

To win, all you have to do is:

  • Like, re-Tweet, Pin, and tell everyone about this post
  • Comment about what you think of Colorway (use a valid email address so we can contact you)
  • Don’t forget to check out InkThemes on Facebook and Twitter to be updated whenever a new promo is available!

Winners will be selected randomly using Random.org. Announcement will be made a week from now.

Go start sharing!

February 10 2012

16:00

Colorlabs Valentine’s WordPress Theme Promo – Over 70% Discount!

It’s that time of the year again when lovers feel a significant increase on their emotions. But whether you feel like showering yourself with positive emotions or not, Colorlabs is here to provide you with over 70% discount on each of their two best themes! The regular price for each theme is $49 for the standard pack, and $99 for the developer pack. With the Super Cool Discount Coupon inside, provided by Colorlabs, you will get each for $14 for the standard pack and $28 for the developer pack. Wow! What are you waiting for? Immerse yourself with love from Colorlabs!

Aside from the features listed below, I would like to point out some of the awesome things you’ll get when you purchase a theme from Colorlabs:

  • The two themes below have responsive layout, which means no matter what your screen’s size is it will respond to it and adjust itself accordingly, even the images. Try viewing the demo (link below the images) and adjust your browser’s size, or check it on your smart phone or tablet. Amazing!
  • For one website you’ll get a lifetime support on one domain for the standard pack, and unlimited domains for the developer pack.
  • Access to documentation and theme updates.
  • If you’re new to this kind of thing, Colorlabs will setup the theme for you!

But wait, where’s my Discount Coupon?! It’s at the end of this post!

Adam & Eve


In a relationship there are two sides, so why not have a two-sided blog too? This is actually my first time seeing a double-sided blog theme, which is actually fantastic considering that you and your partner can use each side for your daily ramblings! Imagine how cute that would be. But of course you can also use this theme aside from talking sweetly, or bitterly, with each other. Fantastic theme!

Click here for the demo.

Some Cool Features:

  • Double blogging – display two different blog posts side by side
  • Customized sidebar
  • Featured post sliders
  • Social network integration
  • Tons of customizable widgets

Invitora


With today’s technology, even invitations should not stop from being a very static piece of paper. Invitora revolutionizes the way people can send out invitation for their wedding. It is a one-paged theme that emulates a real-life wedding invitation, added with spice with the social media button to let the whole world know that someone is getting married!

Getting married soon? Make your wedding invitation fun by using Invitora!

Click here for the demo.

Some Cool Features:

  • Six color schemes
  • Photo gallery that will show photos from blog posts
  • Social network integration
  • Tons of customizable widgets
  • Page templates (contact page, blog page, gallery page)

Itching to get your hands on these themes?


Then use this coupon code for a 70% plus discount: AEE42

Coupon is valid from February 10, 2012 up to the 17th!

What now? Now you share this to as many friends as you can, across several social networks you are on!

June 09 2011

10:00

Myriad Pro: Create a Minimal WordPress Theme in Photoshop

In this tutorial we are going to create a minimal WordPress theme in Photoshop. Don’t worry if you are new with using Photoshop, any skill level will do. I’ll try my best for you to follow this tutorial from start to finish. Also, you will learn how to create simple patterns to add more texture to our WordPress theme.

This is a simple design created in Photoshop. The working demo will soon follow, which will involve converting the PSD file to a working HTML/CSS. So, are you excited? Open your Photoshop now and let’s get started!

Here is what we will be making, click on the image for full preview:

Resources for this tutorial

Step 1: Setting up the Document

Open up Photoshop and create a 1200 px x 1850 px document.

Make sure that you have turn on Rulers and Guides

  • Rulers: Ctrl + R
  • Guides: Ctrl + ;

This is 960 grid base layout for this tutorial we will not download it. Let’s simply create our own guide. Go to ViewNew Guide 120px Vertical Repeat the step and change the value to 1080px.

Step 2: Working with Background

Duplicate the the background layer and fill it with #f8f8f8. Next we will create a simple dotted pattern. Create a new document 15px x 15px. Zoom in by pressing Ctrl + . Uncheck the background layer and create another layer, using Pencil Tool create a dot at the top left of our canvas.

Go to EditDefine Pattern name it dotted. Now back to our layout. Create new layer above the background using the Paint Bucket Tool switch from Foreground to Pattern select the dotted pattern and make the layer Opacity to 15%. Group all the layers we have just created and name it Background.

Using the Rectangle Tool with a fill color of #363636 create a rectangle with a height of 10px starting from the top left of the canvas to the right.

Step 3: Working with Logo

Start by placing a 38pxx 38px using the Rounded Rectangle Tool with a fill of #f7941d. Using Text Tool select Myriad Pro Bold font with a size of 36pt. Place it as shown in the screenshot below.

Add a Layer Mask to the shape we have just created by pressing the button beside the fx button in the layers panel.

Select the Layer Mask then Ctrl + Click to the Text layer to make a selection, fill it with #000000. This will be applied to the layer mask and make the selection transparent into the shape.

Using Text Tool select Myriad Pro.

  • Myriad Pro: Font Size 24pt, Color #363636
  • Best choice of font: Font Size 12pt, Color #959595

Step 4: Working with Social Icons

Open up the social icons, change the image size to 19px x 19px by pressing Ctrl + Ctrl + I and change the values of height and width. Place the icons in our canvas with in a new folder named, Social Icons, Refer to the screenshot below for the positioning and colors.

Step 5: Working with Navigation

Create a new group and name it Navigation. As you can see in the screenshot above there is a rectangular shape with a stroke, start by using the Rectangle Tool with a height of 90px.

Add this Blending Option:

  • Gradient Overlay: #f8f8f8, #fcfcfc

  • Stroke: #c2c2c2

Open up the Navigation Icons and resize them to 22px x 22px. Make a new group inside the navigation group, name it Icons and place it there. Now that we have our icons, it’s time to put up our navigation links. Follow the screenshot below for the formatting and color of the text.

Merge all the lines you have made by pressing Ctrl + E. Duplicate the merge layer and move it 1px to the right by pressing the right arrow key on the keyboard.

Step 6: Working with Search

Create a new group above Navigation and name it Search. Using the Rectangle Tool color #ffffff create a shape as shown in the screenshot below.

Add this Blending Option:

  • Stroke: #c2c2c2

Let’s create a search button, using the Rectangular Marquee Tool create a 40px x 35px rectangle and fill it with any color.

Add this Blending Option:

  • Gradient Overlay: #f8f8f8, #fcfcfc

  • Stroke: #ffffff

Add this line with a color #c2c2c2, then place the icon 19 px x 19px.

Using the Text Tool add this text in the search field area.

Step 7: Working with Slider

Select the Rectangle Tool with a fill color #ffffff, create a shape 630px x 340px.

Add this Blending Option:

  • Stroke: #c2c2c2

Select the shape by pressing Ctrl + Click on the shape layer. Go to SelectModifyContract 10px.

Fill the selection with any color and place a sample image that’s the same size.

Below the shape layer create a new layer and name it Shadow. Using the Pen Tool create a shape as shown in the screenshot below and fill it with #000000.

Apply a Gaussian Blur with a Radius of 2px. Set the Layer Opacity to 40%.

Using the Ellipse Tool create four shapes as shown in the screenshot below. Make sure it is aligned to the center.

Add this Blending Option:

  • Color Overlay: #c2c2c2

  • Inner Shadow: #000000

The color #c2c2c2 will serve as the normal state of our slider, for our active state change the color to #f7941d

Step 8: Working with Posts

To start, create a new group and name it Posts. Using the Rectangle Tool with a fill color of #ffffff create a 630px x 300px rectangle.

Add this Blending Option:

  • Stroke: #c2c2c2

Create another 200px x 200px shape using Rectangle Tool and add the same blending option.

Ctrl + Click the layer to make a selection. Go to SelectModifyContract 10px

Fill the selection with any color and place a sample thumbnail image. Using the Text Tool put up the Title of the post, content, author etc.

Lets make a read more button for our post. Create a new group inside Posts and name it more. Using the Rectangle Tool create a 88px x 30px shape.

Add this Blending Option:

  • Inner Glow: #ffffff

  • Gradient Overlay: #f1f1f1, #fbf9f9

  • Stroke: #c2c2c2


I just took a screenshot of Digg, Tweet and Facebook and paste it in the bottom left side of the post.

Duplicate Posts folder and place it as shown in the screenshot below.

Step 9: Working with Pages

Create a new group and name it Pages. Create a 26px x 26px shape using the Rectangle Tool. For the inactive pages apply a blending option with a Stroke of #c2c2c2. For the active page just copy the layer styles we applied on the read more button and apply it to the shape.

Step 10: Working with Advertisements

Create a new group and name it Sidebar. Create another group inside Sidebar and name it Advertisement. Using the Rectangle Tool with a fill color of #ebebeb create a 145px x 145px shape. Then set the Layer Opacity to 50%.

Ctrl + Click the layer to make a selection. Go to SelectModifyContract 20px. Fill it with #ffffff and add a 1px #c2c2c2 stroke.

Duplicate it four times as shown in the screenshot below.

Step 11: Working with Tabs

Create new group inside Sidebar and name it Tabs. Now select the Rectangle Tool with a fill color of #ebebeb create a 300px x 500 box with a distance 35px below advertisement. Set the layer Opacity to 50%.

This part is just the same as we did in our advertisement, just refer to Step 10.

Create tabs using Line Tool and Text Tool.

Create a new layer below the tabs layers. Using the Rectangle Tool create a shape as shown in the screenshot below.

Add this Blending Option:

  • Gradient Overlay: #f1f1f1, fbf9f9


Time to create a sample post. Start by grabbing a 60px x 60px sample thumbnail. Also, we will add title of the post, when it is published and in what category.

Group all the layers we have created in our sample post and duplicate it four times.

I also added a sample 300px x 300px advertisement.

Step 12: Working with the Footer

Create new group and name it Footer. Using Rectangle Tool with a fill color of #363636 create a 1200px x 485px shape.

Lets create a new pattern. Create a 6px x 6px file. Unlock the background layer and create a new layer. Set the foreground color to #363636, using Pencil Tool create a pattern as shown in the screenshot below.

Using the Rectangular Marquee Tool make a selection about 3px height starting from left to right and fill it with the pattern we made.

Lets create another pattern. Create a 12px x 12px file. Change the foreground color to #303030. Using Pencil Tool create a pattern as shown in the screenshot below.

In a new layer fill the whole footer with the pattern we have made.

In our footer we will be placing our tweets, popular posts and about, so create a group for each. First we will work on in tweets, using the Text Tool fill in with text the same as shown in the screenshot below.

Next in popular just duplicate the sample posts we have made in our tabs, then we will match the color as we did in our tweets.

Lets proceed to about. Grab some Lorem Ipsum text and place it as shown in the screenshot below. Also I merge the layers of our logo and add a color overlay with a fill color of #6d6e71.

For our final step using the Rectangle Tool with a fill color of #252525 create a 40px high shape, then using Text Tool add a copyright text color #616264.

Finally we’re done! I really hope that you followed and learned something from this tutorial. If you have questions feel free to ask them below. Cheers to all!

May 31 2011

18:11

Create a Multi-Layout Portfolio with WordPress

Advertise here

WordPress, as a content management system, is often used for creating portfolio websites. With the evolution of user interface design and functionalities, a new trend has emerged: displaying portfolio items in different layouts. This tutorial details the process of creating a dedicated portfolio section in WordPress’ backend, and using jQuery and CSS3 to display the portfolio in a classy manner.


In this tutorial, we are going to extensively use powerful features of WordPress, such as custom posts, custom taxonomies, and we’ll also write a function to fetch our own custom excerpts.


Step 1 - Installing WordPress and Initializing the Theme.

The first step in creating our portfolio website is to install WordPress. This is a simple task, and, even better, most web hosts out there provide one click installers. However, if you are new to this, here is an awesome guide to help you out with the installation.

Once the installation has completed, we should next create our custom theme which will display our portfolio. There are various methods for creating custom themes. Some prefer to create a new blank white template, while others choose to create child themes of the new TwentyTen template. For this tutorial, we will use the Starker's theme, by Elliot Jay Stocks. It's a completely blank theme with no styling; it’s a great base to build our theme on. Edit the styles.css file, and change the theme name referenced at the top. To install the theme, simply paste the theme folder in thewp-content > themes folder. Once the theme is installed, you can activate it by going to the themes page.


Step 2 - Planning the Layout

Our portfolio site will not contain much data. A basic portfolio site contains images of the projects, some tags to identify the projects, and a short description of each. The multi-layout theme will function in such a way that the user can select between a grid and list layout. Like many multi layout websites available, we are not going to load a different page when the user clicks on the list view or the grid view. Instead, we’ll use AJAX to asynchronously load in the new viewer. This is the basic design of how our portfolio site will appear in grid mode:

Once the user clicks on the list view control, the whole layout will smoothly change to a list view which will contain the title of the project, the tags associated with it, and a short description.


Step 3 - Setting up the Backend

For our portfolio, we need to register a custom post type, called “project.” We can customize every aspect of a WordPress post. For example, we can change the labels involved, select various features for the post like comments, thumbnails, excerpts, etc.

To implement a custom post, edit the functions.php file located within the theme folder. It contains a lot of predefined code, as the naked Starkers theme provides some functionalities of the default TwentyTen template. Don’t be scared or confused; you can append the following code either at the bottom or top of the functions.php file.

Don’t leave any empty space at the end of the functions.php file.

We hook our custom function to the initialization (init) action in the following way:

/*--- Creating custom post type for project --*/
add_action('init', 'project_custom_init');

This project_custom_init method will be used to register the custom post type in the WordPress database.

You can learn in detail about the method involved in registering a custom post type here.

The register_post_type method requires a name for the custom post, and a set of arguments, which define the characteristics of the custom post. Firstly, we need to define the labels for the custom post. These labels will be used for the custom post in the WordPress admin.

/*-- Custom Post Init Begin --*/
function project_custom_init()
{
  $labels = array(
    'name' => _x('Projects', 'post type general name'),
    'singular_name' => _x('Project', 'post type singular name'),
    'add_new' => _x('Add New', 'project'),
    'add_new_item' => __('Add New Project'),
    'edit_item' => __('Edit Project'),
    'new_item' => __('New Project'),
    'view_item' => __('View Project'),
    'search_items' => __('Search Projects'),
    'not_found' =>  __('No projects found'),
    'not_found_in_trash' => __('No projects found in Trash'),
    'parent_item_colon' => '',
    'menu_name' => 'Project'

  );

Once we’ve defined the labels, we need to define the set of arguments for the custom post type. The labels array defined earlier is going to be an argument as well. Once the arguments are defined, we register the custom post type as “project”.

 $args = array(
    'labels' => $labels,
    'public' => true,
    'publicly_queryable' => true,
    'show_ui' => true,
    'show_in_menu' => true,
    'query_var' => true,
    'rewrite' => true,
    'capability_type' => 'post',
    'has_archive' => true,
    'hierarchical' => false,
    'menu_position' => null,
    'supports' => array('title','editor','author','thumbnail','excerpt','comments')
  );
  // The following is the main step where we register the post.
  register_post_type('project',$args);
}
/*-- Custom Post Init Ends --*/

Create Custom Messages for the 'Project' Post

We can also optionally add custom messages for the custom post type. These messages will be displayed in the WordPress dashboard when we edit or update the custom post. We can do this by creating a filter for the post updated messages in the following manner:

// Add filter to ensure the text Project, or project, is displayed when a user updates a book
add_filter('post_updated_messages', 'project_updated_messages');
function project_updated_messages( $messages ) {
  global $post, $post_ID;

  $messages['project'] = array(
    0 => '', // Unused. Messages start at index 1.
    1 => sprintf( __('Project updated. View project'), esc_url( get_permalink($post_ID) ) ),
    2 => __('Custom field updated.'),
    3 => __('Custom field deleted.'),
    4 => __('Project updated.'),
    /* translators: %s: date and time of the revision */
    5 => isset($_GET['revision']) ? sprintf( __('Project restored to revision from %s'), wp_post_revision_title( (int) $_GET['revision'], false ) ) : false,
    6 => sprintf( __('Project published. View project'), esc_url( get_permalink($post_ID) ) ),
    7 => __('Project saved.'),
    8 => sprintf( __('Project submitted. Preview project'), esc_url( add_query_arg( 'preview', 'true', get_permalink($post_ID) ) ) ),
    9 => sprintf( __('Project scheduled for: %1$s. Preview project'),
      // translators: Publish box date format, see http://php.net/date
      date_i18n( __( 'M j, Y @ G:i' ), strtotime( $post->post_date ) ), esc_url( get_permalink($post_ID) ) ),
    10 => sprintf( __('Project draft updated. Preview project'), esc_url( add_query_arg( 'preview', 'true', get_permalink($post_ID) ) ) ),
  );

  return $messages;
}

Registering a Custom Taxonomy

We next need to define a custom taxonomy for the tags to be used with each of the portfolio items. You can learn more about the register taxonomy method here.

// Initialize New Taxonomy Labels
  $labels = array(
    'name' => _x( 'Tags', 'taxonomy general name' ),
    'singular_name' => _x( 'Tag', 'taxonomy singular name' ),
    'search_items' =>  __( 'Search Types' ),
    'all_items' => __( 'All Tags' ),
    'parent_item' => __( 'Parent Tag' ),
    'parent_item_colon' => __( 'Parent Tag:' ),
    'edit_item' => __( 'Edit Tags' ),
    'update_item' => __( 'Update Tag' ),
    'add_new_item' => __( 'Add New Tag' ),
    'new_item_name' => __( 'New Tag Name' ),
  );
// Custom taxonomy for Project Tags
register_taxonomy('tag',array('project'), array(
    'hierarchical' => false,
    'labels' => $labels,
    'show_ui' => true,
    'query_var' => true,
    'rewrite' => array( 'slug' => 'tag' ),
  ));

Return to your WordPress dashboard, and open the media settings from the settings tab. Here, you have to set the default size for the portfolio image thumbnails. You’ll also notice in the sidebar that the “Project” custom post type has been successfully registered, along with the custom taxonomy, “tags.” We can register the default thumbnail size using the set_post_thumbnail method, but I’ll demonstrate another way to achieve this. You can learn more about how to set post thumbnail sizes programmatically here.

Create Demo Portfolio Items

Create some demo portfolio items by going to projects and clicking on add new. We require a title for the project, the content, and a thumbnail. We can see that a tag section has also appeared and confirms that our custom taxonomy was successfully registered. Add some tags for the portfolio items, as well.


Step 4 Coding and Styling The Template

Coding the static template

To create the theme, we will first create a static HTML/CSS3 template for the website. This separates the two tasks of making the website look consistent with the design, and fetching the content from the database. Coding the theme directly may be a bit confusing for beginners sometimes – specially, if a lot of content is present in the theme. Create three folders, named
“css”, “images” and “js,” respectively. The general structure for the main content area will be like so:

<body>
	<div id="page-wrap">
		<div id="header">
			<!-- Header Content Comes Here -->
		</div>
		<div id="main-content">
			<div id="layout-controls">
				<!-- Layout Controls Area -->
				<a href="#" class="grid"><span>Grid</span></a>
				<a href="#" class="list"><span>List</span></a>
				<div class="clear"></div>
			</div>
			<ul id="folio" class="grid">
				<li> <!-- Portfolio Item -->
					<div class="image">
						<!-- Project Thumbnail Area -->
						<span>
							<a href="#"><img src="" alt=""/></a>
						</span>
						<a href="#" class="link">View Details</a>
					</div>
					<div class="content">
						<!-- Project Content Area -->
						<h2><a href="#">Project Title</a></h2>
						<span class="tags">Tags, Tags</span>
						<p> The Project Description / Excerpt</p>
					</div>
					<div class="clear"></div>
				</li>
			</ul>
			<div class="clear"></div>
		</div><!-- End of Main Content -->
		<div id="footer">
			<!-- Footer Content Comes Here -->
		</div>
	</div><!-- End of Page Wrap -->
</body>

Style the Template

Styling the template is dependent on you. You can experiment with different colors and images to suit your needs. But for this template, we are going to create a dark grunge theme and use some fun CSS3 to achieve those subtle hover effects and transparency. The slicing up of the design into images is rather. As such, I won’t go over the details here.

body{
	background: #5a5a5a url('images/bg.jpg') no-repeat center top;
	height: 100%;
}
a{
	text-decoration: none;
	color: #C2FC48;
}
a:hover{
	color:#fff;
}
.clear{
	clear: both;
}
#page-wrap{
	width: 960px;
	position: relative;
	margin: 0 auto 40px;
}
#header{
	height: 111px;
	padding: 0 10px 0 50px;
}
#header h1{
	float:left;
}
#header h1 a{
    font-family: Georgia,Arial,Helvetica,sans-serif;
    font-size: 48px;
    position: relative;
    text-decoration: none;
    text-shadow: 2px 2px 1px #000000;
    top: 64px;
    width: auto;
    z-index: 1000;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header h1 a:hover{
	color:#f4f6f0;
}
ul#social{
	float: right;
	top: 95px;
	position:relative;
}
ul#social li{
	float: left;
	margin-right: 10px;
	display: inline;
}
ul#social li a{
	width: 16px;
	height: 16px;
	display: block;
	background-image: url('images/layout-icons.png');
	text-indent: -99999px;
}
ul#social li a.feed{
	background-position: -16px 32px;
}
ul#social li a.facebook{
	background-position: 0 32px;
}
ul#social li a.twitter{
	background-position: 0 16px;
}

The basic styling for the main container and the layout controls are as follows

/*--Main Content Styles Start here --*/
#main-content{
	padding: 50px 50px 28px 50px;
	background-color: #000;
	border-bottom: 1px #696969 solid;
	border-left: 1px #696969 solid;
	border-right: 1px #696969 solid;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.3 opacity */
	background: rgba(0, 0, 0, 0.3);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#c7c7c7;
	line-height: 16px;
}
#main-content a:hover{
	color: #fff;
}
#layout-controls{
	margin-bottom: 15px;
}
#layout-controls span{
	width: 20px;
	height: 26px;
	display: block;
	background-image: url('images/layout-icons.png');
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-indent: -99999px;
}
#layout-controls a{
	width: 20px;
	height: 26px;
	display: block;
	float: left;
	background-image: url('images/layout-icons.png');
	margin-right: 10px;
	display: inline;
}
#layout-controls a.grid span{
	background-position: left 0;
}
#layout-controls a.grid{
	background-position: left -26px;
}
#layout-controls a.list span{
	background-position: right 0;
}
#layout-controls a.list{
	background-position: right -26px;
}
#layout-controls a:hover span{
	opacity: 0; /* other browsers */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* this works in IE6, IE7, and IE8 */
}

The following are the general styles for the project list. We will later do specific styling for each grid layout mode and a list layout mode depending on the current class of the folio list.

/*-------------General Folio Styles Starts Here---------------*/
ul#folio li a{
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul#folio li{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.3 opacity */
	background: rgba(0, 0, 0, 0.3);
	padding: 20px;
	border: 1px #4c4c4c solid;
	margin-bottom: 22px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul#folio li:hover{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.3 opacity */
	background: rgba(0, 0, 0, 0.1);
}
ul#folio li .image{
	text-align: center;
}
ul#folio li .image span{
	width: 158px;
	height: 116px;
	display: block;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 10px;
}
ul#folio li .image span a{
	width: 158px;
	height: 116px;
	display: block;
}
ul#folio li .image a{
	font-weight: bold;
}

Also make note that we are not using the general opacity method of achieving transparency using CSS3. Using the opacity method also affects the children of the parent container on which the opacity is applied. Instead, we are using the RGBa method of adding background colors to the container, and using the alpha value to control the transparency of the container.

You can read more about the RGBa Property in this awesome article.

This does not affect the transparency of the children elements. We also need to create IE specific CSS code to support the alpha transparency.

<!--[if IE]>
<style>
#main-content, ul#folio li{
	background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
    zoom: 1;
}
ul#folio li:hover{
	background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
    zoom: 1;
}
</style>
<![endif]-->

In the HTML structure, you will notice that there is a class given to the portfolio list.

<ul id="folio" class="grid">

Basically, the “grid” class is used to display the list in a grid view and the “list” class is used to display the list in a list view. In the grid mode, all the extra content is hidden from the user, and in the list mode, all the content is visible to the user. We have two separate sets of styling for each mode. The styles for the grid mode are as follows:

/*------------------Grid Layout Starts Here-------------------*/
ul#folio.grid li{
	width: 158px;
	height: 130px;
	float: left;
	margin-right: 19px;
	display: inline;
}
ul#folio.grid li .content{
	display: none;
}
ul#folio.grid li .image span a{
	width: 158px;
	height: 116px;
	display: block;
}
ul#folio.grid li.rightmost{
	margin-right: 0;
}

List mode styles are as follows. At any moment, only one of the grid or list styles is active.

/*------------------List Layout Starts Here-------------------*/
ul#folio.list li{
	display: block;
}
ul#folio.list li .image,ul#folio li.details .image{
	width: 158px;
	height: 130px;
	float:left;
}
ul#folio.list li .content{
	float: left;
	padding: 0 10px 0 40px;
	width: 598px;
}
ul#folio.list li .content h2,ul#folio li.details .content h2{
	font-size: 24px;
	color: #C2FC48;
	margin-bottom: 6px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}
ul#folio.list li .content span.tags,ul#folio li.details .content span.tags{
	color: #fff;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}

Use jQuery to Add Effects

We next will use jQuery UI to change the class of the folio list with respect to the layout button clicked by the user. We’re detecting the click event of the layout control buttons, fetching the current class and the new class to be activated, and then using the add and remove class methods to change the classes. We also have a set of parameters which define the speed of the events taking place.

	var animateSpeed = 500;
	jQuery("#layout-controls a").click(function(){
               var folio = jQuery('#folio'),
		     curClass = folio.attr('class'),
		     newClass = jQuery(this).attr('class');

		folio.fadeOut(animateSpeed,function(){
			folio
                          .removeClass(curClass,animateSpeed);
			  .addClass(newClass,animateSpeed);
		}).fadeIn(animateSpeed);
		return false;
	});

Step 5 Integration with the WordPress Theme

Now that we have completed the static version of the site, we can integrate it with the WordPress theme in a matter of minutes. All we need to do is loop through the posts using a wp_query object with a query for the custom post type. Then, we place the content in the respective position in the template.

Edit header.php

First, we need to modify the header.php template, and include our custom JavaScript files. In this tutorial, we’ll include jQuery using the Google’s CDN version. We will deregister the jQuery provided by WordPress, and register Google’s CDN version of jQuery. Paste the following snippet in your functions.php file.

<?php
/*--- Registering jQuery using Google's CDN */
if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"));
   wp_enqueue_script('jquery');
}
?>

Move the css, js and images folders – that you created previously for the static template – to the WordPress theme folder. Insert the jQuery UI custom file, and the main script file in the header. Make sure it is inserted below the wp_head method.

<script src="<?php bloginfo('template_url');?>/js/jquery-ui-1.8.11.custom.js"></script>
<script src="<?php bloginfo('template_url');?>/js/script.js"></script>

Create the Main Template

Now, you can either create another template in the theme – for example, page-home.php – or you can modify the index.php already present in the theme folder. If you choose the former method, then:

  • Create a page
  • Set the page’s template as the template you just created.
  • Go to the reading settings in the settings tab.
  • Select the homepage as a static one.
  • Select the page you just created as the homepage.

The template will first contain the header, which you can call using the get_header() method, then the main content, which you will code within the template itself. Lastly, the footer, which you can be included, via the get_footer() method.

The following code demonstrates how you can create a custom query using the wp_query object.

<?php $loop = new WP_Query(array('post_type' => 'project', 'posts_per_page' => -1));
  $count =0;
?>

We are using a variable, count to count the number of items in the list. We need this because we will keep only four items in each row and assign a ‘rightmost‘ class to every fourth list element. The ‘rightmost‘ class eliminates any right margin to the list elements. Alternatively, we could, in our CSS file, use the li:nth-child(4n) selector.

The following code shows how we can loop through the posts and insert the content, as required.

<?php if($loop) { ?>
	<ul id="folio" class="grid">
		<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

Inside the loop, we insert the content in the normal WordPress way, using the $loop wp_query object, of course. The following code shows how we can fetch the thumbnail of the project post and insert it into the template. Make proper note of how we use the $count variable to insert the ‘rightmost‘ class on every fourth list element.

		<li class="item-<?php the_ID() ?> <?php if(++$count%4==0) echo 'rightmost'?> ">
				<div class="image">
					<span>
						<a href="<?php the_permalink() ?>">
							<?php
								if(has_post_thumbnail()){
									the_post_thumbnail('thumbnail');
								}
							?>
						</a>
					</span>
					<a href="<?php the_permalink() ?>" class="link">View Details</a>
				</div>

Now comes the content section where we need to insert the title, tags, short description and fetch the excerpt for the post with a custom excerpt method. Inserting the title is rather easy, as are the tags. Remember, we previously created a custom taxonomy by the name of tags.

				<div class="content">
					<h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
					<span class="tags">
						<?php
							// Fetching the tag names with respect to the post and displaying them
							$args = array('orderby' => 'name', 'order' => 'ASC', 'fields' => 'names');
							echo implode(wp_get_object_terms( $post->ID, 'tag', $args),', ');
						?>
					</span>
					<p>
						<?php
							// Using custom excerpt function to fetch the excerpt
							folio_excerpt('folio_excerpt_length','folio_excerpt_more');
						 ?>
					</p>
				</div>
				<div class="clear"></div>
			</li>
		<?php endwhile; ?>
	</ul>
<?php } ?>
<?php wp_reset_query(); ?>

You will notice that we are not using the general the_excerpt() method, provided by WordPress. Instead, we are defining our own custom method by adding some filters. The general excerpt method returns a greater length of excerpt than we require. Hence, the custom version. We’re also modifying the ‘Continue Reading…’ text added at the end of the default excerpt, and replacing it with ‘Read More’. The following snippet serves our purpose. This custom excerpt method comes in handy for plenty of situations.

<?php
// Adding Variable Excerpt Length
function folio_excerpt_length($length) {
    return 80;
}
function folio_excerpt_more($more) {
	return ' ... <span class="excerpt_more"><a href="'.get_permalink().'">Read more</a></span>';
}
function folio_excerpt($length_callback='', $more_callback='') {
    global $post;
    if(function_exists($length_callback)){
        add_filter('excerpt_length', $length_callback);
    }
    if(function_exists($more_callback)){
        add_filter('excerpt_more', $more_callback);
    }
    $output = get_the_excerpt();
    $output = apply_filters('wptexturize', $output);
    $output = apply_filters('convert_chars', $output);
    $output = '<p>'.$output.'</p>';
    echo $output;
}
?>

Step 6 Conclusion

The above method of creating a multi-layout portfolio is quite simple, and uses basic CSS and jQuery tricks to achieve the result. Even better, these techniques can be applied to a variety of projects. Other techniques in this tutorial, like custom post types, custom taxonomies and adding filters to the excerpt method, can be used in various other innovative ways, as well!

May 17 2011

12:14

Freebie: Blog-O-Folio WordPress Theme Version 1.0

Advertisement in Freebie: Blog-O-Folio WordPress Theme Version 1.0
 in Freebie: Blog-O-Folio WordPress Theme Version 1.0  in Freebie: Blog-O-Folio WordPress Theme Version 1.0  in Freebie: Blog-O-Folio WordPress Theme Version 1.0

Blog-O-Folio is a free 2 column WordPress Theme suitable for any and all of your corporate, portfolio or personal blog needs. With a wide variety of tunable theme options and functionality to merge your portfolio with the blog, it is now ultra easy to maintain your blog and portfolio at the same time.

Blog-O-Folio Theme was coded and designed by MOin, supported by SloDive and featured by SmashingMagazine.

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Folio-500 in Freebie: Blog-O-Folio WordPress Theme Version 1.0

Features

Here are some of the features of the theme:

  • Simple, elegant & modern look
  • Fast loading structure
  • Supports comments threading and paging
  • Fixed width
  • 2 Columns
  • Many tunable options
  • Portfolio Integration
  • Custom write panels
  • 125 x 125 Sidebar Ads section
  • Social icons integrated
  • Email subscription form
  • Qtips for subscribe icons
  • Twitter integrated
  • Theme Requirements: WordPress 2.9.1+

Folio-1 in Freebie: Blog-O-Folio WordPress Theme Version 1.0

Installation:

In order to make Portfolio work like it should you need to rename two files in your Blog-O-Folio theme directory. Don’t worry its dead simple!

  • First find your portfolio category ID. (Visit this link if you don’t know: Link.)
  • After finding out your Portfolio category ID replace 00 in category-00.php & single-00.php files with your category ID.

What Can You Adjust From Admin Theme Options?

  • Sidebar 125 x 125 ads: You can tune sidebar ads from inside your theme options just enter banner URLs and enter link for them.
  • Sidebar buttons settings : Adjust RSS feed link, Twitter name and your Facebook profile/fan page/group link.
  • Header logo settings: Tune your header image, enter image link and select either show image only, text only or both.
  • Welcome Message Setting: Adjust welcome box from this menu, you can edit text to show in welcome box enter image link to show in welcome box.
  • Google Analytics setting: Enter your Google Analytics code to track visitors.
  • Misc Settings: From this menu you can tune variety of options such as Favicon, Portfolio category, Amount of portfolio entries to show, Exclude pages from navigation, Show or hide social media icons on posts.

Admin-options in Freebie: Blog-O-Folio WordPress Theme Version 1.0

Where Can You Adjust E-mail Subscription Form:

Blog-O-Folio comes with a built-in jQuery-powered email subscription form that will work with your FeedBurner account. Follow these simple instructions to set it up:

  • Get your feed burner Feed Name e.g http://feeds.feedburner.com/Noupe here / Noupe is what you need.
  • In Blog-O-Folio theme directory look for subscribe.html and edit it with any text editor.
  • On line 4 & 6 put your feed name where it says FeedName.
  • You are done, make sure you enabled Email Feeds from your feedburner dashboard.

Email-form in Freebie: Blog-O-Folio WordPress Theme Version 1.0

(rb)

September 25 2010

08:03

How to create a WordPress Theme Options Panel

WordPress is getting more and more popular these days, becoming the first choice for many web developers. Normal users find in WordPress a perfect CMS system where they can add new content, make changes and modify the style without touching any code. So, as a web developer, it is a MUST to include an administration [...]

View and Vote


September 23 2010

21:26

Franklin Street WordPress Theme

The Franklin Street theme was designed specifically for displaying a large and diverse range of content on the front page. Some Random Dude is essentially a lifestream blog where I pull in content from my online accounts. The main problem was that the content I was generating varied drastically size, format and importance. Simply stacking [...]

View and Vote


20:32

50 Fantabulous Free And Premium WordPress Portfolio Themes

In this article I am going to present you a Collection of 50 Fantabulous Free And Premium WordPress Portfolio Themes you can use to show off your work.

View and Vote


September 20 2010

22:20

Free WordPress Gallery Theme: Muse

Muse is a simple gallery-type theme that can be used as a portfolio, showcase, etc. Some features are: A modern and yet simple design; Custom templates for pages; SEO and easy to understand HTML/CSS code; Can be combined with rating plug-ins;Incredibly flexible and easy to customize.

View and Vote


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.

Don't be the product, buy the product!

Schweinderl