vikingplugins

<p><strong>SVG AutoMotion</strong> 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.</p>
<p>See examples at <a href="https://viking.infy.uk/svg-automotion/" rel="nofollow ugc">viking.infy.uk/svg-automotion</a></p>
<p><strong>Key features:</strong><br />
– Gutenberg block and shortcode support<br />
– Fade, rotate, scale, and slide effects<br />
– Adjustable animation duration<br />
– Lightweight, pure JavaScript (no dependencies)<br />
– Works with any SVG in your media library<br />
– Add a link to the image if needed</p>
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for <strong>SVG AutoMotion</strong>.</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>
<p><em>See Screenshot 1 and Screenshot 2.</em></p>
<h3>Using the Shortcode</h3>
<p>You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.</p>
<p>Basic example:</p>
<p>[svg_automotion src=”2025/10/automotionlogo.svg”]</p>
<p>You can combine multiple effects:</p>
<p>[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]</p>
<p>You can also add a link to the shortcode<br />
[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” ]</p>
<p><strong>Parameters:</strong><br />
– <code>src</code> — relative or full URL path to your SVG file<br />
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect<br />
– <code>duration</code> — total animation time in milliseconds<br />
– <code>link_url</code> — url to link to (optional)<br />
– <code>link_newtab</code> — set to true if you wish the link to open in a new tab</p>


SVG AutoMotion

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

threadi

Hans-Gerd Gerhards

<p>The lightweight plugin “Add infos to the events calendar” provides a shortcode block (image copyright, button with link to events with a special category, link to the website of the organizer) to single events for The Events Calendar Free Plugin (by MODERN TRIBE)<br />
The path to The Events Calendar (TEC) categories is automatically suggested during installation. To be on the safe side, however, you should check this by going to the relevant event after using the shortcut and checking that the links are executed correctly.<br />
As a rule, the short code (description and examples see below) should be one of the last lines of a single event. However, the short code can also be used in principle in posts. In this case, you should usually not use the option “vl”, because this option refers to events, unless you want to link to a specific category in a contribution on events, for example.<br />
Automatically displays the text from “Caption” (see Media, image details) in italics by default for an event or a post. A copyright notice should be entered in this field.</p>
<h4>Attention</h4>
<p>If the plugin is deleted, the shortcode remains in the posts and events. In this case use a plugin to delete the shortcodes, e.g. Shortcode Cleaner Lite (see wordpress.org). However, there is no guarantee that all shortcodes will be deleted correctly.</p>
<h4>Shortcode – Options</h4>
<ol>
<li>link = link e.g. to organizer</li>
<li>vl   = list of events</li>
<li>il   = e.g. used for internal link</li>
</ol>
<h4>Call Examples</h4>
<ul>
<li>[fuss link=”https://externer_link.de” vl=””] –> always shows picture credits, then more info with the link to external website and at vl=”” the link to “more events”.</li>
<li>[fuss vl=””] –> always shows picture credits, but no link to external website and at vl=”” the link to “more events”.</li>
<li>[fuss] –> always shows picture credits, but no link to external website.</li>
<li>[fuss link=”https://externer_link.de” vl=”nature”] –> always shows picture credits, then more info with the link to external website and at vl=”Nature” the link to “more events: nature”.<br />
(of course the category must exist in The Events Calendar (this is checked by a function). If the category does not exist, the event list will be shown.)</li>
<li>[fuss vl=”” il=”http://internal_link.de/example”] –> always shows picture credits, but no link to external website and at vl=”” the link to “more events” and at il=”http://internal_link.de/example” the link to another external or internal webesite.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/j9dj3uoacxI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>


Add infos to The Events Calendar

“Add infos to The Events Calendar” provides a shortcode block to single events for The Events Calendar Free Plugin (by MODERN TRIBE)

SVG AutoMotion vs Add infos to The Events Calendar