How to Add a Portfolio Section

Unlike Inspiro Premium, Inspiro Lite doesn’t include a built-in portfolio section. Instead, you can create a professional-looking portfolio using the free WPZOOM Portfolio plugin. This plugin allows you to add portfolio items, create layouts, and display them anywhere on your website.

1. Adding Portfolio Items
2. Creating a Portfolio Layout
3. Customizing a Portfolio
4. Adding the Portfolio Section
5. Adding a Portfolio Section in Elementor
6. Reordering Portfolio Items

---

Adding Portfolio Items

1. Install and activate the WPZOOM Portfolio plugin.

2. In your Dashboard, go to Portfolio → Add New or Portfolio → Portfolio Items → Add New.

3. Add a title, portfolio content, and assign a featured image.

4. Optionally, assign the item to a category.

5. Click Publish.

Repeat these steps to add as many portfolio items as needed. These items will later populate your portfolio section.

---

Creating a Portfolio Layout

1. Go to Portfolio → Portfolio Layouts and click Add New Portfolio Layout.

A predefined portfolio layout will open in the editor, displaying your existing portfolio items. The settings of the predefined portfolio layout can be changed in Portfolio → Settings → Taxonomy.

2. Add a title for the layout.

3. Click on the Portfolio block in the editor to adjust settings in the right sidebar:

• Shortcode – copy the shortcode to display the portfolio anywhere on your site.
• Filtering – choose item sources, categories, post order, number of items, enable/disable category filters, or load items dynamically.
• Layout – choose the layout type, number of columns, column spacing, and toggle the “View All” button.
• Fields – show or hide elements like thumbnail, title, author, date, excerpt, or read more button.
• Other settings – open items in a lightbox, show/hide captions in the lightbox.

You can also set the width and alignment of the portfolio section in the block toolbar.

Note: The block also supports blog posts, so you can use it to create a post index or, for example, a travel destinations grid.

---

Customizing a Portfolio

The Styles panel in the block editor allows you to customize the appearance of your portfolio layout.

Available style settings include:

• Colors and typography (general)
• Filter styles (category filter bar)
• Layout styles (grid appearance)
• Post title styles
• Button styles

Make adjustments as needed and click Publish or Save to apply changes.

---

Adding the Portfolio Section

You can display your portfolio section in two ways:

Via Shortcode

1. Copy the shortcode from the Shortcode panel in your Portfolio Layout, or from the Portfolio → Portfolio Layouts list.

2. Open any page or post and add a Shortcode block.

3. Paste the shortcode and click Publish.

Any changes you make to the layout in Portfolio → Portfolio Layouts will automatically update wherever the shortcode is used.

Via the Portfolio Blocks

The plugin provides two blocks:

• Portfolio block – create a portfolio directly in the editor without saving it as a reusable layout. This will only exist on that specific page/post.
• Portfolio Layouts block – select a previously created Portfolio Layout from a dropdown and insert it into the editor.

---

Adding a Portfolio Section in Elementor

In Elementor, you can insert the portfolio section using a shortcode:

1. Create or edit a page with Elementor.

2. Add a new Section and insert a Shortcode or Text widget.

3. Paste the shortcode of your Portfolio Layout.

4. Update the page by clicking Publish.

Note: Portfolio layouts cannot be customized in Elementor. To make changes, edit the layout in Portfolio → Portfolio Layouts.

---

Reordering Portfolio Items

By default, portfolio items are ordered by publication date. To reorder them:

1. Go to Portfolio → Re-order.

2. Drag and drop items using the handle (three-line icon) to set the desired order.

3. Click Save Order.

To reset to the default order, click Reset Order.