When you make any type of creative work for your clients, like design or photography, it’s incredibly important to make sure that you’re showing that work off on your website. Why? Well, potential clients want to see what style of work you create before they make the leap and invest in working with you. Just think about it, you wouldn’t hire someone to make a themed cake for you without seeing their previous work so you could feel confident in what you were paying them to do.
Setting up a portfolio on your site can be sort of confusing though, which is likely why there is such a wide variety of free and premium plugins for WordPress to help you do exactly that. The good news is that you don’t have to pay for a plugin or know how to code to get your portfolio up and live on your site because today we’re showing you how to easily and quickly add a portfolio to your WordPress site.
[Tweet “Use this tutorial to add a portfolio to you WordPress site so you can show off your creative work”]
Install the Genesis Portfolio Pro plugin
There are a ton of portfolio plugins available, but because we want to add a basic portfolio and have it as easy to update as publishing new blog posts, we highly recommend picking the Genesis Portfolio Pro plugin by copyblogger. So, you’ll start by installing and activating this plugin on your site.
Start adding your portfolio items
Once the plugin is activated on your site, you’ll see a new section appear in your Dashboard sidebar, which says Portfolio. You’ll navigate to Portfolio Items > Add Item to start adding projects to your portfolio.
From there, things will start to look a little familiar. In fact, you’ll be brought to a page that looks the same as if you were adding a new blog post to your site. Aside from a Title and the Content of the portfolio item, you’ll also want to add a Featured Image. This is what will display when you navigate to your portfolio on the front-end of your site.
After you’re done adding your project, be sure to hit Publish, and then continue adding as many projects as you want to display in your portfolio.
Styling your portfolio
Once you’re done adding your projects, you can navigate to your url with /portfolio at the end to see how things are looking. Because the plugin takes CSS styles from your theme, you should get something that automatically matches the rest of your site. This means that you should have little to no CSS to touch at this point.
However, one thing I noticed on all of our Coded Creative themes with this plugin is that since the plugin pulls the font size of posts for the portfolio item titles, the titles of the portfolio items are a little large. If you want to change this, you can go to Customize > Additional CSS, and paste the following code in the box, then hit save to make things a little smaller.
Add your portfolio to your menu
Once you’re ready to publish your portfolio, you’ll want to add it to your menu so visitors can find it. After all, if you don’t add the link to your navigation, no one except you will know the page exists. To do this, you’ll go to Appearance > Menus.
You will add a Custom Link, with the URL being /portfolio and the link text can be whatever you want, then click Add to Menu. Once you’ve added the item to your menu, you can drag and drop it wherever you want it to appear, and then click Save Menu. After that, you can go to your URL, and easily navigate to your brand new portfolio.
You did it!
It might have taken a little while, but if you followed the steps above, you’ve successfully added a portfolio to your WordPress site. By the way, if this tutorial overwhelms you but you’re looking to show off your creative work, check out our Studio theme. It’s designed with creative business owners like photographers and designers in mind so you can easily show off your beautiful work and book more clients.