---
title: "How to Create WordPress Image Gallery in Metro Layout?"
url: https://nexterwp.com/docs/create-wordpress-image-gallery-in-metro-layout/
date: 2023-06-17
modified: 2026-04-14
author: "Aditya Sharma"
description: "Looking to create a sleek and stylish image gallery on your WordPress website? The metro layout is an excellent choice. With its grid-based design and modern aesthetics, it can make..."
image: https://nexterwp.com/wp-content/uploads/2024/05/create-wordpress-image-gallery-in-metro-layout-1024x519.jpg
word_count: 214
---

# How to Create WordPress Image Gallery in Metro Layout?

## Key Takeaways

- Nexter Blocks Media Listing block creates a WordPress image gallery in a metro layout by selecting Images in the Type section and Metro in the Layout section.
- Media Listing block also shows a video gallery in a metro layout by selecting Videos from the Type section.
- Columns Manage tab lets the user manage the grid columns after adding images in the Content tab and choosing an image popup type from the Popup Layout dropdown.

Looking to create a sleek and stylish image gallery on your WordPress website? The metro layout is an excellent choice. With its grid-based design and modern aesthetics, it can make your image gallery stand out.

With the Media Listing block from the Nexter Blocks, you can easily create a stylish image gallery in a metro layout for your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Media Listing block,* [click here](/docs/media-listing-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks, make sure its installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-image-gallery/)

To do this, add the Media Listing block on the page, 

1. Select **Images** from the **Type** section.

2. Then select the appropriate listing style and select **Metro** from the **Layout** section under the **Layout** tab.

![](https://nexterwp.com/wp-content/uploads/2023/06/media-listing-image-metro-new.png)

> *Note: Similarly, you can show a video gallery in a metro layout by selecting ****Videos**** from the ****Type**** section.*

You can select the appropriate image popup type from the **Popup Layout** dropdown.

3. In the **Content** tab, select the appropriate content source and add images to the gallery.

Now your gallery will show in a metro layout. You can manage the grid columns from the **Columns Manage** tab. 

![media listing metro layout demo](https://nexterwp.com/wp-content/uploads/2023/06/media-listing-metro-layout-demo.png)

Also, read [How to Create WordPress Photo Gallery Grid](https://nexterwp.com/docs/create-wordpress-photo-gallery-grid/).