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.

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.

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 SourceWhere items come from and how manyContent Source
Posts Settings, Media Settings, Taxonomies Settings, Social Stream SettingsOptions of the chosen sourcePosts, Media, Taxonomies, Social
General SettingsItems Per Page, No Items ActionContent Source
LayoutLayout Items (Tiles, Masonry, Grid, Justified, Slider), and the Filter, Sort, Search and Pagination elementsLayout, Layout Elements
SkinHow one item looksSkin
Click ActionDisabled, URL, Popup, AdvancedClick Action
Protection (Pro)Watermarks, password, age gate, right clickProtection
Custom CSSStyles for this blockCustom CSS

The panels below Content Source appear once a source is chosen.

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.

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.

Was this page helpful?