Title: Double Image for Gutenberg
Author: Sébastien Dumont
Published: <strong>28 Januari 2019</strong>
Last modified: 21 Februari 2019

---

Cari plugin

![](https://ps.w.org/double-image/assets/banner-772x250.png?rev=2022112)

Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi
dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan
dengan versi WordPress yang lebih baru.

![](https://ps.w.org/double-image/assets/icon-256x256.png?rev=2023057)

# Double Image for Gutenberg

 Oleh [Sébastien Dumont](https://profiles.wordpress.org/sebd86/)

[Unduh](https://downloads.wordpress.org/plugin/double-image.1.2.1.zip)

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

 [Bantuan](https://wordpress.org/support/plugin/double-image/)

## Deskripsi

Double Image is designed for the Gutenberg editor. This custom block design allows
you to display two images side by side or stacked.

Images can be either selected via the media library or simply drag and drop an image
to either drop zones.

Apply an overlay with or without a background color and adjust the opacity of the
background.

Text can be added on either image at the top or bottom.

### Want more blocks?

**Join me** in developing a suite of blocks for Gutenberg.

 * [Visit the BlockSuite website](https://blocksuite.xyz?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=double-image)
 * [Join the ideas board](https://trello.com/invite/b/VoKuFa36/60be3c8f5967ec4377b8b9e101dd79e2/block-suite)
 * [Subscribe to updates](http://eepurl.com/gffDvT)
 * [Follow on Twitter](https://twitter.com/block_suite)
 * [Follow on Instagram](https://www.instagram.com/blocksuitewp/)

### From a trusted developer

Double Image is built and maintained by [Sébastien Dumont](https://sebastiendumont.com/?utm_medium=wp.org&utm_source=double-image&utm_campaign=readme&utm_content=sebd86).

#### Support

Use the WordPress.org forums for [community support](https://wordpress.org/support/plugin/double-image).
If you spot a bug, you can of course log it on [GitHub](https://github.com/seb86/double-image/issues)
instead where I can act upon it more efficiently.

#### Please Leave a Review

Your ratings make a big difference. If you like Double Image, please consider spending
a minute or two [leaving a review](https://wordpress.org/support/plugin/double-image/reviews/?rate=5#postform)
and tell me what you think about the plugin.

**More information**

 * Other [WordPress plugins](https://profiles.wordpress.org/sebd86/) by [Sébastien Dumont](https://sebastiendumont.com/)
 * Contact Sébastien on Twitter: [@sebd86](http://twitter.com/sebd86)
 * If you’re a developer yourself, follow or contribute to the [Double Image plugin on GitHub](https://github.com/seb86/double-image)

## Tangkapan Layar

[⌊Double Image (Blank)⌉⌊Double Image (Blank)⌉[

Double Image (Blank)

[⌊Two images set⌉⌊Two images set⌉[

Two images set

[⌊Both images with overlay color and overlay text⌉⌊Both images with overlay color
and overlay text⌉[

Both images with overlay color and overlay text

[⌊Inspector showing the settings for the first image⌉⌊Inspector showing the settings
for the first image⌉[

Inspector showing the settings for the first image

## Instalasi

 1. Upload the `double-image` folder to your `/wp-content/plugins/` directory or alternatively
    upload the double-image.zip file via the plugin page of WordPress by clicking ‘
    Add New’ and selecting the zip from your computer.
 2. Install and activate the Gutenberg WordPress plugin.
 3. Activate the Double Image WordPress plugin through the ‘Plugins’ menu in WordPress.
 4. Use Double Image block on your next page or post.

## Tanya Jawab

  Is Double Image free?

Yes! Double Image is absolutely free.

  How do I start using Gutenberg?

To get the full experience of the next-generation WordPress block editor, you’ll
need a Gutenberg-ready WordPress theme, like [CoBlocks](https://wordpress.org/themes/coblocks/).
Then install the either WordPress 5.0+, or the [Gutenberg WordPress plugin](https://wordpress.org/plugins/gutenberg/).
That’s it! 💥

  What WordPress themes work with Double Image?

Any properly developed WordPress theme will work with Double Image, though if you’re
looking for an exceptional theme, check out [CoBlocks](https://wordpress.org/themes/coblocks/).
Developers are also able to apply minor style touch-ups to themes, to make the block
fit in better with existing themes.

  How do I add or find the block?

Search for any of these keywords to narrow down the blocks when looking for Double
Image. `image`, `overlay`, `double`.

You can also add the block by typing `:doubleimage` and then press the spacebar.

  Can I drag and drop images in place?

Yes you can. When you add the block to the editor you will be given two drop zones.
So if you don’t have the images already in your media library you can drag and drop
an image to either slot.

  How do I know if the image is uploading once dropped?

When the image is dropped you will see the image in the background and an indicator
showing it is currently uploading. When it is finished uploading the indicator will
disappear.

  How do I select an image from the media library?

When you add the block to the editor you can press on either placeholder. This will
open the media library to allow you to select an image.

  Where can I ask for help?

Please reach out via the official [support forum on WordPress.org](https://wordpress.org/support/plugin/double-image/).

## Ulasan

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

### 󠀁[Amazing](https://wordpress.org/support/topic/amazing-2330/)󠁿

 [mukulchawla](https://profiles.wordpress.org/mukulchawla/) 12 September 2019 1 
balasan

v. cool

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

### 󠀁[Cool!](https://wordpress.org/support/topic/cool-838/)󠁿

 [parolama](https://profiles.wordpress.org/parolama/) 19 April 2019

Tried and found it a very useful tool.

 [ Baca semua 2 ulasan ](https://wordpress.org/support/plugin/double-image/reviews/)

## Kontributor & Pengembang

“Double Image for Gutenberg” adalah perangkat lunak open source. Berikut ini mereka
yang sudah berkontribusi pada plugin ini.

Kontributor

 *   [ Sébastien Dumont ](https://profiles.wordpress.org/sebd86/)

“Double Image for Gutenberg” telah diterjemahkan dalam 1 bahasa. Terima kasih kepada
[para penerjemah](https://translate.wordpress.org/projects/wp-plugins/double-image/contributors)
untuk kontribusi-nya.

[Terjemahkan “Double Image for Gutenberg” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/double-image)

### Tertarik mengembangkan?

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

## Log Perubahan

#### 1.2.1

 * Compatible: Gutenberg 5.1.1
 * Changed: Tags used to help find the plugin.
 * Changed: Donation link.
 * Corrected: Plugin feedback image from not loading correctly.
 * Tweaked: Block colors to stand out more from the rest of the blocks.
 * Tweaked: Enqueued the block instead of registering the block.
 * Tweaked: Background Opacity option only shows if a background color is set.
 * Dev: Dependencies updated.

#### 1.2.0

 * Initial release on WordPress.org. Enjoy!

## Meta

 *  Versi **1.2.1**
 *  Diperbarui **8 tahun yang lalu**
 *  Instalasi Aktif **10+**
 *  Versi WordPress ** 4.9 atau yang terbaru **
 *  Diuji hingga **5.0.30**
 *  Versi PHP ** 5.6 atau yang terbaru **
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/double-image/) dan [Russian](https://ru.wordpress.org/plugins/double-image/).
 *  [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/double-image)
 * Tag
 * [blocks](https://id.wordpress.org/plugins/tags/blocks/)[gallery](https://id.wordpress.org/plugins/tags/gallery/)
   [gutenberg](https://id.wordpress.org/plugins/tags/gutenberg/)[gutenberg blocks](https://id.wordpress.org/plugins/tags/gutenberg-blocks/)
   [page builder](https://id.wordpress.org/plugins/tags/page-builder/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/double-image/advanced/)

## Rating

 5 dari 5 bintang.

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

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

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

## Kontributor

 *   [ Sébastien Dumont ](https://profiles.wordpress.org/sebd86/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

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

## Donasi

Apakah Anda ingin mendukung pengembangan plugin ini?

 [ Donasi untuk plugin ini ](https://sebdumont.xyz/donate/)