Sébastien Dumont

<p>Double Image is designed for the Gutenberg editor. This custom block design allows you to display two images side by side or stacked.</p>
<p>Images can be either selected via the media library or simply drag and drop an image to either drop zones.</p>
<p>Apply an overlay with or without a background color and adjust the opacity of the background.</p>
<p>Text can be added on either image at the top or bottom.</p>
<h3>Want more blocks?</h3>
<p><strong>Join me</strong> in developing a suite of blocks for Gutenberg.</p>
<ul>
<li><a href="https://blocksuite.xyz?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=double-image" rel="nofollow ugc">Visit the BlockSuite website</a></li>
<li><a href="https://trello.com/invite/b/VoKuFa36/60be3c8f5967ec4377b8b9e101dd79e2/block-suite" rel="nofollow ugc">Join the ideas board</a></li>
<li><a href="http://eepurl.com/gffDvT" rel="nofollow ugc">Subscribe to updates</a></li>
<li><a href="https://twitter.com/block_suite" rel="nofollow ugc">Follow on Twitter</a></li>
<li><a href="https://www.instagram.com/blocksuitewp/" rel="nofollow ugc">Follow on Instagram</a></li>
</ul>
<h3>From a trusted developer</h3>
<p>Double Image is built and maintained by <a href="https://sebastiendumont.com/?utm_medium=wp.org&utm_source=double-image&utm_campaign=readme&utm_content=sebd86" rel="nofollow ugc">Sébastien Dumont</a>.</p>
<h4>Support</h4>
<p>Use the WordPress.org forums for <a href="https://wordpress.org/support/plugin/double-image" rel="ugc">community support</a>. If you spot a bug, you can of course log it on <a href="https://github.com/seb86/double-image/issues" rel="nofollow ugc">GitHub</a> instead where I can act upon it more efficiently.</p>
<h4>Please Leave a Review</h4>
<p>Your ratings make a big difference. If you like Double Image, please consider spending a minute or two <a href="https://wordpress.org/support/plugin/double-image/reviews/?rate=5#postform" rel="ugc">leaving a review</a> and tell me what you think about the plugin.</p>
<p><strong>More information</strong></p>
<ul>
<li>Other <a href="https://profiles.wordpress.org/sebd86/" rel="nofollow ugc">WordPress plugins</a> by <a href="https://sebastiendumont.com/" rel="nofollow ugc">Sébastien Dumont</a></li>
<li>Contact Sébastien on Twitter: <a href="http://twitter.com/sebd86" rel="nofollow ugc">@sebd86</a></li>
<li>If you’re a developer yourself, follow or contribute to the <a href="https://github.com/seb86/double-image" rel="nofollow ugc">Double Image plugin on GitHub</a></li>
</ul>


Double Image for Gutenberg

A custom block designed to insert two images side by side or stacked with optional overlay text.

Takashi Kitajima

まーちゅう

<p>The Snow Monkey Editor is a plugin that extends the block editor.</p>
<p>GitHub: https://github.com/inc2734/snow-monkey-editor/</p>
<h4>Formatter</h4>
<p>Click Snow Monkey button in toolbar.</p>
<ul>
<li>Text badge</li>
<li>Text background color</li>
<li>Text font size</li>
<li>Text highlighter</li>
<li>Text color</li>
<li>Text gradient</li>
<li>Text letter spacing</li>
<li>Line break per screen size</li>
<li>Format clear</li>
</ul>
<h4>Extensions</h4>
<p>You can settings in inspector.</p>
<ul>
<li>Hide on smartphone size or tablet size or PC size. (Using media query)</li>
<li>Hide by user roles. (Using <code>render_block</code> filter hook. If it does not pass this filter, it is ignored)</li>
<li>Scroll animation</li>
<li>Publish date time settings</li>
<li>Unpublish date time settings</li>
<li>Edit lock by user roles. (Only administrators can set it)</li>
</ul>
<h4>Block presets</h4>
<p>This feature allows you to save the settings of a block and set them for other blocks of the same type at the touch of a button.</p>
<p>(The number of blocks/attributes that can be used by the block preset feature is limited by default.)</p>
<h4>Block styles</h4>
<p>There can be used in paragraph blocks, group blocks, image blocks, etc.</p>
<ul>
<li>Alert</li>
<li>Alert (Remarks)</li>
<li>Alert (Success)</li>
<li>Alert (Warning)</li>
<li>Fluid shapes</li>
<li>Post-it</li>
<li>Post-it (Narrow)</li>
<li>Shadowed</li>
<li>Speech (Top)</li>
<li>Speech (Right)</li>
<li>Speech (Bottom)</li>
<li>Speech (Left)</li>
<li>List (Arrow)</li>
<li>List (Check)</li>
<li>List (Remarks)</li>
<li>List (Times)</li>
<li>Ordered list (Circle)</li>
<li>Ordered list (Square)</li>
</ul>
<h4>Filter hooks (JavaScript)</h4>
<p><strong>SnowMonkeyEditor.extension.allowedNameSpaces</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedNameSpaces',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [
      ...allowedNameSpaces,
      'snow-monkey-blocks',
    ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedNameSpaces',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedNameSpaces, extensionName ) => {
                return [
                    ...allowedNameSpaces,
                    'snow-monkey-blocks',
                ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>
<p><strong>SnowMonkeyEditor.extension.allowedRoles</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedRoles',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [ 'administrator' ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedRoles',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedRoles, extensionName ) => {
                return [ 'administrator' ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>


Double Image for Gutenberg vs Snow Monkey Editor