Ultimate Guide To Using WordPress For A Portfolio

Advertisement

WordPress is often thought of as just a blogging platform. But it’s capable of so much more. Even WordPress’ documentation includes an entire section on using WordPress as a content management system1. Because WordPress is such an easy-to-use platform, it makes sense to consider using it as a platform to build just about any kind of website, a portfolio website included.

Whether you’re a photographer, graphic designer, Web designer or any other kind of visual artist, WordPress makes an excellent starting point for developing your online portfolio. And with the wealth of plug-ins and ready-made themes available, you can usually get a perfectly presentable website up and running in a matter of hours.

This article assumes that you have a clean installation of WordPress running on your website. For instructions on installing and configuring WordPress, please consult the official documentation2.

Here are additional links that may be useful when designing your portfolio website.

The first thing you’ll want to do is decide whether to use a pre-made theme or design your own. If you’re a Web designer, chances are you’ll want to design a custom theme. But if you’re any other kind of visual artist, plenty of ready-made themes are available, and with a little customization (changing the background image, logo and color scheme can go a long way), one probably exists that suits your needs and will save you time. Therefore let’s first take a look at some freely available high-quality “portfolio” WordPress themes.

1. Free WordPress Portfolio Themes

Using a pre-made theme is a great way to save time. While some of the best themes are not free, they’re still significantly less expensive than hiring a designer to build your website or spending hours of your own time when you could be doing billable work.

Sharpfolio: WordPress Portfolio Theme6 | Demo7 | Free

Screenshot8

Viewport: WordPress Portfolio Theme9 | Demo10 | Free
is focused around a clean and simple, content based layout. The aim is to grab the user’s attention and draw them straight into the content. On the single post page the content is laid out clearly in full, with post controls and a widget-enabled sidebar. Created by Paul Bennett11 especially for Smashing Magazine and its readers.

Viewport WordPress Theme12

Irresistible13 | Demo14 | Download15 | Free
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.

Screenshot16

Portfolio – WPESP Theme17 | Demo18 | Download19 | Free
The Theme is a starting point in the creation of portfolios, using WordPress as CMS. In this short tutorial are the guidelines of the design, the Codex de WordPress used, where are explained the Custom Write Panel created to edit the content, and the adaptation to the Coda Slider Effect script, create by jQuery for Designers, and can be modified depending on what the user needs.

Screenshot20

Linquist21 | Demo22 | Free

Screenshot23

Monotone24 | Demo25 | Free

Screenshot26

Fotofolio27 | Demo28 | Free

Screenshot29

2. Commercial Portfolio WordPress Themes

ProudFolio30 | Demo31 | Price: $70
ProudFolio is most definitely aimed at aspiring designers, developers, artists and photographers who’d like a framework theme which incorporates both a great-looking portfolio and a feature-rich blog.

Screenshot32

Photopro33 | Demo34 | Price: $29+

Screenshot35

Design Photography Portfolio36 | Demo37 | Price: $25

Screenshot38

Cassiopeia39 | Demo40 | Price: $80+

Screenshot41

Sofa Designer Folio42 | Demo43 | Price: $30
Sofa Designer Folio theme allows you to keep designer’s showcase separated from the blog. For that reason this theme is using two type of templates: Portfolio and Blog.

Screenshot44

Portfolio WordPress Theme45 | Demo46 | Price: $39

Screenshot47

Geometric48 | Demo49 | Price: $70
Geometric takes a structured approach to showcasing two rather non-structured things: blogs & design portfolios.

Screenshot50

Great Portfolio! WordPress Theme51 | Demo52 | Price: $12
Great Portfolio is a one page portfolio and a very clean template. It has 2 color options to choose from namely, dark bule and dark brown. It also has a smooth scroller to each menu of the page. Contact Form is functional and ready to use.

Screenshot53

Sketchbook Blog Portfolio WordPress Theme54 | Demo55 | Price: $30
Sketchbook was created with the online professional in mind and is geared towards an online showcase of blog and portfolio for the creative individual. This theme comes with a few custom options, such as you can select if you would like an overall light clean airy feel, or if you would like a more bold dark impressive look and feel.

Screenshot56

Goldmine Portfolio Blog WordPress Theme57 | Demo58 | Price: $25

Screenshot59

Ambiguous: WordPress Portfolio Theme60 | Demo61 | Price: $30
This 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.

Screenshot62

Foliotastic: A Premium WordPress Portfolio Theme63 | Demo64 | Price: $30
Foliotastic is a feature-packed portfolio/blog theme that includes a full-featured, tabbed Admin Panel to change options like colors (you can even enter your own custom HEX value), category settings, logo settings and more.

Screenshot65

Shuffle: Portfolio Blog66 | Demo67 | Price: $30

Screenshot68

YourFolio69 | Demo70 | Price: $25

Screenshot71

Fresh Folio72 | Demo73 | Price: $70+

Screenshot74

eGallery75 | Demo76 | Price: $19.95 per year (membership)

Screenshot77

GrungeMag78 | Demo79 | Price: $19.95 per year (membership)

Screenshot80

Modularity81 | Demo82 | Price: $49 per 3 months membership

Screenshot83

Cion84 | Demo85 | Price: $19.95 per year (membership)

Screenshot86

Briefcast Portfolio Theme87 | Demo88 | Price: $25

Screenshot89

3. Designing Your Portfolio

You’ll likely use two main types of pages on your portfolio website: a home page or main portfolio page and individual project pages. Your main page will likely consist of a series of thumbnails showcasing your work. Individual project pages offer more detailed information about your work.

Designing Your Main Page

One thing all of the above themes have in common is a focus on images on the home page or main portfolio page. A regular WordPress blog usually focuses on text. But a portfolio website needs to focus on the images. Whether you want your images to appear in a grid format, in chronological order, as a slideshow or any other way is a personal choice. But make sure each image is large enough for someone to have an idea of what they’re looking at.

Along with the images for your portfolio, you may want to include some introductory information. One way to do this is to include a “sticky post” (at least two plug-ins do this: Simple Sticky Posts90 and WP-Sticky91). Another way is to use (or design) a theme with a “featured posts” function that sets apart selected posts from the rest of your content.

The way you handle images on your website is another personal choice. A variety of plug-ins are available out there to create various effects.

Plug-Ins to Handle Images

Images are the backbone of any portfolio website. Here are a few plug-ins for displaying and formatting your website’s images.

Thumbnail for Excerpts92
This plug-in automatically displays a thumbnail of a post’s first image in the post excerpt (which appears on your home page or category pages).

Screenshot93

Slide Press94
Integrates slideshows from SlideShowPro into WordPress.

Screenshot95

Carousel Gallery (jQuery) for WordPress96
Creates a jQuery-powered gallery.

Screenshot97

WordPress ThickBox plugin98
A plug-in for creating the Thickbox photo style. It also includes instructions for switching to the W3C-valid Smoothbox, along with some other useful modifications.

Screenshot99

PhotoQ WordPress Photoblog Plugin100
This plug-in turns your blog into a photoblog. Very handy if you want to use a theme that isn’t particularly suited to a portfolio but don’t have the know-how or time to customize it to your needs.

Screenshot101

PhotoSmash Galleries102
This plug-in allows you to manage multiple galleries and even more than one gallery per post.

Screenshot103

Image Drop Shadow104
Creates an automatic drop-shadow effect for all of your images.

FlippingBook WordPress Gallery105
This is one of the coolest plug-ins out there for setting up a portfolio. Instead of including a ton of thumbnail images on your project pages, why not set them up as a flip book, in which viewers can turn pages and zoom in to view details? This plug-in makes all that possible (and easy).

Screenshot106

Featured Content Gallery107
This plug-in creates an automated rotating gallery of images from your posts or pages that you can embed anywhere on your theme.

Screenshot108

NextGEN Gallery109
Another gallery plug-in with an easy-to-use back-end.

Screenshot110

WordPress Galleria111
Creates photo galleries automatically; all you have to do is upload a folder with the photos you want for each gallery.

Screenshot112

Flickr Gallery113
This is a great plug-in if you’ve already put your work up on Flickr. It lets you easily create galleries for your blog based on your Flickr photos, photosets and most popular photos.

Designing Your Project Pages

Each of your projects should have its own page providing details. The details you’ll want to include will vary based on what kind of portfolio you have. If you’re a Web designer, you’ll want to offer links to actual websites, along with a brief rundown of each project’s scope and possibly testimonials. If you’re a photographer, you’ll want to include information on the subjects, dates and locations of your photos. An artist will include information about the media used, inspirations and possibly from where and how the pieces can be purchased, or who has purchased them if they’ve already been sold.

Displaying the data for these types of posts can be a pain. You can just use a narrative format to describe the project as you would in a regular blog post. But if you’re looking for something a bit different, there are a couple of ways to deal with formatting posts like this. You can use a post template (check out the Post Templates114 plug-in) or a table (using the WP-Table115 plug-in). In any case, standardizing how information is presented for each project will make your portfolio look more professional.

No matter what kind of art or design work you’re showcasing, you may want to include additional images or screenshots of each project. Some of the image gallery plug-ins listed above are perfect for this type of usage.

What Else Should Your Portfolio Include?

Obviously, your portfolio should have images of your best work. But what else should you include? An “About” page should be included, as should contact information. (What’s the point of showing off your work if prospective clients can’t get in touch with you?)

If you’re feeling brave, you may want to set up a rating system on your website. There are plug-ins to do this (GD Star Rating116 seems to be the most popular). You can then use the ratings to feature certain projects or just use them for your own knowledge.

Whether to leave comments open on your project pages is another consideration. Again, it’s a personal choice. If you do decide to let visitors comment, I would strongly recommend setting up a moderation policy that requires all new comments to be approved. This prevents abusive comments from appearing on your website (a big concern if you’re posting projects you’ve done for clients, who might be offended if a negative comment showed up in reference to their website or logo).

4. Other Considerations And Tips

Keep the design of your portfolio website simple. You want your work to stand out, not the website’s design. A solid-colored or simple image background paired with crisp images of your projects is the way to go.

If you’re designing your portfolio theme from scratch or customizing a pre-made theme, here’s a trick I learned on my first project. Upload your theme or the basic framework of the theme to your website (or testing area). Then go to your home page and each individual page you’ll be designing and copy the source code. Save each of these pages as an HTML file. Open them up in your HTML editor of choice and attach the CSS from your theme. From there, you can edit your CSS and images and see how they affect the website’s actual design. Of course, you won’t be able to edit your PHP files, which control the functionality of your website, but it’s a great shortcut when working on the actual design.

Pick and choose the projects you upload to your website. No one says you have to include every project you’ve ever worked on. Pick the best ones, or the ones most representative of your work, and forget the rest. Better to have 10 or 20 excellent examples than 100 that are just so-so.

5. Portfolio Websites Built On WordPress

A lot of designers, photographers and artists already use WordPress to display their work. Here are just a few:

eric-powell.com117

Screenshot118

Delineate119

Screenshot120

John James Jacoby121

Screenshot122

Cribble123

Screenshot124

Lawrence Naman125

Screenshot126

Branded07127

Screenshot128

George Butler Design and Development129

Screenshot130

Freshivore131

Screenshot132

6. Further Resources

Here are additional links that may be useful when designing your portfolio website.

(al)

Footnotes

  1. 1 http://codex.wordpress.org/User:Lastnode/Wordpress_CMS
  2. 2 http://codex.wordpress.org/Getting_Started_with_WordPress
  3. 3 http://www.smashingmagazine.com/2008/09/15/wordpress-developers-toolbox/
  4. 4 http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/
  5. 5 http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/
  6. 6 http://webrevolutionary.com/sharpfolio/
  7. 7 http://webrevolutionary.com/sharpfolio-demo/
  8. 8 http://webrevolutionary.com/sharpfolio/
  9. 9 http://www.smashingmagazine.com/2008/12/29/free-icons-photoshop-brushes-and-a-wordpress-theme/
  10. 10 http://labs.paulicio.us/viewport/
  11. 11 http://paulicio.us/
  12. 12 http://www.smashingmagazine.com/2008/12/29/free-icons-photoshop-brushes-and-a-wordpress-theme/
  13. 13 http://www.woothemes.com/2009/02/irresistible/
  14. 14 http://www.woothemes.com/demo/?t=25
  15. 15 http://www.woothemes.com/free-downloads/irresistible.zip
  16. 16 http://www.woothemes.com/2009/02/irresistible/
  17. 17 http://wpesp.com/portfolio/
  18. 18 http://demo.wpesp.com/portfolio/
  19. 19 http://wpesp.com/?dl_id=1
  20. 20 http://wpesp.com/portfolio/
  21. 21 http://redworks.sk/wp-themes/linquist/
  22. 22 http://linquist.redworks.sk/
  23. 23 http://redworks.sk/wp-themes/linquist/
  24. 24 http://wordpress.org/extend/themes/monotone
  25. 25 http://monotonedemo.wordpress.com
  26. 26 http://wordpress.org/extend/themes/monotone
  27. 27 http://pupungbp.erastica.com/wordpress-theme/fotofolio-wordpress-theme-for-your-online-portfolio/
  28. 28 http://demo.wordspop.com/fotofolio/
  29. 29 http://pupungbp.erastica.com/wordpress-theme/fotofolio-wordpress-theme-for-your-online-portfolio/
  30. 30 http://www.woothemes.com/2008/06/proudfolio/
  31. 31 http://www.woothemes.com/demo/?t=8
  32. 32 http://www.woothemes.com/2008/06/proudfolio/
  33. 33 http://frozr.com/photopro/
  34. 34 http://www.frozr.com/photo
  35. 35 http://frozr.com/photopro/
  36. 36 http://themeforest.net/item/design-photograpy-portfolio/31774
  37. 37 http://www.designqueries.com/demo01/?wptheme=portfolio
  38. 38 http://themeforest.net/item/design-photograpy-portfolio/31774
  39. 39 http://www.themegalaxy.net/2008/08/cassiopeia/?ev=8170ad50f8#one
  40. 40 http://www.themegalaxy.net/demo/cassiopeia/
  41. 41 http://www.themegalaxy.net/2008/08/cassiopeia/?ev=8170ad50f8#one
  42. 42 http://themeforest.net/item/sofa-designer-folio/30472/
  43. 43 http://designerfolio.sofarider.com/
  44. 44 http://themeforest.net/item/sofa-designer-folio/30472/
  45. 45 http://www.dailywp.com/portfolio-wordpress-theme/
  46. 46 http://sponsoredwp.info/portfolio/
  47. 47 http://www.dailywp.com/portfolio-wordpress-theme/
  48. 48 http://www.woothemes.com/2009/01/geometric/
  49. 49 http://www.woothemes.com/demo/?t=21
  50. 50 http://www.woothemes.com/2009/01/geometric/
  51. 51 http://themeforest.net/item/great-portfolio/27958/
  52. 52 http://inspirationup.com/themeforest/great-portfolio/dark-brown
  53. 53 http://themeforest.net/item/great-portfolio/27958/
  54. 54 http://themeforest.net/item/sketchbook-blog-portfolio-theme/26665/
  55. 55 http://sketchbook.themedemo.net/
  56. 56 http://themeforest.net/item/sketchbook-blog-portfolio-theme/26665/
  57. 57 http://themeforest.net/item/goldmine-wordpress-portfolio-and-blog-theme/24962
  58. 58 http://demo.monofactor.com/goldmine_wp/
  59. 59 http://themeforest.net/item/goldmine-wordpress-portfolio-and-blog-theme/24962
  60. 60 http://themeforest.net/item/ambiguous-portfolio-wordpress-theme/35885
  61. 61 http://ambiguous.themedemo.net/
  62. 62 http://themeforest.net/item/ambiguous-portfolio-wordpress-theme/35885
  63. 63 http://themeforest.net/item/foliotastic-a-premium-portfolio-wordpress-theme/38818
  64. 64 http://previews.themesnack.com/foliotastic/wp/
  65. 65 http://themeforest.net/item/foliotastic-a-premium-portfolio-wordpress-theme/38818
  66. 66 http://themeforest.net/item/shuffle-portfolio-blog/33953
  67. 67 http://themeforest.fileonfly.com/shuffle/
  68. 68 http://themeforest.net/item/shuffle-portfolio-blog/33953
  69. 69 http://themeforest.net/item/yourfolio/19729
  70. 70 http://yourfolio.themedemo.net/
  71. 71 http://themeforest.net/item/yourfolio/19729
  72. 72 http://www.woothemes.com/2008/09/fresh-folio/
  73. 73 http://www.woothemes.com/demo/?t=10
  74. 74 http://www.woothemes.com/2008/09/fresh-folio/
  75. 75 http://www.elegantthemes.com/gallery/egallery/
  76. 76 http://www.elegantthemes.com/preview/eGallery/
  77. 77 http://www.elegantthemes.com/gallery/egallery/
  78. 78 http://www.elegantthemes.com/gallery/grungemag/
  79. 79 http://www.elegantthemes.com/preview/GrungeMag/
  80. 80 http://www.elegantthemes.com/gallery/grungemag/
  81. 81 http://graphpaperpress.com/2008/10/05/modularity-multimedia-theme-framework-for-wordpress/
  82. 82 http://graphpaperpress.com/demo/modularity/?wptheme=Modularity
  83. 83 http://graphpaperpress.com/2008/10/05/modularity-multimedia-theme-framework-for-wordpress/
  84. 84 http://www.elegantthemes.com/gallery/cion/
  85. 85 http://www.elegantthemes.com/preview/Cion/
  86. 86 http://www.elegantthemes.com/gallery/cion/
  87. 87 http://themeforest.net/item/briefcase-portfolio-theme/21212?ref=wpthemesnews
  88. 88 http://briefcase.themedemo.net/
  89. 89 http://themeforest.net/item/briefcase-portfolio-theme/21212?ref=wpthemesnews
  90. 90 http://bitworker.blogspot.com/2008/04/wordpress-plugin-my-sticky-posts.html
  91. 91 http://lesterchan.net/portfolio/programming/php/#wp-sticky
  92. 92 http://www.cnet.ro/wordpress/thumbnailforexcerpts/
  93. 93 http://www.cnet.ro/wordpress/thumbnailforexcerpts/
  94. 94 http://slidepress.net
  95. 95 http://slidepress.net
  96. 96 http://noscope.com/journal/2009/03/carousel-gallery-jquery-for-wordpress
  97. 97 http://noscope.com/journal/2009/03/carousel-gallery-jquery-for-wordpress
  98. 98 http://www.christianschenk.org/projects/wordpress-thickbox-plugin/
  99. 99 http://www.christianschenk.org/projects/wordpress-thickbox-plugin/
  100. 100 http://www.whoismanu.com/photoq-wordpress-photoblog-plugin/
  101. 101 http://www.whoismanu.com/photoq-wordpress-photoblog-plugin/
  102. 102 http://www.whypad.com/posts/photosmash-galleries-wordpress-plugin-released/507/
  103. 103 http://www.whypad.com/posts/photosmash-galleries-wordpress-plugin-released/507/
  104. 104 http://alexpolski.com/projects/image-drop-shadow-wordpress-plugin/
  105. 105 http://pageflipgallery.com
  106. 106 http://pageflipgallery.com
  107. 107 http://www.featuredcontentgallery.com/
  108. 108 http://www.featuredcontentgallery.com/
  109. 109 http://alexrabe.boelinger.com/wordpress-plugins/nextgen-gallery/
  110. 110 http://alexrabe.boelinger.com/wordpress-plugins/nextgen-gallery/
  111. 111 http://wordpress.org/extend/plugins/wp-galleria/
  112. 112 http://wordpress.org/extend/plugins/wp-galleria/
  113. 113 http://co.deme.me/projects/flickr-gallery/
  114. 114 http://www.vincentprat.info/dev/wordpress-plugins/post-templates/
  115. 115 http://alexrabe.boelinger.com/wordpress-plugins/wp-table/
  116. 116 http://www.gdstarrating.com/
  117. 117 http://eric-powell.com/
  118. 118 http://www.eric-powell.com/
  119. 119 http://delineate.wahgnube.org/
  120. 120 http://delineate.wahgnube.org/
  121. 121 http://www.johnjamesjacoby.com
  122. 122 http://www.johnjamesjacoby.com/
  123. 123 http://cribble.net/
  124. 124 http://cribble.net/
  125. 125 http://lawrencenaman.com/
  126. 126 http://lawrencenaman.com/
  127. 127 http://www.branded07.com/category/portfolio/
  128. 128 http://www.branded07.com/category/portfolio/
  129. 129 http://georgebutler.com/portfolio
  130. 130 http://georgebutler.com/portfolio
  131. 131 http://www.freshivore.net/
  132. 132 http://www.freshivore.net/
  133. 133 http://bloghelper.is-there.net/how-to-use-wordpress-for-a-portfolio-site-part-1/
  134. 134 http://bloghelper.is-there.net/how-to-use-wordpress-for-a-portfolio-site-part-2/
  135. 135 http://www.wpzoom.com/design/wordpress-as-a-portfolio-examples-themes-15/
  136. 136 http://www.darrenhoyt.com/2007/08/24/build-a-dynamic-design-portfolio-with-wordpress/
  137. 137 http://www.graphicdesignblog.co.uk/wordpress-as-a-cms-content-management-system/
  138. 138 http://www.devlounge.net/publishing/things-to-consider-when-using-wordpress-as-a-cms
  139. 139 http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
  140. 140 http://www.merchantos.com/makebeta/wordpress/wordpress-customization/
  141. 141 http://www.smashingmagazine.com/2008/09/15/wordpress-developers-toolbox/
  142. 142 http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/
  143. 143 http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/

↑ Back to topShare on Twitter

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    I was kinda hoping for a “how to” and some sneaky tricks and tips with some hands on coding, but nice list of resources regardless~ Thanks~

  2. 3

    Lots of useful goodies, as always; thanks a lot.

  3. 4

    Yup, was hoping for a “how to”, too, although there’s plenty of resources covering that subject.
    Very nice collection! Thanks.

  4. 5

    I’ve ever waiting for a post like this…
    thanks a lot sm

  5. 6

    Moritz Gießmann

    April 29, 2009 9:15 am

    A weak article complained to the great headline.

  6. 7

    Floris Fiedeldij Dop

    April 29, 2009 9:17 am

    I disagree with you Moritz. Sorry.. It delivers exactly what it implies.

  7. 8

    Excellent post.

    I agree that it could be expanded on (part 2?)

    Maybe more plugin recommendations and ways to integrate with social media.

    With so many people building these kind of sites this is a very handy post.

  8. 9

    I hate Apple……
    Microsoft Rules……
    Don’t use a Mac, use Windows..

  9. 11

    I send this video to people almost daily. Will help catch you up with all the setup stuff and bring you up to where this article is a bit more useful.

    http://www.freevlog.org/vlog/index.php/2007/07/05/1-how-to-install-and-setup-wordpress/

  10. 12

    I am a graphic designer who is relatively new to the web scene, in compared with my print work. I have had the opportunity to work with a WordPress developer on most of my web design projects. I provide a custom design and he makes it function as a CMS in WordPress. As a non-coder, this solution has been incredibly useful! My clients have really enjoyed the usability of WordPress and the library of Plugins allow for extreme flexibility and extensibility without the added work and cost. My portfolio site is also a WordPress site.

  11. 13

    I’ve used WordPress for just about every kind of site, but my favorite to date is still using it as my own little ffffound.

    I use it with a related images/tags plugin that I modified to have a never ending stream of inspirational images that I have found and uploaded using firescribe.

  12. 14

    What a great resource. Thank you. I hope to get started soon on a new site.

  13. 15

    Good article, and a very useful link collection. Thanx.

  14. 16

    Thanks a lot. Good collection. Noah Lieske

  15. 17
  16. 18

    Great article! Lots of familiar stuff and a few new things: perfect!

  17. 19

    Nice Article Cameron… One of my friend also just published an article on “How to Create A Better Online Portfolio” on iShift few days ago… Nice to see another article with more resources.

    DKumar M.
    @instantShift

  18. 20

    A.B.C. Photography

    April 29, 2009 11:15 am

    I was hoping for something more. WordPress just cannot beat Pixelpost. Yet…
    But reading the article headline, I thought it would.

  19. 21

    I wouldn’t call Monotone a “portfolio theme” – especially if you compare it to other themes you suggested.
    People using Monotone please note that coding and CSS are far from perfect in that theme + little support is given, since it’s a theme meant for wordpress.com and then released for wordpress.org
    If you set it up on your own server, be prepared to some tweaking.
    The idea behind it is great, though.

  20. 22

    Pretty great article for the list of themes alone.

  21. 23

    Moritz Gießmann

    April 29, 2009 12:35 pm

    @ Floris What do we have here? Mostly links to some WordPress templates and Plugins. As a designer I create a worpress theme myself. I estimated some real proposals top create my own WordPress portfolio, not copying what someone else has done.

  22. 24

    like a few others was hoping for some custom functions and code tricks

  23. 25

    i agree with several of the comments above… the title of this article is a bit deceptive. i was under the impression i’d get a page with some information about customizing wordpress to be used as a portfolio.

    there could have been some good information on using custom fields and temples to create an easy to use & update portfolio. regardless, there is still useful information for beginning wordpress users.

  24. 26

    Wow, this is awesome! Thanks a lot!

  25. 27

    I just put together my own portfolio from a smash-together of wordpress, blueprint css and a little jquery. KernMe.org.

  26. 28

    Shout out to Robert Basic for his fantastic tutorial on how to use WordPress as a CMS WordPress as a CMS. I used his instructions for my website and it worked brilliantly.

  27. 29

    happy to see WPESP Theme was showcased. I found this theme a couple of week ago. An absolute divine!! my portfolio is looking sexy now :)

  28. 30

    i was bookmarking portfolio-building resources yesterday, so very timely for me. excellent collection of wordpress portfolio themes!

    question: why use a plug-in for a static page? why not just use the pages feature?

    also, why not mention the power of custom fields to accomplish a lot of features common to all portfolio sites?

    thanks again. very much appreciated.

  29. 31

    I had to laugh when I saw the screen shot of the “Great Portfolio!” theme: “I build websites based on the latest web standards”. Talk about irony. If someone is good at Web Design, and was launching their “portfolio”, why would they download or purchase a theme that someone else built? I think if I came across a designer’s blog that didn’t use their own custom theme, I wouldn’t be hiring them.

  30. 32

    yup. i’m another wordpress portfolio user and it makes everything so very simple

  31. 33

    This is a tremendous resource. Thank you for sharing…

  32. 34

    Michael Langham

    April 29, 2009 2:55 pm

    An amazing post. I’m not sure whom I should thank first– S/M for contracting you for this post, or You, for pulling together all that is here, into a most well-rounded article.
    And as always, it has come at a perfect time as well.

    Kudos for sure to the both of you.

    @craig: for the most part i’m in agreement. for a writer- it’s cool; for a photog- fairly cool; but for a “designer” of websites to utilize an out of the box solution- very questionable.

    In contrast to that statement though is my consideration for designers not really “feeling” the bones of a theme’s construction, but applying instead, as they learn, their ‘touch’ or ‘skin’ to a foundation they find appealing to their style.

  33. 35

    I built my portfolio on wordpress, really useful and convenient for quick and simple updates.

  34. 36

    @Craig – Because that “someone” might be better. ^^
    And If you’re a busy business owner, you’ll be “wow!”-ed by the webdesigner’s portfolio and hire him. You don’t have the time to search the net to see if that’s his actual work anyway.

    I was expecting a “how to” – several readers also told you that. But nice collection anyway!

  35. 37

    i’m struggling trying to decide between hosts.

    i know this is a highly debated topic, and possibly endless.. but anyone have any good suggestions? reliable / ease of use / effective ?

  36. 38

    This is something I’ve been trying to research and do for the longest time. SM always posts about what I need at the right time! I’ll be using this in the near future.

  37. 39

    Excellent!

  38. 40

    “Irresistible” is such a good theme, it look like a professional one. Btw, nice list :)

  39. 41

    Christian Schenk

    April 29, 2009 10:54 pm

    Thanks for the mention and this nice guide!

  40. 42

    Well, WPESP it is… Now I know the ground zero for my new portfolio =)

    BTW thx for another smashing post =)

  41. 43

    很不错呀,能否多关注下Firefox theme 和Add-ones之类的,谢谢

  42. 44

    Great, Thanks alot!

  43. 45

    Thanks for your tips

  44. 46

    Great post… thanks…

  45. 47

    man! i love this magazine!

  46. 48

    I can’t believe the level of content you go to in your posts. I shall be implementing some of the ideas into my blog. No wonder smashing magazine is the best designer blog. Cheers guys.

  47. 49

    Hm… I think that a true designer and developer can create his own portfolio and do not use templates.

  48. 50

    “Great Portfolio” is lovely, but it’s NOT a wordpress theme. I thought it was, bought it, and discovered it’s just a site template (albeit a nice one).

  49. 51

    Thank you! Thank you! Thank you!!! I’m in the process of designing my own wp theme for my personal portfolio/blog site and needed some inspiration! Perfect timing!

  50. 52

    “Ryan (April 29th, 2009, 9:46 am)

    I hate Apple……
    Microsoft Rules……
    Don’t use a Mac, use Windows..”

    haha right…. I take it design isn’t your career…. boy, that was a good one.

    Anyways, good post… I was looking to buy a template to start a portfolio/tutorial type site of my own. These are great. Perfect timing as well…almost eerie.

  51. 53

    thanks, good post

  52. 54

    “I hate Apple……
    Microsoft Rules……
    Don’t use a Mac, use Windows..”

    Grow up…

  53. 56

    GREAT article, one of your best recent WordPress posts!

  54. 57

    okay once again and without any link :-)
    great article and great tips. i used a modified version of foliagmod_v2 for my personal portfolio. wordpress + a good theme + a few mods = a highly usable portfolio page

  55. 58

    Oh God, this is GREAT! :3

    Now I want to redo my site

    …again. :s

  56. 59

    Awesome, I have been playing around with converting my portfolio site to WordPress. This is great! Is smashing going to design a portfolio site theme any time soon? Hint Hint… I love the “magazeen” theme you guys did.

  57. 60

    John James Jacoby

    May 1, 2009 9:00 am

    Thanks Cameron for the mention and link to my portfolio. Lots of good info and examples here on how to use WordPress as a personal portfolio site.

    Great work!

  58. 61

    We just re-vamped our site, using WordPress as a CMS. It’s working well so far. This article has some definitely relevant stuff, though we had to do a lot of customizing to get things to look and function the way we wanted. Take a look and let us know what you think:

    Alphabet Arm Design

  59. 62

    Thanks Cameron for mentioning the SlidePress plugin!

    We wanted to create a useful tool for people to integrate SlideShowPro flash galleries in their WordPress sites, without needing to know anything about Flash or XML. The plugin has several options for data sources and nearly unlimited styling options which will hopefully make it easy for anyone to start using and create great looking slideshows.

    Thanks again,
    @slidepress

  60. 63

    Great reference! Just in time for my site overhaul, will definitely go with WordPress for this revision.

  61. 64

    Igor Barbashin

    May 2, 2009 1:06 am

    Picasna — widget for creating fullscreen portfolios uploaded to Picasa Web Albums. Still in beta test. Now developing flickr-friendly version.

  62. 65

    Recep Kütük

    May 6, 2009 8:34 pm

    I would really like an “ultimate guide to using Expression Engine for a portfolio” post, with comparison :)

  63. 66

    YAY! Thanks for mentioning cribble. x

  64. 67

    Vincent Franco

    May 12, 2009 6:15 pm

    Wow thanks for featuring my site guys! I am addicted to SM!

  65. 68

    May I suggest “Fresh Foto” to this awesome list…
    http://www.freshlimesoda.us/wp-themes/freshfoto-premium-wordpress-theme/

  66. 69

    I have found what i was looking for !!! thx )

  67. 70

    i will definatelly recomend this program to my photographer friend for his work

  68. 71

    Now is too easy be a web designer

  69. 72

    Interesting. I’ve also tried to use WordPress for something similar, not a portfolio but a genuinely interactive resume. http://potluck.com/2008/09/my-life-in-tags-creating-an-interactive-resume-and-biographical-website/ — may give people here some ideas about how to make their WordPress-based portfolios even more interesting/functional.

  70. 73

    This is definitely a nice list for sure. I was looking forward to more tips and tricks….maybe some new one page techniques.

  71. 74

    I came out with my own wordpress portfolio theme not long ago:

    silverio.sachagreif.com/

    The problem with a lot of portfolio theme is that they’re too busy and their design ends up overpowering your own work. So I tried to keep things very clean and simple.

  72. 75

    I developed a free/GPL WordPress theme for artists called WPFolio. I work as an artist and with professional artists often and this theme was designed to meet their needs.

  73. 76

    it is a really very great post. smashing magazine rocks. I also found some free but premium wordpress themes, which are great for portfolio too. One is named Aurelius wordpress theme, and the other is a single page wordpress theme called YourInspiration. Both are very nice, you should definitely have a look. the url is: http://pengbos.com Hope it is also valuable

  74. 77

    Thanks for the great article.

    I have worked with Joomla commercially for quite some time but only started trying out WordPress recently. I would like to use it for my personal portfolio, so this article really gave me lots of useful information. Thanks once again.

  75. 78

    Here’s a new free html5 theme I just released. It uses the custom post types in WordPress 3.0 to display portfolio items: http://wptheming.com/2010/07/portfolio-theme/

  76. 79

    We just released a beautiful new minimalist, grid based and customiseable WordPress portfolio theme called ‘Ezri’ at http://monomoda.com/themes

  77. 80

    okay once again and without any link :-)
    great article and great tips. i used a modified version of foliagmod_v2 for my personal portfolio. wordpress + a good theme + a few mods = a highly usable portfolio page

  78. 81

    At last. I got this one. Thanks for the details in here.

  79. 82

    Great stuff!

    Oddly enough I found a lot of marketers don’t even know how to install WordPress, check this out for help nicheoptimizer.com/free-guides/wordpress/how-to-install-wordpress/

  80. 83
  81. 84

    I’ve powered my web design portfolio with WordPress now for 4+ years, and wouldn’t suggest anything else. It’s so easy to add a new project, and also separates the content well making it easy to update the design – something we web designer do all too often it seems.

  82. 85

    The links to the other Smashing Magazine articles (on successful online portfolios and beautiful and creative designs) are no longer working…

↑ Back to top