---
title: "Gallery Blocks"
date: 2018-08-06
author: "nK"
---

# Gallery Blocks

The Visual Portfolio block shows posts, images, taxonomy terms or social posts as a gallery. Insert it, choose where the items come from, and shape the result with the panels in the block sidebar.

![](https://staging.visualportfolio.com/wp-content/uploads/2018/08/Shot-2026-03-25-at-09.29.11-1024x624.jpg)![](https://staging.visualportfolio.com/wp-content/uploads/2018/08/Shot-2026-03-25-at-09.29.11-1024x624.jpg)    ## Add the block

1. In the editor click **+** and search for **Visual Portfolio**. The block is in the Media category. Five variations preset the layout: Tiles, Masonry, Grid, Justified, Slider.
2. The **setup wizard** opens: content source, skin, and the Filter, Pagination and Popup Gallery switches. Click **Skip Setup** to use the defaults.
3. The block renders a live preview. The preview is the front end of your site loaded in a frame, so it shows what visitors will see, with two exceptions: Infinite pagination is shown as a Load More button, and Avoid Duplicates is not applied.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/06/Shot-2026-03-25-at-12.20.40-1024x548.jpg)![](https://staging.visualportfolio.com/wp-content/uploads/2024/06/Shot-2026-03-25-at-12.20.40-1024x548.jpg)    You can also convert a core **Gallery** block or a **Latest Posts** block into a Visual Portfolio block from the block toolbar.

## Panels

PanelPurposePage**Content Source**Where items come from and how many[Content Source](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/)**Posts Settings**, **Media Settings**, **Taxonomies Settings**, **Social Stream Settings**Options of the chosen source[Posts](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/posts/), [Media](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/media/), [Taxonomies](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/taxonomies/), [Social](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/social/)**General Settings**Items Per Page, No Items Action[Content Source](https://staging.visualportfolio.com/docs/gallery-blocks/content-source/)**Layout**Layout Items (Tiles, Masonry, Grid, Justified, Slider), and the Filter, Sort, Search and Pagination elements[Layout](https://staging.visualportfolio.com/docs/gallery-blocks/layout/), [Layout Elements](https://staging.visualportfolio.com/docs/gallery-blocks/layout-elements/)**Skin**How one item looks[Skin](https://staging.visualportfolio.com/docs/gallery-blocks/skin/)**Click Action**Disabled, URL, Popup, Advanced[Click Action](https://staging.visualportfolio.com/docs/gallery-blocks/items-click-action/)**Protection** (Pro)Watermarks, password, age gate, right click[Protection](https://staging.visualportfolio.com/docs/gallery-blocks/protection/)**Custom CSS**Styles for this block[Custom CSS](https://staging.visualportfolio.com/docs/gallery-blocks/custom-css/)The panels below Content Source appear once a source is chosen.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/06/Shot-2026-03-25-at-12.26.11-1024x624.jpg)![](https://staging.visualportfolio.com/wp-content/uploads/2024/06/Shot-2026-03-25-at-12.26.11-1024x624.jpg)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.05.24-1024x581.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.05.24-1024x581.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.07.03-1024x581.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.07.03-1024x581.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.08.40-1024x581.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.08.40-1024x581.png)    ## Block settings

- **Alignment**: none, wide, full (block toolbar). The wizard sets wide.
- **HTML anchor** (Advanced panel) for an ID.
- There is no “Additional CSS class(es)” field on this block; use [Custom CSS](https://staging.visualportfolio.com/docs/gallery-blocks/custom-css/).

## Saved Layouts

A block can also be stored as a **Saved Layout** for use in Elementor, WPBakery, the Classic Editor and shortcodes. In the block editor, prefer the block itself. See [Saved Layouts and Shortcodes](https://staging.visualportfolio.com/docs/saved-layouts-and-shortcodes/).