��z���H
FI
`�
��
`��Y
[Gl�
��*�
D!
	f
<
p
��&�	�
���,�	 *;O	a/k������4KD�T��),VbqY�!�' @ap%�U�
�"
r-c�.7@NM(���!�'GSh}_
�"���������� .O^2{����
[
 >
2!=q"��"��#=
v$#�%(�%�
&D�&�&�&�&�&'�
)'=�(�(�(��(��)��*.+eH+��+)A,k,�,�,
�,F�-`�-�S.`�.I/Yc/�/G�/0
0-0*<0g0D�0	�0<
�02+2&G2	n2�
x2#4,4A4,U4	�4�4�4�4	�4/�4�45�)5�6�6K�6�6T�6T7j7|7)�7�7�7�7Y�7!K8m8'z8 �8�8�8%�8U9
a9"l9r�9c:f:{:�:�:�:N�:(�:';9;!K;m;�;�;�;�;�;_
�;"^=��=�r>!?.?=?�F?�	@ �@�@�@2�@AA=A�
�A
wC>
�D=�E�F�
G=
�G#I(:I�cID�I3J9JJJ[JsJ�
�J=LOLSL�`L�:M��M�Ne�N�O0�O�O�O�O
4"N-6,:B?M'h*	+R
dSa_OILf0mvw9zV
yXn]#()W<xT&c5o$g;%rlUYZP/u1!\@Ee87FA3s.^C2Hp= >jJKb[DGiqk`Qt(You don't need to send me that much though, anything is appreciated!)- You will need to set your own height and width in your CSS for SVG files to display correctly.- Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.<a target="_blank" href="https://wordpress.org/support/plugin/svg-support">SVG Support Forum</a>A huge thanks in advance!A very small piece of code that helps with displaying SVGs on the frontend in some cases.About The PluginAdd your featured SVG like you would any regular featured image format.AdvancedAdvanced ModeAdvanced UsageAn online tool to optimize your SVG files.Animate SVG using CSS or JSAnimate and Optimize your SVG files using these open source projectsAnimationAt it's core, SVG Support allows you to upload SVG files and use them as you would any regular image with the added benefit of being scalable and looking great on any screen size, no matter what size it's displayed. Additionally, SVG file sizes are (more often than not) much smaller than conventional image formats.Automatically Insert Class:Automatically insert class?BTC: 1qF8r2HkTLifND7WLGfWmvxfXc9ze55DZBasic UseBefore you upload your SVG, you're going to need some classes to target inside your SVG. To do this, open your SVG file in the code editor of choice (I use Sublime Text). You will see each element within your SVG file written in XML code. Each little part of your SVG has it's own bit of code, so it's up to you which ones you want to target. It's in here that you'll place your new classes on each element you want to target.BenbodhiCSS Class To Target:CSS Class to targetCompress and Optimize Images with ShortPixelDONATIONSDonate to authorDonate using PayPalDonation Methods:DonationsETH: 0x599695Eb51aFe2e5a0DAD60aD9c89Bc8f10B54f4Enable Advanced Mode:Enable Advanced Mode?Enabling "Advanced Mode" displays options to give you more control over how you use SVG files on your site. It also includes extra JS on the front end, so leave this disabled unless you're actually using any of the advanced features.Even this most basic of usage is very powerful for modern websites, however, there's lots of cool stuff you can do with SVG files!Featured ImagesFirst, let's talk about using CSS or JS to target elements within your SVG.For example:For help and more information, please check the help tab (top right of your screen).For more help, visit:Force Inline SVG:Force Inline SVG?Force all SVG files to be rendered inlineGet SupportHaving Issues?I'm always happy to help out!If you upgrade to a paid plan, I'll receive a small commission... And that's really nice!Inline SVG featured image supportIntroductionLTC: LUnQPJrSk6cVFmMqBMv5FAqweJbnzRUz4oLearn more about SVG Support on:Leave a ReviewLoad frontend CSS?Make sure "Advanced Mode" is enabled.My Coinbase referral link will get $10 USD worth of BTC for free when you spend $100.Need help?Need to buy some crypto to donate?Now that you've set up SVG Support on your site, it's time to look at optimizing your existing images (jpg & png).Once the screen reloads, click the new checkbox below the featured image to render your SVG inline.Output JS in Footer:Output JS in Footer?OverviewPayPal: Please Note:Publish, Save Draft, or Update the post a final time to render the SVG inline.Publish, Save Draft, or Update the post.Ratings & ReviewsRender SVG InlineRender this SVG inline (advanced)Restrict To Administrators:Restrict to Administrators onlySVG SupportSVG Support FeaturesSVG Support SettingsSVG Support Settings and UsageSVG Support features an "Advanced Mode" which toggles extra features, allowing you to take more control of how your SVG files are used. By rendering SVG files inline, it opens up a huge number of possibilities including animations, embedded links within the SVG, odd shaped link areas, custom CSS targeting elements within the SVG and  whole lot more!SVG Support for your media librarySVG Support has grown to be installed on 800,000+ active websites. That's insane! It's developed and maintained by one person alone. If you find it useful, please consider donating to help keep it going. I truly appreciate any contribution.SVG files are actually XML code, so allowing regular users to upload them can pose serious security risks. Please leave this checked unless you really know what you're doing.Save ChangesSend Some LoveSettingsShortPixel improves website performance by reducing the size of your images. The results are no different in quality from the original, plus your originals are stored in a backup folder for you.So let's get into some more details! Simply click the tabs to the left to get more of an understanding of how powerful SVG Support is.So you want to animate your SVG?Standard UsageStyle SVG elements using CSSThanks for your support, please consider donating.The SettingsThe WordPress Plugin RepositoryThe whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.Then there's the option of animating the SVG file itself. There is a number of online tools to do this, or you can use the software of your choice. Once your SVG is animated and ready to go, you then upload it like any other image to your WordPress media library. When you embed it on a page/post, you will need to make sure to add the class to the IMG tag so SVG Support can render it inline. This will ensure your animations are displayed.There's a number of ways you can animate an SVG. You could use CSS or JS to target elements within your SVG or even embed the animations in the file itself. Whichever way you choose, there is always a little bit of preparation required before uploading your SVG to your media library.This allows you to set your own custom class that you will use in your SVG source IMG tags that you would like rendered inline. For example, it might be easier for you to remember to add the class "inline-svg" or something, in which case you would use your desired class name in this field to be used across your site.This allows you to target elements within your SVG using CSS.This feature is to force all SVG files that are found in your site to be rendered inline. This can help if you aren't able to set a custom class on your IMG tags for some reason, usually when used in theme options or page builder elements.This setting allows you to choose whether the SVG Support JS file is enqueued in the header or the footer of the site. Usually you would enqueue in the footer unless you need it to be loaded sooner for some reason.This setting gives you the choice of JS file that is enqueued, the full expanded version or the minified version. You would usually enqueue the minified version, but if you want to bundle the JS file using a caching or minification plugin or similar, then you might want to enqueue the expanded, non-minified version.To render your featured SVG inline:Try ShortPixel WordPress Plugin for FREEUpload SVG files to the Media Library and render SVG files inline for direct styling/animation of an SVG's internal elements using CSS/JS.Upload your SVG files and use the tools provided to animate strokes.UsageUse Expanded JS:Use Expanded JS?Use odd shapes as linksVisit The Support ForumWhen this is checked, you won't have to add the class to your SVG files during the embed process in the editor. When you pick your SVG, it will be placed in the editor with just the SVG Support class and others stripped. It does not change existing code, it's only a helper to allow you to quickly embed your SVG files and have them render inline without having to fiddle with the classes.When using SVG files like regular images just isn't enough ;)YesYou can alsoYou can embed your SVG image like any standard image with the addition of adding the class <code>style-svg</code> (or your custom class) to any IMG tags that you want this plugin to swap out with your actual SVG code.You can simply upload SVG files to your media library like any other image. Make sure to select "Restrict to Administrators" if you only want to allow admins to upload SVG files.You can use SVG files as featured images just like any other image format, with the addition of being able to render your featured SVG inline on a per-post basis.You can't play with this.You will likely need to set your own height and width in your CSS for SVG files to display correctly.Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.http://wordpress.org/plugins/svg-support/https://benbodhi.comorrating.PO-Revision-Date: 2022-02-28 12:23:52+0000
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Plural-Forms: nplurals=2; plural=n != 1;
X-Generator: GlotPress/4.0.1
Language: en_CA
Project-Id-Version: Plugins - SVG Support - Stable (latest release)
(You don't need to send me that much though, anything is appreciated!)- You will need to set your own height and width in your CSS for SVG files to display correctly.- Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.<a target="_blank" href="https://wordpress.org/support/plugin/svg-support">SVG Support Forum</a>A huge thanks in advance!A very small piece of code that helps with displaying SVGs on the frontend in some cases.About The PluginAdd your featured SVG like you would any regular featured image format.AdvancedAdvanced ModeAdvanced UsageAn online tool to optimize your SVG files.Animate SVG using CSS or JSAnimate and Optimize your SVG files using these open source projectsAnimationAt it's core, SVG Support allows you to upload SVG files and use them as you would any regular image with the added benefit of being scalable and looking great on any screen size, no matter what size it's displayed. Additionally, SVG file sizes are (more often than not) much smaller than conventional image formats.Automatically Insert Class:Automatically insert class?BTC: 1qF8r2HkTLifND7WLGfWmvxfXc9ze55DZBasic UseBefore you upload your SVG, you're going to need some classes to target inside your SVG. To do this, open your SVG file in the code editor of choice (I use Sublime Text). You will see each element within your SVG file written in XML code. Each little part of your SVG has it's own bit of code, so it's up to you which ones you want to target. It's in here that you'll place your new classes on each element you want to target.BenbodhiCSS Class To Target:CSS Class to targetCompress and Optimize Images with ShortPixelDONATIONSDonate to authorDonate using PayPalDonation Methods:DonationsETH: 0x599695Eb51aFe2e5a0DAD60aD9c89Bc8f10B54f4Enable Advanced Mode:Enable Advanced Mode?Enabling "Advanced Mode" displays options to give you more control over how you use SVG files on your site. It also includes extra JS on the front end, so leave this disabled unless you're actually using any of the advanced features.Even this most basic of usage is very powerful for modern websites, however, there's lots of cool stuff you can do with SVG files!Featured ImagesFirst, let's talk about using CSS or JS to target elements within your SVG.For example:For help and more information, please check the help tab (top right of your screen).For more help, visit:Force Inline SVG:Force Inline SVG?Force all SVG files to be rendered inlineGet SupportHaving Issues?I'm always happy to help out!If you upgrade to a paid plan, I'll receive a small commission... And that's really nice!Inline SVG featured image supportIntroductionLTC: LUnQPJrSk6cVFmMqBMv5FAqweJbnzRUz4oLearn more about SVG Support on:Leave a ReviewLoad frontend CSS?Make sure "Advanced Mode" is enabled.My Coinbase referral link will get $10 USD worth of BTC for free when you spend $100.Need help?Need to buy some crypto to donate?Now that you've set up SVG Support on your site, it's time to look at optimizing your existing images (jpg & png).Once the screen reloads, click the new checkbox below the featured image to render your SVG inline.Output JS in Footer:Output JS in Footer?OverviewPayPal: Please Note:Publish, Save Draft, or Update the post a final time to render the SVG inline.Publish, Save Draft, or Update the post.Ratings & ReviewsRender SVG InlineRender this SVG inline (advanced)Restrict To Administrators:Restrict to Administrators onlySVG SupportSVG Support FeaturesSVG Support SettingsSVG Support Settings and UsageSVG Support features an "Advanced Mode" which toggles extra features, allowing you to take more control of how your SVG files are used. By rendering SVG files inline, it opens up a huge number of possibilities including animations, embedded links within the SVG, odd shaped link areas, custom CSS targeting elements within the SVG and  whole lot more!SVG Support for your media librarySVG Support has grown to be installed on 800,000+ active websites. That's insane! It's developed and maintained by one person alone. If you find it useful, please consider donating to help keep it going. I truly appreciate any contribution.SVG files are actually XML code, so allowing regular users to upload them can pose serious security risks. Please leave this checked unless you really know what you're doing.Save ChangesSend Some LoveSettingsShortPixel improves website performance by reducing the size of your images. The results are no different in quality from the original, plus your originals are stored in a backup folder for you.So let's get into some more details! Simply click the tabs to the left to get more of an understanding of how powerful SVG Support is.So you want to animate your SVG?Standard UsageStyle SVG elements using CSSThanks for your support, please consider donating.The SettingsThe WordPress Plugin RepositoryThe whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.Then there's the option of animating the SVG file itself. There is a number of online tools to do this, or you can use the software of your choice. Once your SVG is animated and ready to go, you then upload it like any other image to your WordPress media library. When you embed it on a page/post, you will need to make sure to add the class to the IMG tag so SVG Support can render it inline. This will ensure your animations are displayed.There's a number of ways you can animate an SVG. You could use CSS or JS to target elements within your SVG or even embed the animations in the file itself. Whichever way you choose, there is always a little bit of preparation required before uploading your SVG to your media library.This allows you to set your own custom class that you will use in your SVG source IMG tags that you would like rendered inline. For example, it might be easier for you to remember to add the class "inline-svg" or something, in which case you would use your desired class name in this field to be used across your site.This allows you to target elements within your SVG using CSS.This feature is to force all SVG files that are found in your site to be rendered inline. This can help if you aren't able to set a custom class on your IMG tags for some reason, usually when used in theme options or page builder elements.This setting allows you to choose whether the SVG Support JS file is enqueued in the header or the footer of the site. Usually you would enqueue in the footer unless you need it to be loaded sooner for some reason.This setting gives you the choice of JS file that is enqueued, the full expanded version or the minified version. You would usually enqueue the minified version, but if you want to bundle the JS file using a caching or minification plugin or similar, then you might want to enqueue the expanded, non-minified version.To render your featured SVG inline:Try ShortPixel WordPress Plugin for FREEUpload SVG files to the Media Library and render SVG files inline for direct styling/animation of an SVG's internal elements using CSS/JS.Upload your SVG files and use the tools provided to animate strokes.UsageUse Expanded JS:Use Expanded JS?Use odd shapes as linksVisit The Support ForumWhen this is checked, you won't have to add the class to your SVG files during the embed process in the editor. When you pick your SVG, it will be placed in the editor with just the SVG Support class and others stripped. It does not change existing code, it's only a helper to allow you to quickly embed your SVG files and have them render inline without having to fiddle with the classes.When using SVG files like regular images just isn't enough ;)YesYou can alsoYou can embed your SVG image like any standard image with the addition of adding the class <code>style-svg</code> (or your custom class) to any IMG tags that you want this plugin to swap out with your actual SVG code.You can simply upload SVG files to your media library like any other image. Make sure to select "Restrict to Administrators" if you only want to allow admins to upload SVG files.You can use SVG files as featured images just like any other image format, with the addition of being able to render your featured SVG inline on a per-post basis.You can't play with this.You will likely need to set your own height and width in your CSS for SVG files to display correctly.Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.https://en-ca.wordpress.org/plugins/svg-support/https://benbodhi.comorrating.