vgavrilovskih

SVG title plugin allows to create animated SVG images from text using Google fonts. After SVG title created, it can be used in a post or a text widget by adding a shortcode.
<iframe loading="lazy" title="SVG Title plugin" width="750" height="422" src="https://www.youtube.com/embed/dXUzXqdmV9g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
SVG title options:
<ul>
<li>Title: is the title you see in SVG.</li>
<li>Font Subset: is a font subset selector. Allows easier to select exact font by removing all other fonts in font selector without such subset.</li>
<li>Font: is a font that will be used to render title into SVG. All fonts taken from Google Font.</li>
<li>Variant: is one of possible variant of the selected font – italic, regular, bold, etc.</li>
<li>Size: is letters size of the title.</li>
<li>Stroke: width is stroke width in pixels.</li>
<li>Animation speed: in case you wish to add animation to the title, you can add four parameters: 
pause before outline drawing animation will start; 
duration of the outline drawing animation; 
pause before color filling animation will start; 
duration of the color filling animation;</li>
</ul>
Animation starts if SVG title is visible.
<ul>
<li>Outline color: is a color that used to paint the outline of the letters.</li>
<li>Text color: is a color that fills letters inside.</li>
</ul>

SVG Title

Allows to transform text title to SVG image using Google fonts collection, adding different colors and animation of appearance.

Benbodhi

The complete SVG solution for WordPress – secure, flexible, and easy to use.
SVG Support enables secure SVG uploads with powerful features for both basic users and developers:
✨ Key Features: 
– Secure SVG uploads with automatic sanitization 
– Inline rendering for direct CSS/JS manipulation 
– File size optimization through minification 
– Role-based access control 
– Advanced developer options 
– Multisite compatible 
– Full Block Editor (Gutenberg) compatibility
🔒 Security First: 
– Built-in sanitization removes potentially harmful code 
– Role-based upload restrictions 
– Comprehensive MIME type validation
🎨 Designer Friendly: 
– Direct styling of SVG elements 
– Animation support 
– Custom class targeting 
– Automatic dimension handling
💻 Developer Ready: 
– Advanced mode for additional features 
– REST API support 
– Gutenberg compatible 
– Extensive hooks and filters
<h3>Usage</h3>
Basic Usage: 
– First, install and activate SVG Support via your WordPress dashboard 
– Upload SVG files to your media library like any other image 
– Works seamlessly with Image blocks, Cover blocks and featured images
Advanced Usage: 
– Enable “Advanced Mode” for minification and inline rendering 
– Customize with hooks and filters for tailored functionality
Block Editor Usage: 
– Use Advanced Mode to enable inline rendering: 
 – Add the <code>"style-svg"</code> class to Image blocks 
 – Add the <code>"style-svg"</code> class to Cover blocks to render SVG backgrounds inline 
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks
Classic Editor Usage: 
– Use Advanced Mode to add the <code>"style-svg"</code> class to <code><img></code> tags for inline rendering 
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor
Common Issues & Solutions: 
– SVG not displaying? Ensure dimensions are set in CSS. 
– Need help? Use the support tab and I will do my best to assist you.
<h3>Spin up a test site</h3>
With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go: 
<a href="https://tastewp.com/new?pre-installed-plugin-slug=svg-support&redirect=options-general.php%3Fpage%3Dsvg-support&ni=true" rel="nofollow ugc">Click Here to spin up a test site in seconds</a>
<h3>Security</h3>
SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.
<h3>Feedback</h3>
I’m open to your <a href="mailto:wp@benbodhi.com" rel="nofollow ugc">suggestions and feedback</a> – Thanks for using SVG Support!
Follow <a href="https://twitter.com/svgsupport" rel="nofollow ugc">@SVGSupport</a> on Twitter 
Follow <a href="https://twitter.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Twitter 
Follow <a href="https://warpcast.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Warpcast
Note: I hope you like this plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/svg-support?filter=5#postform" rel="ugc">rate it</a>.
<h3>Development & Contributing</h3>
The development version of SVG Support is maintained on GitHub. Feel free to contribute:
<ul>
<li>Submit bug reports or feature suggestions: <a href="https://github.com/benbodhi/svg-support/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>Contribute code via <a href="https://github.com/benbodhi/svg-support/pulls" rel="nofollow ugc">Pull Requests</a></li>
<li>Development repository: <a href="https://github.com/benbodhi/svg-support" rel="nofollow ugc">GitHub</a></li>
</ul>
<h3>Translations</h3>
Contribute translations <a href="https://translate.wordpress.org/projects/wp-plugins/svg-support" rel="nofollow ugc">here</a>. New to translating? Check the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a>.

SVG Support


is very useful, please add Reset button in Settings :-). tnx


Useful

Excellent

Working well

Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling and animation.

SVG Title vs SVG Support