New Inspiro AI Demo Generator — can't find the perfect demo? Describe your website and AI builds a custom one in about 2 minutes. Learn more →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

How to Create a Portfolio Section

This article refers to WPZOOM Portfolio

WPZOOM Portfolio adds a Portfolio post type and a flexible Portfolio block to WordPress, so you can showcase projects in a filterable grid on any page. This guide takes you from zero to a published portfolio section.

The plugin works with the block editor (Gutenberg). If the Classic Editor plugin is active, deactivate it (or allow the block editor for portfolio posts) — the plugin will show a notice otherwise.


Table of Contents

  1. Step 1: add a few portfolio posts
  2. Step 2: insert the Portfolio block
  3. Step 3: pick a layout and tweak the options
  4. What visitors get
  5. Where to go next

Step 1: add a few portfolio posts

Go to Portfolio → Add New and create a handful of projects. Two things matter for the grid:

  • a Featured Image for each post — it’s what the grid displays;
  • a Category (the Categories under the Portfolio menu) — categories power the filter bar. Posts without one are placed in Uncategorized.
Portfolio Items list

Details, video options and galleries per post are covered in How to Add New Portfolio Posts.


Step 2: insert the Portfolio block

Edit the page where the portfolio should appear, click the + inserter and add the Portfolio block (category WPZOOM – Blocks).

Portfolio block in the editor

A grid of your latest portfolio posts appears immediately, with a live preview of every option. Tip: switch the block’s alignment to Full width in the toolbar for the classic edge-to-edge portfolio look.


Step 3: pick a layout and tweak the options

Everything lives in the block sidebar:

  • LayoutColumns, Overlay (title over the image), Masonry, or Eccentric (PRO) — plus columns amount, gap and item border radius.
Layout panel
  • Filtering — what to show: portfolio posts, blog posts or Media Library images; categories; order; number of items; the category filter bar.
  • Fields — thumbnail size, title, author/date/excerpt/read-more (Columns layout).
  • Other Settings — lightbox, clickable items and what a click opens.

Every option is explained in the Portfolio Block Options reference.


What visitors get

Portfolio grid with the category filter
  • A responsive grid with your chosen layout, e.g. Overlay above or Masonry below.
Masonry layout
  • A category filter bar (when enabled and you have 2+ categories) that filters projects instantly, without reloading the page.
  • A lightbox: clicking a project opens its image full-screen with arrows to browse the rest (or the single project page — your choice under Other Settings → On Item Click).
Lightbox

Where to go next

Last updated on August 23, 2026