Title: SVG Logo and Text Effects Author: dashed-slug.net Published: Bélú 4, 2016 Last modified: Bélú 1, 2019 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/slate/assets/banner-772x250.png?rev=1553628) Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**. Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun. ![](https://ps.w.org/slate/assets/icon-256x256.png?rev=1531093) # SVG Logo and Text Effects Láti ọwọ́ [dashed-slug.net](https://profiles.wordpress.org/dashedslug/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/slate.1.3.1.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/slate/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/slate/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/slate/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/slate/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/slate/) ## Àpèjúwe [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)** 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) ### 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](https://yor.wordpress.org/plugins/slate/1DaShEDyeAwEc4snWq14hz5EBQXeHrVBxy?dashed-slug?message=donation) ## Àwọn àwòrán ìbòjú [⌊SVG text shortcode example - Entering the shortcode shown to the left, renders the text shown to the right.⌉⌊SVG text shortcode example - Entering the shortcode shown to the left, renders the text shown to the right.⌉[ **SVG text shortcode example** Ìtumọ̀ Yorùbá: – Entering the shortcode shown to the left, renders the text shown to the right. ## Ìgbéwọlẹ̀ 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 8. **Click _Install Now_.** You should get the message _Plugin installed successfully._ 9. **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Ìtumọ̀ Yorùbá: ’s settings page, navigate to _Settings_ → _SVG Logo and Text Effects_. ## FAQ ### Will it work in all browsers? Most modern browsers have support for SVG. For the ones that donÌtumọ̀ Yorùbá: ’ 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Ìtumọ̀ Yorùbá: ’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](https://yor.wordpress.org/plugins/slate/info@dashed-slug.net?output_format=md). ## Àwọn àgbéyẹ̀wò ![](https://secure.gravatar.com/avatar/bdce82630cfbeb7696af8bc07f775b6bf3873d99416646de0a7e353e35932d11? s=60&d=retro&r=g) ### 󠀁[Not responsive](https://wordpress.org/support/topic/difficult-to-use-6/)󠁿 [Blizzard Wolf](https://profiles.wordpress.org/blizzard-wolf/) Òkúdù 2, 2017 Free Ìtumọ̀ Yorùbá: —- PRO- works in 4.7.5 PRO- Light weight no media slot taken, so reducing media. PRO- Text customisable in editor CON- difficult to use, requires registration and reading documation CON- isnÌtumọ̀ Yorùbá: ’t responsive, so is not good for mobile use. Premium Ìtumọ̀ Yorùbá: —Ìtumọ̀ Yorùbá: —- PRO- Looks easy to use in visual composer CON- Premium requires visual composer. CON- Recuring subscription My main issue with this plugin on testing is appeared not to be responsive to browser resizing. ![](https://secure.gravatar.com/avatar/a176fc0518bf8a13615f9cacd8e6261710e7a339539b86dd6fdab744baed7e61? s=60&d=retro&r=g) ### 󠀁[Awesome transforms text into art](https://wordpress.org/support/topic/awesome-transforms-text-into-art/)󠁿 [tasostzan](https://profiles.wordpress.org/tasostzan/) Bélú 14, 2016 Easy to use and modify, transform the text into art which is also readable by the search engines. Simply amazing! [ Ka gbogbo àwọn àgbéyẹ̀wò 2 ](https://wordpress.org/support/plugin/slate/reviews/) ## Àwọn Olùkópa & Olùgbéejáde “SVG Logo and Text Effects” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ dashed-slug.net ](https://profiles.wordpress.org/dashedslug/) [Túmọ̀ “SVG Logo and Text Effects” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/slate) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/slate/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/slate/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/slate/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/slate/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 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Ìtumọ̀ Yorùbá: ’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 ## Àkójọpọ̀ Meta * Ẹ̀yà **1.3.1** * Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 7 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **60+** * Ẹ̀yà WordPress ** 3.9 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **4.8.29** * Èdè * [English (US)](https://wordpress.org/plugins/slate/) * Àwọn àmì * [effects](https://yor.wordpress.org/plugins/tags/effects/)[filters](https://yor.wordpress.org/plugins/tags/filters/) [SVG](https://yor.wordpress.org/plugins/tags/svg/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/slate/advanced/) ## Àwọn ìbò 3.5 lára àwọn ìràwọ̀ 5. * [ 1 5-star review ](https://wordpress.org/support/plugin/slate/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/slate/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/slate/reviews/?filter=3) * [ 1 2-star review ](https://wordpress.org/support/plugin/slate/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/slate/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/slate/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/slate/reviews/) ## Àwọn Olùkópa * [ dashed-slug.net ](https://profiles.wordpress.org/dashedslug/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/slate/) ## Ṣe ìtọrẹ Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí? [ Ṣe ìtọrẹ sí plugin yìí ](https://flattr.com/profile/dashed-slug)