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.

Alexandru-Adrian LUCACI

dzsamper

lzudor

lgorbe

Import your SVG files created in <a href="https://www.svgator.com" rel="nofollow ugc">SVGator</a> to your WordPress media library and use them as normal image files. This plugin lets you comfortably access all your animation projects and makes it super-easy to add them to your page. You are free to choose an SVG with either CSS or JavaScript as the animation type.
Scalable Vector Graphics (SVG) are constantly growing in popularity due to their scalability, small size, and responsiveness. They are ideal for illustrations like logos, icons, buttons, and graphs. Animated SVG files make your page unique, interactive, and look crisp on any device.
SVGator is an incredibly useful and innovative SVG animation tool that lets you create stunning SVG animations without any coding skills. Import your SVG and choose from a series of advanced animator tools that let you generate amazing animations in just minutes. Spice up your website or blog with impressive SVG animations to increase user engagement. The user-friendly drag and drop interface simplifies the animation process and the code is automatically generated either in CSS or in Javascript.
<h3>Usage</h3>
You can check out our documentation with screenshots on our help page: <a href="https://www.svgator.com/help/getting-started/wordpress-svgator-plugin" rel="nofollow ugc">How to use SVGator Plugin for WordPress</a>
Before starting to use the WordPress plug-in, you will have to sign up for the SVGator app. After creating an account, you can import your SVG files and start working on them to turn your static designs into dynamic and interactive animations.
When you are done with the animation, you can fully benefit from the plugin. There is no need to export or convert your work, just follow these simple steps: 
1. Find and install the SVGator plugin 
2. Activate the plugin 
3. Log in to load your projects from SVGator and authorize the app 
4. Select an animation project from your SVGator library and add it to the media library 
5. Add an animated SVG block to your post or page by clicking the SVGator icon on the <code>new block</code> tool. 
6. Select the animated SVG from the media library and scale it to any size without losing quality 
7. Alternatively, you can import your SVGs directly on the media library box, under “Import from SVGator” tab
You can also use the animations inside widgets by simply adding the <code>SVGator</code> widget to your sidebars or footers.
Note: When you import your animation to the page, you may find it in a tag in the editor, but you don’t have to worry about this. Although theoretically, this would mean that the animation might not work the same as in SVGator, (especially if it’s an interactive SVG), in preview mode you will already find it inline and it will work perfectly.
<h3>Security</h3>
By authorizing the plugin you acknowledge that WordPress will have access to your SVGator library and is enabled to list and export the animations created in your account.
You can remove the plugin at any time by clicking on SVGator’s Account settings under your name, then choosing the 3rd Party Apps tab and deleting the plugin. If you would like to add it back, you will have to follow the steps presented above.
<h3>Feedback</h3>
We are always open to your feedback, questions, and suggestions. Email us at <a href="mailto:contact@svgator.com" rel="nofollow ugc">contact@svgator.com</a>
We hope you find this plugin useful. Please take a moment to rate it <a href="https://wordpress.org/plugins/svgator/" rel="ugc">here</a>.
<h3>Disclosure</h3>
This plugin is relying on SVGator.com as a 3rd party service. 
All SVGs loaded using this plugin will be done via API requests to SVGator.com.
Service URL: [https://www.svgator.com/]
Service API: [https://github.com/SVGator/SDK/]
Terms of service: [https://www.svgator.com/terms-of-service]
Privacy policy: [https://www.svgator.com/privacy-policy]
<h3>License</h3>
SVGator.com WordPress Plugin 
Copyright (C) 2020,2021,2022,2023,2024 SVGator.com
This program is free software: you can redistribute it and/or modify 
it under the terms of the GNU General Public License as published by 
the Free Software Foundation, either version 2 of the License, or 
(at your option) any later version.
This program is distributed in the hope that it will be useful, 
but WITHOUT ANY WARRANTY; without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
GNU General Public License for more details.
You should have received a copy of the GNU General Public License 
along with this program. If not, see <a href="http://www.gnu.org/licenses/" rel="nofollow ugc">http://www.gnu.org/licenses/</a> 
or write to the Free Software Foundation, Inc., 
51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.

SVGator

The easiest way to add SVG animations to your website right from your SVGator account.

SVG Title vs SVGator