Title: Masonry Image Gallery Block
Author: Binsaifullah
Published: <strong>16 Desember 2021</strong>
Last modified: 11 Mei 2026

---

Cari plugin

![](https://ps.w.org/mgb-masonry-image-gallery/assets/banner-772x250.jpg?rev=3516676)

![](https://ps.w.org/mgb-masonry-image-gallery/assets/icon-256x256.png?rev=3516676)

# Masonry Image Gallery Block

 Oleh [Binsaifullah](https://profiles.wordpress.org/binsaifullah/)

[Unduh](https://downloads.wordpress.org/plugin/mgb-masonry-image-gallery.2.3.1.zip)

 * [Detail](https://id.wordpress.org/plugins/mgb-masonry-image-gallery/#description)
 * [Ulasan](https://id.wordpress.org/plugins/mgb-masonry-image-gallery/#reviews)
 *  [Instalasi](https://id.wordpress.org/plugins/mgb-masonry-image-gallery/#installation)
 * [Pengembangan](https://id.wordpress.org/plugins/mgb-masonry-image-gallery/#developers)

 [Bantuan](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/)

## Deskripsi

**MGB Masonry Image Gallery** is a custom **Gutenberg Block** built with **Gutenberg
Native Components**. It allows you to create an image gallery in Gutenberg Editor
easily. In addition, you can style gallery images and gallery container with different
options. You can also add a lightbox to the gallery images.

### Video Overview

### Features Included:-

 * **Build Masonry Image Gallery Easily in Gutenberg Editor.**
 * **Build with CSS for Masonry System. JS only for Lightbox**
 * **Popup Lightbox Support**
 * **Slick, light-weight, and optimized.**
 * **Load scripts only where the block is used**
 * Clean Codes
 * Never slowdowns your site.
 * Highly Customizable
 * **Responsive and Mobile-friendly.**
 * Easy to use and customizable with Gutenberg Block Editor.
 * **Gutenberg Native Components are used.**
 * **No block builder**

### Third Party Library

[fslightbox](https://github.com/banthagroup/fslightbox) is used to create lightbox.

## Blok

Plugin ini menyediakan 1 blok.

 *   Masonry Gallery Showcase Images in a Masonry Gallery View.

## Instalasi

This section describes how to install the plugin and get it working.

e.g.

 1. Upload the plugin files to the `/wp-content/plugins/masonry-image-gallery` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Go to any post/page, and you will find a new category named MASONRY IMAGE GALLERY
    GUTENBERG BLOCK that includes the block.
 4. Now simply use it.

## Tanya Jawab

### Is it responsive?

Sure, the block is 100% responsive.

### Is it customizable like Gutenberg Default Blocks?

Sure. It is highly customizable like Gutenberg default blocks.

## Ulasan

![](https://secure.gravatar.com/avatar/1dc364b60063b77814324a4f1e73b50d103586b9d255f4a7f6345c9545c8af8e?
s=60&d=retro&r=g)

### 󠀁[Great!](https://wordpress.org/support/topic/great-16743/)󠁿

 [Matija](https://profiles.wordpress.org/matija80/) 3 April 2025

Exactly what I was looking for – simple WP masonry gallery block.

![](https://secure.gravatar.com/avatar/951d899dafcd4ff80dde9ad0c22e0827830215a46b94737481722f01c04424dd?
s=60&d=retro&r=g)

### 󠀁[Excelent](https://wordpress.org/support/topic/excelent-1528/)󠁿

 [Multimedia Efectiva](https://profiles.wordpress.org/mmefectiva/) 7 November 2023

Installed in more than 20 sites. Is slim and fast.

![](https://secure.gravatar.com/avatar/49a00cf570552b97a2e6f390e1e27939ce3df684e53b3b125700fcef3d147db7?
s=60&d=retro&r=g)

### 󠀁[Loads images in columns vs rows](https://wordpress.org/support/topic/loads-images-in-columns-vs-rows/)󠁿

 [jposterspy](https://profiles.wordpress.org/jposterspy/) 20 Mei 2023 1 balasan

Really confusing layout- you have your Wordpress order which is usually left to 
right and in ROWS. For some reason this plugin loads the masonry in columns so re-
ordering is a nightmare. Taking me literal hours to re-order. Besides that loading
is good but this problem makes the plugin virtually unusable IMO. Support also non-
existant, check the support no replies for 5 months.

![](https://secure.gravatar.com/avatar/bc838a5b751d5b95bb95cea3db15aeaa394ac63a972b226bea9ae5117ef06774?
s=60&d=retro&r=g)

### 󠀁[Clean code](https://wordpress.org/support/topic/clean-code-3/)󠁿

 [Sugar Ray](https://profiles.wordpress.org/mrwpress1/) 18 Mei 2022

Works like a dream. Great plugin with great code/architecture. No safety issues 
I could see and very clean. Excellent work and thank you SO much!

![](https://secure.gravatar.com/avatar/d9ca4abe98b01deaa0d51fb2feb5cca97b99fc26abaea079eecf90cd3a0319de?
s=60&d=retro&r=g)

### 󠀁[Simple, but great Masonry gallery plugin](https://wordpress.org/support/topic/simple-but-great-masonry-gallery-plugin/)󠁿

 [barna](https://profiles.wordpress.org/barna/) 25 April 2022

Thanks for your work, this plugin is very helpful!

![](https://secure.gravatar.com/avatar/66cadba30ee6b5a3eca86179514d6cda4818ad85a39594b1ec54c95d9ddcfebc?
s=60&d=retro&r=g)

### 󠀁[Perfect masony gallery](https://wordpress.org/support/topic/perfect-masony-gallery/)󠁿

 [Antonio Trifirò](https://profiles.wordpress.org/conlaccento/) 11 April 2022

It does exactly what is needed. Works very well.

 [ Baca semua 6 ulasan ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/)

## Kontributor & Pengembang

“Masonry Image Gallery Block” adalah perangkat lunak open source. Berikut ini mereka
yang sudah berkontribusi pada plugin ini.

Kontributor

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

[Terjemahkan “Masonry Image Gallery Block” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/mgb-masonry-image-gallery)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/mgb-masonry-image-gallery/),
periksa [repositori SVN ](https://plugins.svn.wordpress.org/mgb-masonry-image-gallery/),
atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/mgb-masonry-image-gallery/)
melalui [RSS](https://plugins.trac.wordpress.org/log/mgb-masonry-image-gallery/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

#### 2.3.1

 * Codes are optimized.
 * Placholder width issue is fixed

#### 2.3.0

 * Magnific Popup lightbox is depreated, so it is removed and a vanilla js library
   is used for speed and stability. Block will ask for attempt recovery, simple 
   recover it.

#### 2.2.2

 * Compatible with Latest WP Version 6.6.2

#### 2.2.1

 * Compatible with Latest WP Version 6.6.1

#### 2.2.0

 * Fixing PHP Warning Issues

#### 2.1.0

 * Added: Image Caption
 * Added: Image Style

#### 2.0.0

 * Fix Lightbox Issues
 * Dynamic Gallery Id
 * Responsive Columns & Gutter
 * Gallery Image hover effects
 * Compatible with Latest WP Version

#### 1.0.0

 * Release

## Meta

 *  Versi **2.3.1**
 *  Diperbarui **5 bulan yang lalu**
 *  Instalasi Aktif **1,000+**
 *  Versi WordPress ** 6.0 atau yang terbaru **
 *  Diuji hingga **6.9.10**
 *  Versi PHP ** 7.4 atau yang terbaru **
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/mgb-masonry-image-gallery/)
 * Tag
 * [gallery block](https://id.wordpress.org/plugins/tags/gallery-block/)[gutenberg](https://id.wordpress.org/plugins/tags/gutenberg/)
   [image gallery](https://id.wordpress.org/plugins/tags/image-gallery/)[masonry gallery](https://id.wordpress.org/plugins/tags/masonry-gallery/)
   [photo gallery](https://id.wordpress.org/plugins/tags/photo-gallery/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/mgb-masonry-image-gallery/advanced/)

## Rating

 4.3 dari 5 bintang.

 *  [  5 ulasan 5-bintang     ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/?filter=5)
 *  [  0 ulasan 4-bintang     ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/?filter=2)
 *  [  1 ulasan 1-bintang     ](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/reviews/)

## Kontributor

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/mgb-masonry-image-gallery/)