vikingplugins

SVG AutoMotion makes it effortless to apply clean, performant animations to SVG graphics as they scroll into view — perfect for adding motion to brand logos, icons, and illustrations.
See examples at <a href="https://viking.infy.uk/svg-automotion/" rel="nofollow ugc">viking.infy.uk/svg-automotion</a>
Key features: 
– Gutenberg block and shortcode support 
– Fade, rotate, scale, and slide effects 
– Adjustable animation duration 
– Lightweight, pure JavaScript (no dependencies) 
– Works with any SVG in your media library 
– Add a link to the image if needed
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for SVG AutoMotion.</li>
<li>Select your SVG image from the Media Library.</li>
<li>Choose which animations to apply and set the animation duration.</li>
<li>Add a link to the image if needed under link settings</li>
<li>Save or preview your post to see the animation in action.</li>
</ol>
See Screenshot 1 and Screenshot 2.
<h3>Using the Shortcode</h3>
You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.
Basic example:
[svg_automotion src=”2025/10/automotionlogo.svg”]
You can combine multiple effects:
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]
You can also add a link to the shortcode 
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″ link_url=”https://wordpress.org” link_newtab=”true” ]
Parameters: 
– <code>src</code> — relative or full URL path to your SVG file 
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect 
– <code>duration</code> — total animation time in milliseconds 
– <code>link_url</code> — url to link to (optional) 
– <code>link_newtab</code> — set to true if you wish the link to open in a new tab

SVG AutoMotion

Animate any SVG image as it comes into view. Bring your logos, icons, and illustrations to life with simple, automatic animations.

WeDOK

Have you ever had multiple galleries on one page, only to find all the images mixed together in the slideshow?
Most lightbox plugins treat every image on the page as one big group. The only way to separate them is to add shortcodes, manually set attributes, or dig into plugin settings. It works—but it’s a pain.
WePOP solves this automatically.
Place WordPress Gallery blocks as you normally would. WePOP detects each gallery independently and creates separate slideshows for each one—no extra steps required. Switch grouping modes with a single click in the settings screen.
This plugin was built by a web professional with 23 years of hands-on site-building experience. Every feature exists because it was needed in real production work.
<h3>The Problem WePOP Solves</h3>
Imagine a restaurant site with three galleries on one page: food, interior, and staff photos. With most lightbox plugins, clicking any image opens a slideshow that mixes all three groups together.
Fixing that usually means: 
* Adding <code>rel</code> attributes to every image manually 
* Writing shortcodes around each gallery 
* Installing a separate gallery management plugin
With WePOP, you don’t do any of that. The Gallery block structure you already built is all it needs.
<h3>What Makes WePOP Different</h3>
Gutenberg-native grouping — no manual work 
WePOP reads your Gallery blocks as distinct groups. Each gallery gets its own slideshow automatically. One click in the settings switches between three modes: 
* Gallery Blocks Mode — each Gallery block is its own slideshow (recommended) 
* All Images Mode — all images on the page grouped together 
* No Grouping Mode — every image opens individually
MP4 video popups — no YouTube required 
Host your own product demos, property tours, or company introduction videos. WePOP opens MP4 files directly in an overlay—no uploading to YouTube or Vimeo, no embedding restrictions, no third-party branding. YouTube and Vimeo are also supported when you need them.
Reacts only to media links 
WePOP only activates on links that point to image or video files. Navigation links, buttons, and logos are completely ignored—no false triggers, no need to manually exclude things.
Captions that don’t cover your photos 
Alt text captions appear in a dedicated strip below the image, not overlaid on top. On portrait shots and tall images, your photo stays fully visible. In slideshow mode, captions slide in sync with each image.
Per-image disable toggle 
Need one specific image to open in a new tab instead of a popup? Flip the toggle in the image block sidebar. No code, no class names to remember.
Keyboard and accessibility ready 
Escape closes any popup. Arrow keys navigate galleries. All controls include proper labels for screen readers. Works well for corporate, government, and accessibility-conscious projects.
<h3>Supported Media</h3>
<ul>
<li>Images: jpg, jpeg, png, gif, webp, svg</li>
<li>Video services: YouTube, Vimeo</li>
<li>Direct video files: MP4</li>
</ul>
<h3>Who It’s For</h3>
<ul>
<li>Photographers and portfolio sites — multiple series on one page, each staying in its own slideshow</li>
<li>Restaurants and hotels — food, interior, and room galleries that don’t mix</li>
<li>Businesses — product or service videos hosted on your own server</li>
<li>Web designers and agencies — a reliable, low-maintenance lightbox that works across client sites without conflicts</li>
</ul>
<h3>Built Without Baggage</h3>
No jQuery. No front-end framework. WePOP runs on plain JavaScript, which means it doesn’t conflict with your theme or other plugins, and it won’t slow your site down. Core Web Vitals stay clean.
<h3>Documentation & Support</h3>
<ul>
<li><a href="https://wedok.jp/tools/wepop/" rel="nofollow ugc">Official documentation (Japanese)</a></li>
</ul>
<h3>Popup Trigger Rules</h3>
WePOP activates only on links that point directly to supported media files or video URLs. Regular links, navigation, and non-media elements are not affected.
Supported media types: 
* Image files: jpg, jpeg, png, gif, webp, svg 
* Video services: YouTube, Vimeo 
* Direct video files: MP4
Where links are detected: 
* Default: On posts and static pages, WePOP looks inside the main content area only (<code><main></code>, <code>.entry-content</code>, or <code>#content</code>). Header, footer, and sidebars are not included. 
* Extended: Enable Front page & blog home in settings to also load on the front page and blog index, and to detect links across the entire page on posts and pages. 
* Manual exclusion: Add the <code>wepop-disable</code> class to any link or wrapper element to skip it.
<h3>Popup Mode Settings</h3>
<ul>
<li>Gallery Blocks Mode — Images inside each Gallery block form their own independent slideshow. Images outside gallery blocks open individually. This is the recommended setting for most sites.</li>
<li>All Images Mode — All qualifying images within the detection scope are grouped into one slideshow.</li>
<li>No Grouping Mode — Every image opens in its own popup with no navigation.</li>
</ul>
<h3>Language Support</h3>
Admin interface is available in: Japanese, English, Spanish, French, German, Chinese (Simplified), Italian, Korean, Portuguese (Brazil).
<h3>Feedback</h3>
If WePOP saves you time on a project, a quick rating on <a href="https://wordpress.org/plugins/wepop/" rel="ugc">WordPress.org</a> goes a long way. It helps other site owners find it and supports continued development. Thank you.

WePOP

The lightbox that just works. Place your Gallery blocks—WePOP handles the rest. No shortcodes, no manual settings, no mixed-up slideshows.

SVG AutoMotion vs WePOP