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.
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:
- Navigate to Pages > Add New.
- Add a Page Title (Usually “Blog”).
- Select the “Blog” template from within the Page Attributes section.
- Publish the page.
- Add the page to your Custom Menu.
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.
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.
After adding a Gallery Shortcode to your post or page content, the images will display in an elegant slideshow on your website.
We hope you enjoy the Portfolio Theme updates!