Title: Melonpan Block – Images
Author: Alvaro
Published: <strong>June 3, 2019</strong>
Last modified: December 6, 2019

---

Search plugins

![](https://ps.w.org/melonpan-block-images/assets/banner-772x250.png?rev=2148084)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/melonpan-block-images/assets/icon-256x256.png?rev=2148084)

# Melonpan Block – Images

 By [Alvaro](https://profiles.wordpress.org/melonpan/)

[Download](https://downloads.wordpress.org/plugin/melonpan-block-images.1.1.0.zip)

 * [Details](https://test.wordpress.org/plugins/melonpan-block-images/#description)
 * [Reviews](https://test.wordpress.org/plugins/melonpan-block-images/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/melonpan-block-images/#installation)
 * [Development](https://test.wordpress.org/plugins/melonpan-block-images/#developers)

 [Support](https://wordpress.org/support/plugin/melonpan-block-images/)

## Description

[Demo](https://gutenberg-showcase.melonpan.io/melonpan-block-images) – [Documentation](https://melonpan.io/gutenberg-blocks/melonpan-block-images)–
[GitHub](https://github.com/garciaalvaro/melonpan-block-images)

Add a gallery of images in a simple but clean layout. The block comes with the following
settings:

### Features

The block comes with the following settings:

 * Layout Vertical, Horizontal, Slider
 * Images separation
 * Cover size with aspect ratio
 * Responsive property
 * Fixed dimension for Horizontal and Slider layouts
 * Slider dot color

Simple but created to be useful. Each image is rendered with the srcset property
containing all sizes available. No scripts are added in the front-end.

### Usage

The block can be found inside the blocks inserter menu under the _Melonpan Blocks_
category.
 Once added in the post you can edit its settings on the Editor sidebar
under the Block settings panel.

### Credits

Screenshot images belong to [Charles Postiaux](https://unsplash.com/@charlpost).

## Screenshots

 * [[
 * Block in editor.
 * [[
 * Block settings panel.

## Installation

Installation from the WordPress admin.

 1. Log in to the WordPress admin and navigate to _Plugins > Add New_.
 2. Type _Melonpan Block – Images_ in the Search field.
 3. In the results list _Melonpan Block – Images_ plugin should appear, click **Install
    Now** button.
 4. Once it finished installing, click the _Activate_ button.
 5. That’s it, now you can go to any post where Gutenberg is enabled and start using
    the block.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Melonpan Block – Images” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Alvaro ](https://profiles.wordpress.org/melonpan/)

[Translate “Melonpan Block – Images” into your language.](https://translate.wordpress.org/projects/wp-plugins/melonpan-block-images)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/melonpan-block-images/),
check out the [SVN repository](https://plugins.svn.wordpress.org/melonpan-block-images/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/melonpan-block-images/)
by [RSS](https://plugins.trac.wordpress.org/log/melonpan-block-images/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0

 * Improved code base.
 * Slider dot color can be left empty (so it will inherit the value)

#### 1.0.1

 * Cleaned TypeScript types.

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.1.0**
 *  Last updated **6 years ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.2 or higher **
 *  Tested up to **5.3.21**
 *  PHP version ** 7.1 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/melonpan-block-images/)
 * Tags
 * [blocks](https://test.wordpress.org/plugins/tags/blocks/)[editor](https://test.wordpress.org/plugins/tags/editor/)
   [gutenberg](https://test.wordpress.org/plugins/tags/gutenberg/)[images](https://test.wordpress.org/plugins/tags/images/)
   [slider](https://test.wordpress.org/plugins/tags/slider/)
 *  [Advanced View](https://test.wordpress.org/plugins/melonpan-block-images/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/melonpan-block-images/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/melonpan-block-images/reviews/)

## Contributors

 *   [ Alvaro ](https://profiles.wordpress.org/melonpan/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/melonpan-block-images/)