Insert text with visually stunning SVG effects into your WordPress site.
SVG Logo and Text Effects (or SLATE for short)
is a WordPress plugin by dashed-slug
that helps you produce visually stunning text effects using
SVG shortcodes.
Use it to reinforce a brand identity, visually enhance your calls-to-action, or simply be more artistic,
with SVG text that you can edit at any time.
All this, without the need to resort to any image-editing software.
You can mix and match fonts, colors, fill patterns, and filters
to create unique text effects that draw attention to your content.
Use shortcodes to insert fancy, eye catching, editable and SEO-friendly text into your posts, pages or custom content.
Out of the box, SVG Logo and Title Effects comes with Google fonts support. You may extend your font library with font files that you install yourself.
Letters are filled with a fill pattern of your choice. Fill patterns have parameters. Control various sizes, distances and colors to produce unique variations, or let the defaults work for you.
Easily pass your SVG text through filter effects such as the built-in glow and drop shadow effects, or any other filter that you install via plugins.
Save time and use ready-made presets to style your SVG text. Then you can tweak the text settings to your liking.
Download or create plugins that let you use additional fonts, vector shapes, filter effects, fill patterns, and presets.
SVG text that has already been rendered once is subsequently loaded from a DB cache, for maximal performance. No compromises on page load speed!
Old browsers that don’t support SVG rendering will fallback to the closest HTML equivalent. Your text will be displayed no matter what!
Every release comes with PDF documents covering more than you will ever want to know about this plugin.
To get the documentation, navigate to the dashed-slug download area
and make sure to get the bundle release.
The dashed-slug is a social slug:
This is a free plugin.
If you wish, you may show your support by donating.
Donating helps the dashed-slug to design, develop, test, release and support more quality WordPress plugins.
The installation instructions for this plugin are the same as for any WordPress plugin.
For more information on installing plugins, you can also consult the
relevant WordPress documentation.
What follows is step-by-step instructions:
You should now be ready to use SVG Logo and Text Effects.
To visit the plugin’s settings page, navigate to Settings → SVG Logo and Text Effects.
Most modern browsers have support for SVG.
For the ones that don’t an HTML fallback of your text is displayed.
SVG compatibility is determined on the client-side via JavaScript.
If JavaScript is disabled and SVG is unavailable, an HTML fallback is displayed.
Visit the dashed-slug
to get an extension that gives you raster (.png) fallbacks.
No, SVG code is cached server-side after it is computed, so you should not see any noticeable performance hit.
Using SVG Logo and Text Effects is as easy as inserting shortcodes into your posts.
You can start by copy-pasting some of the
online examples.
If you’re the RTFM type of person, you can download the complete,
FREE PDF documentation from the dashed-slug website.
Simply pick the SLATE bundle download from the downloads section.
Out-of-the-box you can use the Google fonts.
Read the PDF documentation for instructions on how to import any font file.
Please use the support forum here on WordPress.org
for all issues and inquiries regarding this plugin.
Use the dashed-slug ticket system
for support on the premium extensions of this plugin.
For all other communication, please use [email protected].
slate-raster
to write alt attributes to img tagstoken_get_all()
undefined )