Portfolio

The portfolio single project page is where Silverio really shines. It’s pretty easy to manage, too, thanks to custom fields.

Overview

The single project page is divided into three areas: the gallery, the project summary (which also includes project facts), and the case study. The gallery is automatically generated from all the images you uploaded using the upload/insert button in WordPress. The project summary contains everything that’s before the “read more” tag in your post content (if you didn’t insert the tag, it just takes everything). Project facts are optional and can be set using custom fields. And lastly, the case study zone contains everything after the “read more” tag.

Post excerpt

The post excerpt is used in three places: in the home page slideshow, as the portfolio gallery thumbnail’s caption, and as the short text below each project name in the single project page’s footer. So it’s important that you fill it in.

Adding a project to the homepage slideshow

It’s easy to make a project appear in the homepage slideshow, just follow these steps:

  1. Create a new category named “homepage” (or pick any name that works for you).
  2. Go to the theme options (Appearance > Silverio Options) and pick the category you just created for “Homepage slideshow category”.
  3. You can now give that category to any project that you want to appear on the homepage.

Adding an image to the gallery

To add an image to the gallery, just add it to the post (note that you don’t need to insert it into the post). If you’re not sure how to do that, I suggest you check out the WordPress documentation.

If you link the image to its full-size version you wil be able to click through to the larger version in a lightbox. And if you add a caption it will appear on hover.

The caption field (by the way, this is a caption too)

A note on paragraphs

If you’ve been using WordPress for a while, you’ll have noticed that it loves inserting <p> tags everywhere. Since Silverio lets you use shortcodes to create complex grid layouts, I decided to deactivate auto-formatting in a few specific places. One of these places is the case study zone. So to be clear, if you want <p> tags in your case study, you will have to manually add them in the HTML view.