The Updated Gutenberg Portfolio Theme

Both Portfolio and Portfolio Lite themes have been optimized for the WordPress 5.0 Gutenberg editor.

The design for the Portfolio Theme is minimal, and boasts a unique layout — featuring an anchored, vertical navigation, and a flexible, responsive grid. The minimal design is perfect for allowing the viewer to focus on your portfolio images without being distracted by flashy typography and effects.

In addition to the Gutenberg optimization, we have made some other theme updates that existing users should be aware of.

New Portfolio Style Blog Layout

Upon activation of the latest Portfolio and Portfolio Lite themes, if your homepage is set to display “Your latest posts,” posts will now display in a 3 column, portfolio style layout. A Featured Image or Title will display for each post, rather than the full post content.

The WordPress Reading Settings

With previous theme versions, the latest posts on the default blog displayed in a more traditional, single column blog layout. However, we felt that since this is a Portfolio Theme, it should look like a portfolio upon activation. So, we made this change as of Portfolio Theme v6.3 and Portfolio Lite 1.3.

If your blog suddenly changes, don’t panic! We’ve also included a new blog page template with both themes. So, you can still have the same traditional blog layout. It will just require a different setup process. For creating a traditional blog, follow these instructions:

  1. Navigate to Pages > Add New.
  2. Add a Page Title (Usually “Blog”).
  3. Select the “Blog” template from within the Page Attributes section.
  4. Publish the page.
  5. Add the page to your Custom Menu.
Portfolio Theme Blog Page Template

Voila! It’s that simple. Your new blog page will display as it did with previous theme versions.

Adding Slideshows With Gutenberg

Gutenberg replaces the traditional WordPress image gallery with the new Gallery Block. This is great! The Gallery Block looks way better than the old WordPress image gallery.

The new Gutenberg Gallery Block

However, the Portfolio Theme uses the traditional WordPress gallery for creating and managing slideshows. The theme accomplishes this by taking the first image gallery added to your post content, and using those images to create a slideshow. It’s a clever bit of code that we’re quite proud of. Unfortunately, the Gutenberg Gallery Block does not perform this way.

Never fear, you can still add a traditional WordPress gallery to your content within Gutenberg for managing slideshows! This is accomplished using the Shortcode Block.

The WordPress Gallery shortcode looks like this:

Within a post, or page with the Slideshow Page Template applied, add a Shortcode Block as pictured above to your content. Change the image IDs to match the order and IDs of the images you wish to be displayed in your slideshow. Then, publish or update the page.

A slideshow within the Portfolio Theme.

After adding a Gallery Shortcode to your post or page content, the images will display in an elegant slideshow on your website.

That’s It!

We hope you enjoy the Portfolio Theme updates!

Posted by

David Morgan is the co-founder, designer, and developer of Organic Themes. He founded the company with Jeff Milone in 2009 on the Hawaiian island of Maui. David enjoys surfing, swimming, golfing and creating new web applications and products. Personal Site: http://dav.idmorgan.com