=== SVG Logo and Text Effects === Contributors: dashedslug Donate link: https://flattr.com/profile/dashed-slug Tags: svg, filters, effects, artistic text Requires at least: 3.9 Tested up to: 4.8 Stable tag: 1.3.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Insert text with visually stunning SVG effects into your WordPress site. == Description == https://www.youtube.com/watch?v=rMM3Nft5-mQ [SVG Logo and Text Effects](https://www.dashed-slug.net/svg-logo-and-text-effects-wordpress-plugin) (or SLATE for short) is a WordPress plugin by [dashed-slug](http://dashed-slug.net) that helps you produce visually stunning text effects using *[SVG shortcodes](https://www.dashed-slug.net/svg-logo-and-text-effects-wordpress-plugin/svg-shortcodes-tutorial)*. Use it to reinforce a brand identity, visually enhance your calls-to-action, or simply be more artistic, with [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) 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. = easy SVG text = Use **shortcodes** to insert fancy, eye catching, **editable** and **SEO-friendly** text into your posts, pages or custom content. = fonts = 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. = fill patterns = 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. = filter effects = 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. = presets = Save time and use **ready-made presets** to style your SVG text. Then you can tweak the text settings to your liking. = extensible = Download or create **plugins** that let you use additional fonts, vector shapes, filter effects, fill patterns, and presets. = caching = SVG text that has already been rendered once is subsequently loaded from a DB cache, for maximal performance. **No compromises on page load speed!** = safe fallbacks = Old browsers that don’t support SVG rendering will fallback to the closest HTML equivalent. **Your text will be displayed no matter what!** = documentation = 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](https://www.dashed-slug.net/downloads/) and make sure to get the *bundle* release.** = registered dashed-slug.net member? enjoy extra features! = * **[More Shapes extension](https://www.dashed-slug.net/svg-logo-and-text-effects-extensions/more-shapes-extension/):** Extends the WordPress SLATE plugin to add more SVG shapes. Shapes are essentially SVG templates that allow more complex text effects. * **[WPBakery Page Builder Integration extension](https://www.dashed-slug.net/svg-logo-and-text-effects-extensions/visual-composer-integration-extension/):** If you have **[WPBakery Page Builder](http://www.codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=dashed-slug "This affiliate link supports the development of dashed-slug.net plugins. Thanks for clicking.")** from **wpbakery** installed, you can avoid writing shortcodes altogether. Tweak your SVG text via a friendly graphical interface when you install VC integration. * **[Site & Page Titles Replacement extension](https://www.dashed-slug.net/svg-logo-and-text-effects-extensions/titles-replacement-extension/):** With most themes you will be able to easily apply SVG text effects to the **site title** or the **page/post titles** when you install this plugin. * **[Raster Fallbacks extension](https://www.dashed-slug.net/svg-logo-and-text-effects-extensions/raster-fallbacks-extension/):** Don’t settle for HTML fallback in legacy browsers. When you install this plugin, your SVG text is automatically rendered to **cached PNG image fallbacks**. Fallbacks are shown whenever SVG cannot be rendered for any reason. = follow the slime = The dashed-slug is a social slug: - Facebook: [https://www.facebook.com/dashedslug](https://www.facebook.com/dashedslug) - Google+: [https://plus.google.com/103549774963556626441](https://plus.google.com/103549774963556626441) - RSS feed: [https://www.dashed-slug.net/category/news/feed](https://www.dashed-slug.net/category/news/feed) - Youtube channel: [https://www.youtube.com/channel/UCZ1XhSSWnzvB2B_-Cy1tTjA](https://www.youtube.com/channel/UCZ1XhSSWnzvB2B_-Cy1tTjA) == Installation == 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](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation). What follows is step-by-step instructions: = Installation instructions = 1. **Make sure that you have at least WordPress version 3.9 installed, and that you are running on at least PHP 5.3.** 2. **Log in to your WordPress site** as Administrator. Your account will need to have the necessary permissions to install plugins. 3. **Navigate to the Plugins page**, found on the menu on the left. 4. **Click on the *Add Plugin* button.** If you cannot find the *Add Plugin* button, you might have a *Multisite* (aka *Network*) WordPress installation. If that is the case, navigate to *My Sites* → *Network Admin* → *Plugins*. The *My Sites* menu is located at the top left of the screen. 5. Once on the *Add Plugins* page, **click on the *Upload Plugin* button**. 6. **Click *Browse*.** 7. **Locate the following file** on your computer: `SVG_Logo_and_Text_Effects-1.3.1.zip` 7. **Click *Install Now*.** You should get the message *Plugin installed successfully.* 8. **Click on *Activate*,** (or *Network Activate* if you have a multisite installation). You should now be ready to use *SVG Logo and Text Effects*. = Configure settings (optional) = To visit the plugin's settings page, navigate to *Settings* → *SVG Logo and Text Effects*. == Frequently Asked Questions == = Will it work in all browsers? = 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](http://dashed-slug.net/svg-logo-and-text-effects-extensions/raster-fallbacks-extension/) to get an extension that gives you raster (.png) fallbacks. = Will it slow down my pages? = No, SVG code is cached server-side after it is computed, so you should not see any noticeable performance hit. = Will I be able to figure out how to use it? = 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](http://dashed-slug.net/svg-logo-and-text-effects-wordpress-plugin/svg-shortcode-examples). If you're the RTFM type of person, you can download the complete, FREE PDF documentation from the [dashed-slug](http://dashed-slug.net) website. Simply pick the SLATE *bundle* download from the [downloads section](http://dashed-slug.net/downloads). = What fonts can I use? = Out-of-the-box you can use the [Google fonts](https://www.google.com/fonts). Read the PDF documentation for instructions on how to import any font file. = How can I get support or submit feedback? = Please use the [support forum here on WordPress.org](https://wordpress.org/support/plugin/slate) for all issues and inquiries regarding this plugin. Use the [dashed-slug ticket system](https://www.dashed-slug.net/support/) for support on the premium extensions of this plugin. For all other communication, please use [info@dashed-slug.net](mailto:info@dashed-slug.net). == Screenshots == 1. **SVG text shortcode example** - Entering the shortcode shown to the left, renders the text shown to the right. == Changelog == = 1.3.1 = - Change: Mentions of Visual Composer changed to WPBakery Page Builder. = 1.3.0 = * NEW: Shapes are now responsible for assigning the filters and fills to any part of the graphic area. Allows for more shapes. * NEW: Shadow shape. Create text with patterned shadows. * Fix: Shadow filter xoff and yoff are now integers = 1.2.3 = * Fix: Prevent direct execution on all PHP * Add: Video tutorial available in readme and dashboard area * Fix&Add: Improvements in readme = 1.2.2 = * Fix: Shortcode function was returning false on error * Fix: Remove newlines from example shortcode * Example shortcode now auto-selectable = 1.2.1 = * Less spammy popups. Now only shown in plugin's settings page (unless dismissed). = 1.2.0 = * Added multi-line support (linebreaks were ignored before) * More robust HTML transformation to SVG = 1.1.4 = * Fixing minor issue with notification logic * Indicating that the plugin is tested for 4.7 = 1.1.3 = * Better handling of the customizer SVG bug, now that we know 4.7 will fix it * Better instructions in dashboard widget area * Added notices for available extensions = 1.1.2 = * Better adherence to HTML coding standards * Added support for `slate-raster` to write alt attributes to img tags * Removing version comments from minified assets to reduce SVN overhead = 1.1.1 = * Fixed issue with missing Zend tokenizer (`token_get_all()` undefined ) * Changed icon = 1.1.0 = * Added TinyMCE button to insert SVG shortcode presets. = 1.0.1 = * Added GPL text to main PHP file. * Uninstall script now removes options from DB. = 1.0.0 = * Shortcodes * Google fonts * HTML fallbacks * Caching == Upgrade Notice == Version 1.3.1 reflects WPBakery's decision to change the name of their plugin from Visual Composer to Page Builder. == Donating == 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. = via flattr = [flattr the dashed-slug](https://flattr.com/profile/dashed-slug) = via bitcoin = [send bitcoins to 1DaShEDyeAwEc4snWq14hz5EBQXeHrVBxy](bitcoin:1DaShEDyeAwEc4snWq14hz5EBQXeHrVBxy?dashed-slug?message=donation)