Our Blog
Writings, Sharing Knowledge, News, Tutorials
Loading ...
Create a Multi-Layout Portfolio with WordPress
June 2nd, 2011 - By Sumeet
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.
My latest tutorial for NetTuts discusses about how we can use WordPress as a CMS and flex it to our needs to create a stunning portfolio with multiple layouts. 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. This is what we are going to create
The multi-layout theme will function in such a way that the user can select between a grid and list layout.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.
Check out the complete tutorial on Nettuts and get started on creating that cool portfolio you always wanted! Do share your creations, suggestions with us 
Tags: CMS, Grunge, jQuery UI, Portfolio, Theme, Wordpress
About The Author
Sumeet is the founder of Code-pal. He works as a web developer, is a hardcore programmer, workaholic, fun guy and loves his family. Follow him on Twitter and Facebook.
You can follow any responses to this entry through RSS 2.0 feed. You can leave a response, or trackback from your own site.
Share the knowledge
Other Posts You Might Like
3 Responses
Trackbacks and Pingbacks
Leave a Reply
-
-
Browse
- The 'Select' Problem After Using jqTransform and its Solution 78 comment(s)
- How to Code an Overlapping Tabbed Main Menu 48 comment(s)
- iPhone Application Template 34 comment(s)
- Integrating Cloud Zoom with WP e-Commerce Gold Cart Gallery 32 comment(s)
- Grunge Template 23 comment(s)
- Spice Up Your Twitter Feed Display Box Using CSS 18 comment(s)
- Business Template 17 comment(s)
-
-
I wish I knew how to do this a few days ago I spent an absolute age trying to work this out. Thank you for the really informative tutorial this is great website and very useful.
Casey Mcgee´s last blog ..pregnancy fitness
Absolutely useful website. I learned more from this post. especial the custom post type function in wp. I havent heard it before. many thanks.
Yeah, I didn’t know about the custom post type function for wordpress either. And thanks for the other useful things I found around here.
John´s last blog ..Secret mix and match steak recipe