webcraftplugins

<p>Image Map Pro is a plugin that lets you create interactive images for your WordPress website. Load your image and draw shapes on top of it – it’s that simple!</p>
<p>Features:</p>
<ul>
<li>Custom Polygon Shapes (limited to 1)</li>
<li>Over 150 SVG Icons Included</li>
<li>Super Advanced Backend Editor</li>
<li>Fully Responsive</li>
<li>Click/Mouseover Actions</li>
<li>Custom Styles for Shapes</li>
<li>Image Map Export</li>
<li>Undo/Redo Functionality</li>
<li>Zooming in the Editor</li>
<li>Fullscreen Capability</li>
<li>Rename & Reorder Shapes</li>
<li>Copy/Paste & Duplicate Shapes</li>
</ul>
<p>This is a Lite version, for the full version, please visit <a href="https://codecanyon.net/item/image-map-pro-for-wordpress-interactive-image-map-builder/2826664" rel="nofollow ugc">https://codecanyon.net/item/image-map-pro-for-wordpress-interactive-image-map-builder/2826664</a></p>
<p>Premium version features:</p>
<ul>
<li>Unlimited Polygon Shapes</li>
<li>Connected Shapes</li>
<li>Content Builder for the Tooltips</li>
<li>JavaScript & HTML API</li>
<li>Customer Support for 6 Months</li>
<li>Import and Export Image Maps</li>
</ul>


Image Map Pro – Drag-and-drop Builder for Interactive Images – Lite

Super advanced drag-and-drop interactive image builder. Polygon shapes, SVG icons, custom styles and animations.

clickonmedia

<p>Interactive longform articles, with a fading scroll effect.</p>
<h3>Examples</h3>
<p>https://www.theversed.com/90435/life-preserver-meet-the-navy-airr-who-is-dedicating-his-life-to-helping-others/</p>
<p>https://www.theversed.com/91272/ascender-one-sailors-journey-reach-new-heights</p>
<p>https://www.theversed.com/88874/wavemaker-the-road-to-recovery</p>
<h3>Usage</h3>
<ol>
<li>Upload the unzipped plugin files to the <code>/wp-content/plugins/</code> directory, or install the plugin via WordPress CMS</li>
<li>Activate the plugin in Plugins section in WordPress CMS.</li>
<li>If using WP 5.0+, disable Gutenberg Editor (see instruction below)</li>
<li>Add a new post or page, and select “Interactive article” as the page template</li>
<li>Create an Interactive Article (see instruction below)</li>
<li>Publish article</li>
</ol>
<h3>How to disable the Gutenberg editor</h3>
<p>Interactive Longform Articles doesn’t currently support the Gutenberg Editor. Please see your options on disabling the editor at: https://kinsta.com/blog/disable-gutenberg-wordpress-editor</p>
<h3>How to create Interactive Articles</h3>
<p>https://github.com/clickonmedia/interactive-longform-articles/wiki/Instructions</p>
<h3>Settings</h3>
<ul>
<li>There are a few optional settings you can adjust in Settings > Interactive Longform Articles:
<ul>
<li>Enable Interactive Articles as a separate post type</li>
<li>Enable the “downloads” section</li>
<li>Enable iframe embedding in text editor</li>
<li>Add Google Analytics Event tracking</li>
<li>Adjust the progress indicator color</li>
</ul>
</li>
</ul>
<h3>Optional features</h3>
<h3>Custom logo</h3>
<ul>
<li>A custom logo can be added by enabling Custom Logo for the theme: https://developer.wordpress.org/themes/functionality/custom-logo</li>
</ul>
<h3>Header and footer</h3>
<ul>
<li>Default header and footer can be customized by including a header.php or footer.php template in a directory named “interactive” inside the theme</li>
</ul>
<h3>Shortcode</h3>
<ul>
<li>A carousel list of interactive articles can be added by using shortcode [interactive-list max=”3″]. “Max” parameter indicates the maximum amount of articles listed. Requires that featured images are set for all articles.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 3.0 – 4.*</li>
<li>WordPress 5.* with Gutenberg disabled</li>
</ul>


Interactive Longform Articles

Interactive multimedia articles for longform journalism, with a background scroll effect.

Image Map Pro – Drag-and-drop Builder for Interactive Images – Lite vs Interactive Longform Articles