Portfolio Page

The Genesis Portfolio plugin allows you to display portfolio items in an attractive grid-style layout.


Portfolio Type: A category in which a portfolio item will be classified under.

Portfolio Item: Individual post under a one or multiple types.

First, make sure you have the Genesis Portfolio Pro plugin enabled.

Part I: Portfolio Types

Under the Portfolio Items tab, select Portfolio Types.

Name: A short title that will refer to this item specifically.

Slug: A specific addition to the end of the navigation URL, to target this specific portfolio item. This will add another level of professionalism to your site, and allow you to keep the URLs you use relevant and easy to handle.

Description: This is used mainly for documentation purposes, so you can keep this short and sweet. The actual body related to these items you will be able to edit later.

Save these settings when you are ready, and a new Type will be created that you can assign items to.

Part II: Portfolio Items

Under the same portfolio items tab, go to the add new section to create a new portfolio Item.

Title and Body: These areas are customizable to your liking. Insert any media into the body of your text as well. You can include shortcodes, media, slideshows, etc. that you feel would enhance this item.

Portfolio Types: Assign this item to a portfolio type, if you so choose. You can also include this item in as many types as you’d like.

Featured Image: This is HIGHLY recommended to include (what good is a portfolio if you can’t see the work?). This is used in many different areas such as the grid layout, and main item page, so make sure it is a high quality image.

Theme SEO Settings (optional)

Document Title: The title of your item that reflects on a search engine.

Meta Description: An additional body of text that is populated in a search result. It is typically a good idea to also include key phrases that describe your item and website as well, to attract readers to your postings.

Meta Keywords: Key terms that a search engine will use to populate the most relevant search results for a user. Feel free to add as many or as few as you feel, separated by commas.

Excerpt: A short description that can be displayed. Should be as short as possible, as this will go on compressed versions of your item.

Part III: Portfolio Layout

Add a Portfolio to Your Navigation Menu

Now that you have all the information for you portfolio set up with Types and Items, let’s set up the actual pages for this information to be displayed on!

From your dashboard, select Appearance -> Customize.

Next, select whichever menu you would like to edit. On the Hallie Pro theme, the main navigation bar is the Header Menu 2.

To add a portfolio page, in the customize menu, select add items. Then, under portfolio types, select which instance you would like to add.

You can also change the name of your tab to whatever you like after you add it to your menu. I have changed the text to “My Paintings”.

After you publish your changes, you will see your addition populate.

You can repeat this process for as many portfolios as you would like to add.

In addition, you can create a dropdown tab that will include these portfolios under it.

To do this, create a general Portfolio tab. Its a good idea to link the main tab to your overall portfolio page, unless you would like to point to a different page.

To create a drop down, take whichever links you would like to be included in the dropdown, and drag them on top of the main link. You should see an outline that is indented, like below:

Once you have that set, you will see the dropdown functioning.

CONGRATULATIONS! You now have a fantastic looking portfolio added to your website.

Note: If you are looking for further options, customization, or source code, please refer to the Genesis Portfolio plugin documents for your needs.

Was this article helpful to you? Yes No

How can we help?