�� � � � � � s � F r d � � ` | � � ` r � � Y � S G d �
� � * � � D ^ < h � � & � � � � � � � � � = E , � � � � 7 � 1 B V h / r � � � � 6 � l � � \ � � K T [ o T | � � � ) 5 A P n h z Y � � = ' � ! ! #! ' 0! X! y! �! �! % �!
�! U �!
2" " =" r `" �" U �" c ># �# �# �# �# �# � �# N �$ ( % I% [% ! m% �% �% �% �% � �% v' �' �' _ �' " ) � B) K 5* � �* - 0+ ^+ {+ �+ �+ ; �+ : �+ 0, ?, � H, - - � ,- �- P �- %. 4. M Q. 2 �. �. �. �. t / �/ � 0 �1 > �2 = &4 � d4 � T5 = +6 # i7 ( �7 �7 ) �7 " �7 � 8 D �8 �8 �8 �8 9 9 +9 =9 U9 � ^9 � �9 = j; h �; � < �< �< + �< � = � �= � �> � 2? � �? � �@ >A � XA e �A � [B 8 �B 'C EC ) KC uC �C �C
�C �C �C �C �C �C V �C � 2D � �E q jH � �H 5 �I � �J �K p �L
M 9 M � SM �M } N �N �N + �N U �N : AO � |O P y P 3 �R 3 �R & �R ' %S � MS MV + VV + �V � �V K ;X { �Y f Z jZ �Z , �Z ` �Z L 1[ % ~[ 5 �[ ( �[ \ / \ 3 N\ 3 �\ �\ � �^ � W_ � ` # a ( 7a � `a b & b Gb � ^b P #c , tc , �c V �c # %d Id . fd �d � �d � We R �e P Dg N �g
�g ' �g E h ]h + yh , �h V �h )i � Fi " �i O j � `j ) :k � dk � �k ? �l ? m
Cm Nm 1 Wm � �m � $o ] �o $ p + 5p M ap . �p 5 �p A q Vq � bq - 2t / `t M �t V �t ; 5w � qw � \y f �y N W{ ? �{ 2 �{ | 6 5| z l| h �| . P} } \ �} �~ ) � 9 < )� � f� ) � = *� � h� � � �� 1 �� / ڂ �
� � ߃ U ń � � O � l 0� �� � �� X� G g� K �� �� L � C T� 0 �� � ɔ j� 3 �� 3 �� * � P � 7 g� 2 �� Җ � ۖ � �� � �� � � [ ӛ /� 6� c T� � �� 2 \� E �� � ա � V� ~ � % �� O �� � �� Ш � ة * p� �� ) �� Ԫ � �
�� � N �
Z� h� r� � �� } � � � � 7 b � ( R & # u F G J v � � ` W � � � ~ � / � 6 � d + . @ � 9 � " � � ! � K � | � c 1 ^ � � � � � T s � Y � H B t 4 8 L f x ; � � l % �
� � q _ r $ � w > a � Z � h � I � � [ \ � 3 � � � N : � � y � � , S � = - ? � � D z o � E 5 k � 2 * j
A ) Q O U � � 0 n ] ' { � i � C e V � � g P � X � M m < p (Classic Editor Only) Checking this will make sure that either the default class or the custom one you set in "CSS Class to target" option will be inserted into the style attributes of img tags when you insert SVG images into a post. Additionally, it will remove all of the default WordPress classes. It will leave normal image types as default and only affect SVG files. (You don't need to send me that much though, anything is appreciated!) (or your custom class from above) to any IMG tags that you want this plugin to swap out with your actual SVG code. - You can set this target class on any element and the script will traverse all children of that target element looking for IMG tags with SVG in the src to replace. - 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> @SVGSupport A huge thanks in advance! A very small piece of code that helps with displaying SVGs on the frontend in some cases. About The Plugin Add your featured SVG like you would any regular featured image format. Advanced Advanced Mode Advanced Usage An online tool to optimize your SVG files. Animate SVG using CSS or JS Animate and Optimize your SVG files using these open source projects Animation At 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: 1qF8r2HkTLifND7WLGfWmvxfXc9ze55DZ Basic Use Before 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. Benbodhi CSS Class To Target: CSS Class to target Checking this will automatically add the SVG class to ALL image tags containing SVG file sources in the rendered HTML via javascript and will therefore render all of your SVG files inline. Checking this will use the expanded JS file instead of the minified JS file. Useful if you want to minify this externally using a caching plugin or similar. Checking this will use vanilla JS file instead of the jQuery. Compress and Optimize Images with ShortPixel DONATIONS Danger Zone Delete Plugin Data Delete all plugin's data during uninstallation process. Do not sanitize for these roles Donate to author Donate using PayPal Donation Methods: Donations ETH: 0x599695Eb51aFe2e5a0DAD60aD9c89Bc8f10B54f4 Enable 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. Enabling this option will auto-minify all svg uploads. Enhance security by sanitizing svg images on Front-end. This will help to prevent XSS and Injection attacks. 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 Images File is not a valid SVG. First, let's talk about using CSS or JS to target elements within your SVG. Follow Follow Benbodhi on: 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 inline Get Support Having Issues? I'm always happy to help out! If you like If you like %1$sSVG Support%2$s please leave a %3$s★★★★★%4$s rating. A huge thanks in advance! If you upgrade to a paid plan, I'll receive a small commission... And that's really nice! If you want to enable sanitization or minification of uploaded SVG files, please enable advanced settings and then enable sanitization and/or minification. Include multiple URLs inside single SVG Inline SVG featured image support Introduction LTC: LUnQPJrSk6cVFmMqBMv5FAqweJbnzRUz4o Learn more about SVG Support on: Leave a Review Legacy Settings Load frontend CSS? Make sure "Advanced Mode" is enabled. Minify SVG 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). Now you can, easily! Now, embed your SVG image like a standard image with the addition of adding the class 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? Overview PayPal: Please Note: Plugin can now go any level down to find your SVG! It will keep looking as long as the element with the target class has children. If it finds any IMG tags with .svg in the src URL, it will replace the IMG tag with your SVG code. Publish, Save Draft, or Update the post a final time to render the SVG inline. Publish, Save Draft, or Update the post. Ratings & Reviews Render SVG Inline Render this SVG inline (advanced) Restrict SVG Uploads to? Restrict To Administrators: Restrict to Administrators only SVG Support SVG Support (this plugin) has grown to be used by over 1 million websites actively and is maintained solely by one person. I couldn't possibly tell you how many hours have gone into the development, maintenance and support of this plugin. If you find it useful and would like to donate to help keep it going, that would be amazing! I truly appreciate the support and how far this has come. SVG Support Features SVG Support Settings SVG Support Settings and Usage SVG 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 library SVG Support has grown to be installed on 1,000,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 Support: SVG Sanitizer library not found. Some features may be limited. 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. SVG sanitization failed for security reasons. Sanitize SVG files on upload Sanitize SVG on Front-end Save Changes Security check failed. Select the user roles that are allowed to upload SVG files. Select the user roles that should bypass SVG sanitization. Send Some Love Settings ShortPixel 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. ShortPixel logo Skip Nested SVGs 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? Sorry, this file couldn't be sanitized for security reasons and wasn't uploaded. Standard Usage Style SVG elements using CSS Support is handled exclusively through WordPress.org by my one man team - me. Thanks for your support, please consider donating. The Settings The WordPress Plugin Repository The default target class is The main purpose of this is to allow styling of SVG elements. Usually your styling options are restricted when using The 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 FREE Twitter Unable to read SVG file for sanitization. Unable to save sanitized SVG file. Upload 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. Usage Use Expanded JS: Use Expanded JS? Use Vanilla JS? Use odd shapes as links Use with caution! Visit The Support Forum Warpcast When enabled, only the first SVG in a .style-svg container will be inlined. Useful for Gutenberg Cover blocks with nested SVG images. When 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 ;) When using SVG images on your WordPress site, it can be hard to style elements within the SVG using CSS. When you enable advanced mode, this plugin not only provides SVG Support like the name says, it also allows you to easily embed your full SVG file's code using a simple IMG tag. By adding the class Yes You can also You can change it to your own class such as You 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 even use the class on an outer container and it will traverse all child elements to find all of the IMG tags with SVG files in the src and replace them. You can set this target class on any element and the script will traverse all children of that target element looking for IMG tags with SVG in the src to replace. 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 simply upload SVG files to your media library like any other image.<br>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 don't need to enable this to simply use SVG files as images. Enabling this will trigger advanced options and SVG functionality such as inline rendering. 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. by typing it here. Leave blank to use the default class. class with your complete SVG. embed http://wordpress.org/plugins/svg-support/ https://benbodhi.com img object on Twitter or please consider leaving a rating. style-svg tags alone. to your IMG elements, this plugin dynamically replaces any IMG elements containing the PO-Revision-Date: 2025-03-24 07:33:22+0000
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Plural-Forms: nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);
X-Generator: GlotPress/4.0.1
Language: uk_UA
Project-Id-Version: Plugins - SVG Support - Stable (latest release)
(Тільки для класичного редактора) Якщо ви встановите цей прапорець, то під час вставки SVG-зображень у публікацію до атрибутів стилів тегів img буде додано клас за замовчуванням або користувацький клас, який ви встановили в опції "CSS Class to target". Крім того, він видалить всі класи WordPress за замовчуванням. Він залишить звичайні типи зображень за замовчуванням і вплине лише на SVG-файли. (Вам не потрібно посилати мені, що багато, хоча, все цінується!) (або ваш власний клас зверху) до будь-яких тегів IMG, які ви хочете, щоб плагін замінив на ваш фактичний SVG-код. - Ви можете встановити цей клас цілі на будь-якому елементі, і скрипт буде обходити всі дочірні елементи цієї цільової області, шукати теги IMG з SVG у атрибуті src для заміни. - Вам потрібно буде встановити власну висоту та ширину у своєму CSS, щоб файли SVG відображалися правильно. Ваше завантажене зображення має бути файлом SVG для цього плагіна, щоб замінити тег img вбудованим кодом SVG. Він не буде створювати файли SVG для вас. <a target="_blank" href="https://wordpress.org/support/plugin/svg-support">Форум підтримки SVG</a> @SVGSupport Заздалегідь величезне спасибі! Дуже невеликий шматок коду, який допомагає відображати SVGs на інтерфейсі в деяких випадках. Про плагін Додайте свій вибраний SVG, як і будь-який звичайний формат зображення. Додатково Розширений режим Розширене використання Інтернет-інструмент для оптимізації файлів SVG. Анімуйте SVG за допомогою CSS або JS Анімуйте та оптимізуйте файли SVG, використовуючи ці проекти з відкритим кодом Анімація По суті, підтримка SVG дозволяє завантажувати файли SVG і використовувати їх так само, як і будь-яке звичайне зображення, з доданою перевагою масштабування та чудового вигляду на будь-якому розмірі екрана, незалежно від того, якого розміру він відображається. Крім того, розміри файлів SVG (частіше за все) набагато менше звичайних форматів зображень. Автоматично вставляти клас: Автоматично вставляти клас? BTC: 1qF8r2HkTLifND7WLGfWmvxfXc9ze55DZ Основне використання Перш ніж завантажувати SVG, вам знадобляться деякі класи, щоб націлитися всередині вашого SVG. Для цього відкрийте файл SVG у редакторі коду (я використовую Sublime Text). Ви побачите кожен елемент у вашому файлі SVG, написаному в XML-коді. Кожна маленька частина вашого SVG має свій власний біт коду, тому це до вас, які з них ви хочете націлити. Саме тут ви будете розміститии нові класи на кожному елементі, на який ви хочете націлитися. Benbodhi Клас CSS для націлювання: Клас CSS для націлювання: Якщо вибрати цей прапорець, клас SVG буде автоматично додано до ВСІХ тегів зображень, що містять джерела файлів SVG, у відтвореному HTML-коді за допомогою javascript і, таким чином, усі ваші файли SVG відображатимуться вбудовано. Якщо перевірити це, замість зменшеного файлу JS використовуватиметься розширений файл JS. Корисно, якщо ви хочете зменшити це зовнішньо за допомогою плагіна кешування або подібного. При перевірці цього буде використовуватися файл vanilla JS замість jQuery. Стискайте та оптимізуйте зображення за допомогою ShortPixel Пожертвування Небезпечна зона Видалення даних плагіна Видаліть усі дані плагіна під час процесу видалення. Не проводити очистку файлів від цих ролей Пожертвувати автору Пожертвуйте за допомогою PayPal Методи пожертвування: Пожертвування ETH: 0x599695Eb51aFe2e5a0DAD60aD9c89Bc8f10B54f4 Увімкнути розширений режим: Увімкнути розширений режим? Увімкнення "Розширеного режиму" відображає параметри, щоб надати вам більше контролю над тим, як ви використовуєте файли SVG на своєму сайті. Він також включає додаткові JS на передній панелі, тому залиште цю опцію вимкненою, якщо ви насправді не використовуєте будь-яку з розширених функцій. Якщо ввімкнути цей параметр, усі завантажені файли SVG автоматично зменшаться. Підвищіть безпеку, очистивши svg-зображення у зовнішньому інтерфейсі. Це допоможе запобігти атакам XSS та Injection. Навіть це найосновніше використання є дуже потужним для сучасних веб-сайтів, однак із файлами SVG можна зробити багато цікавих речей! Головні зображення Файл не є коректним SVG. По-перше, давайте поговоримо про використання CSS або JS для націлювання елементів у вашому SVG. Підписатися Слідкуйте за Benbodhi на: До прикладу: Щоб отримати довідку та додаткові відомості, перейдіть у вкладку довідки (у верхньому правому куті екрана). Щоб отримати додаткову довідку, відвідайте: Примусово вбудований SVG: Примусово вбудований SVG? Примусово відображати всі файли SVG вбудованими Отримати підтримку Маєте проблеми? Я завжди радий допомогти! Якщо хочеш Якщо вам подобається %1$sПідтримка SVG%2$s, залиште оцінку %3$s★★★★★%4$s. Наперед величезне спасибі! Якщо ви оновите до платного плану, я отримую невелику комісію ... І це дійсно приємно! Якщо ви хочете включити санітарну обробку або мініфікацію завантажуваних файлів SVG, будь ласка, включіть розширені налаштування, а потім включіть санітарну обробку та/або мініфікацію. Включіть кілька URL-адрес всередині одного SVG Вбудована підтримка зображень у форматі SVG Вступ LTC: LUnQPJrSk6cVFmMqBMv5FAqweJbnzRUz4o Дізнайтеся більше про підтримку SVG на: Залиште відгук Застарілі налаштування Завантажити фронтенд CSS? Переконайтеся, що "Розширений режим" увімкнуто. Мініфікувати SVG Моє реферальне посилання Coinbase отримає $ 10 USD вартістю BTC безкоштовно, коли ви витрачаєте $ 100. Потрібна допомога? Потрібно купити криптовалюту для пожертви? Тепер, коли ви налаштували підтримку SVG на своєму сайті, настав час переглянути оптимізацію існуючих зображень (jpg і png). Тепер ви можете, легко! Тепер вставте своє зображення SVG як стандартне зображення з додаванням класу Після перезавантаження екрана натисніть новий прапорець під вибраним зображенням, щоб зробити ваш SVG вбудованим. Вихідний JS у нижньому колонтитулі: Вихідний JS у нижньому колонтитулі? Огляд PayPal: Будь ласка, зверніть увагу: Тепер плагін може перейти на будь-який рівень нижче, щоб знайти ваш SVG! Він продовжуватиме шукати, доки елемент із цільовим класом має дітей. Якщо він знайде будь-які теги IMG із .svg в URL-адресі src, він замінить тег IMG вашим кодом SVG. Опублікуйте, збережіть чернетку або оновіть допис, щоб зробити SVG вбудованим. Опублікуйте, збережіть чернетку або оновіть допис. Рейтинги та відгуки Інлайновий рендеринг SVG Відобразити цей SVG вбудований (розширений) Обмежити завантаження SVG? Обмежити до адміністраторів: Обмеження лише для адміністраторів SVG Support Підтримка SVG (цей плагін) виросла, щоб активно використовуватися більш ніж 100 000 веб-сайтів і підтримується виключно однією людиною. Я не міг сказати вам, скільки годин пішло на розробку, технічне обслуговування та підтримку цього плагіна. Якщо ви вважаєте це корисним і хотіли б пожертвувати, щоб допомогти зберегти його відбувається, це було б дивно! Я щиро ціную підтримку і як далеко це зайти. Особливості підтримки SVG Налаштування підтримки SVG Налаштування та використання SVG підтримки Підтримка SVG має «Розширений режим», який перемикає додаткові функції, дозволяючи контролювати використання файлів SVG. Роблячи файли SVG вбудованими, це відкриває величезну кількість можливостей, включаючи анімацію, вбудовані посилання в SVG, ділянки посилань непарної форми, власні елементи націлювання CSS у SVG та багато іншого! Підтримка SVG для вашої медіатеки Підтримка SVG зросла до 1 000 000+ активних веб-сайтів. Це просто неймовірно! Він розроблений і підтримується однією людиною. Якщо ви вважаєте її корисною, будь ласка, подумайте про пожертвування, щоб допомогти продовжити її розвиток. Я буду щиро вдячний за будь-який внесок. Підтримка SVG: бібліотека SVG Sanitizer не знайдена. Деякі функції можуть бути обмежені. Файли SVG насправді є кодом XML, тому дозволяючи звичайним користувачам завантажувати їх, це може становити серйозні ризики для безпеки. Залиште це позначеним, якщо ви насправді не знаєте, що робите. З міркувань безпеки не вдалося очистити SVG. Очистити файли SVG при завантаженні Санітувати SVG на інтерфейсі Зберегти зміни Перевірка безпеки не вдалася. Виберіть ролі користувачів, яким дозволено завантажувати файли SVG. Виберіть ролі користувачів, які мають обійти очищення SVG. Відправити трішки любові Налаштування ShortPixel покращує продуктивність веб-сайту, зменшуючи розмір ваших зображень. Результати за якістю нічим не відрізняються від оригіналу, плюс оригінали зберігаються у резервній папці для вас. Логотип ShortPixel Пропустити вкладені SVG Тож давайте розберемось дещо докладніше! Просто клацніть вкладки ліворуч, щоб глибше зрозуміти, наскільки потужною є підтримка SVG. Отже, ви хочете анімувати свій SVG? Вибачте, цей файл не вдалося очистити з міркувань безпеки, і він не був завантажений Звичайне використання Стиль SVG-елементів за допомогою CSS Підтримка обробляється екслюзивно через WordPress.org моєю командою однієї людини - мене. Дякуємо за вашу підтримку, будь ласка, розгляньте питання про пожертвування. Налаштування Репозиторій плагінів WordPress Типовим цільовим класом є Основна мета цього — дозволити стилістику елементів SVG. Зазвичай під час використання ваші варіанти стилю обмежені Весь елемент тегу IMG тепер буде динамічно замінений фактичним кодом SVG, що робить внутрішній вміст доступним для націлювання. Тоді є можливість оцінити сам SVG-файл. Існує ряд онлайн-інструментів для цього, або ви можете використовувати програмне забезпечення за вашим вибором. Після того, як ваш SVG анімований і готовий піти, ви потім завантажте його, як і будь-яке інше зображення, у вашу медіа-бібліотеку WordPress. Коли ви вбудовуєте його на сторінку / пост, вам потрібно буде переконатися, що додати клас до тегу IMG, щоб підтримка SVG могли зробити його вбудованим. Це гарантує відображення анімації. Існує кілька способів анімації SVG. Ви можете використовувати CSS або JS для націлювання елементів у вашому SVG або навіть вбудувати анімацію в сам файл. Який би спосіб ви не вибрали, завжди потрібно трохи підготовки перед завантаженням SVG до медіатеки. Це дозволяє встановити свій власний власний клас, який ви будете використовувати у вашому SVG джерело IMG теги, які ви хотіли б надані в тому чи інше. Наприклад, вам може бути легше не забудьте додати клас "inline-svg" або щось, в цьому випадку ви будете використовувати бажане ім'я класу в цьому полі для використання на вашому сайті. Це дозволяє націлювати елементи у вашому SVG за допомогою CSS. Ця функція полягає в тому, щоб змусити всі файли SVG, які знаходяться на вашому сайті, щоб бути відтворений в вбудованому. Це може допомогти, якщо ви не в змозі встановити спеціальний клас на теги IMG з якихось причин, як правило, при використанні в параметрах теми або елементах конструктора сторінок. За допомогою цього параметра ви можете обрати, чи є файл JS підтримки SVG у заголовку або нижньому колонтитулі сайту. Зазвичай ви б enqueue в нижній колонтитул, якщо вам не потрібно, щоб він був завантажений раніше з якихось причин. Цей параметр дає вам вибір JS-файлу, який закріпився, повна розгорнута версія або мінімальна версія. Зазвичай ви завидите мінімальну версію, але якщо ви хочете об'єднати файл JS за допомогою плагіна кешування або мінфікації або подібного, то ви можете зацікавити розгорнуту, не minified версію. Щоб зробити ваш вибраний SVG вбудованим: Спробуйте БЕЗКОШТОВНО плагін WordPress ShortPixel X (twitter) Не вдалося прочитати файл SVG для очищення. Не вдалося зберегти очищений файл SVG. Завантажуйте файли SVG до бібліотеки мультимедіа та відтворюйте вбудовані файли SVG для безпосереднього стилізатора/анімації внутрішніх елементів SVG за допомогою CSS/JS. Завантажте файли SVG і використовуйте інструменти, що надаються, для анімації обведення. Використання Використання розширеного JS: Використання розширеного JS? Використовувати Vanilla JS? Використовуйте непарні фігури як посилання Використовуйте з обережністю! Відвідайте Форум підтримки Warpcast Якщо ввімкнено, лише перший SVG у контейнері .style-svg буде вбудовано. Корисно для блоків Gutenberg Cover із вкладеними зображеннями SVG. Якщо буде позначено цей пункт, вам не доведеться додавати клас до ваших файлів SVG під час процесу вбудовування у редактор. Коли ви виберете свій SVG, він буде поміщений в редактор тільки з класом підтримки SVG та іншими позбавленими. Він не змінює існуючий код, це лише помічник, який дозволить вам швидко вбудувати файли SVG і мати їх у вбудованому зв'язку без необхідності скрипіти з класами. При використанні SVG-файлів, як звичайних зображень, просто недостатньо;) Під час використання зображень SVG на вашому сайті WordPress може бути важко стилізувати елементи в SVG за допомогою CSS. Якщо ввімкнути розширений режим, цей плагін не лише забезпечує підтримку SVG, як випливає з назви, але й дозволяє легко вставляти повний код файлу SVG за допомогою простого тегу IMG. Додавши клас Так Ви також можете Ви можете змінити його на свій власний клас, наприклад Ви можете вбудувати зображення SVG, як і будь-яке стандартне зображення з додаванням <code>style-svg</code> класу (або вашого спеціального класу) до будь-яких тегів IMG, які ви хочете, щоб цей плагін помінявся місцями з вашим фактичним кодом SVG. Ви навіть можете використовувати клас на зовнішньому контейнері, і він пройде по всім дочірнім елементам, щоб знайти всі теги IMG з файлами SVG в атрибуті src і замінити їх. Ви можете встановити цей цільовий клас для будь-якого елемента, і скрипт буде проходити по всім дочірнім елементам цього цільового елемента в пошуках тегів IMG з SVG в src для заміни. Ви можете просто завантажувати файли SVG у свою медіатеку, як будь-яке інше зображення. Обов’язково виберіть «Обмежити до адміністраторів», якщо ви хочете лише дозволити адміністраторам завантажувати файли SVG. Ви можете просто завантажити файли SVG у вашу медіатеку, як і будь-яке інше зображення.<br>Переконайтеся, що обрана опція "Обмежити доступ лише для адміністраторів", якщо ви хочете дозволити завантаження файлів SVG тільки адміністраторам. Ви можете використовувати файли SVG як рекомендовані зображення так само, як і будь-який інший формат зображення, з додаванням можливості відображати ваші рекомендовані SVG вбудовані на основі на основі посади. З цим не можна грати. Вам не потрібно вмикати це, щоб просто використовувати файли SVG як зображення. Увімкнення цього дозволить розширити параметри та функціональність SVG, такі як вбудований візуалізація. Ймовірно, вам потрібно буде встановити власну висоту та ширину у вашому CSS для файлів SVG для правильного відображення. Ваше завантажене зображення має бути файлом SVG для цього плагіна, щоб замінити тег img вбудованим кодом SVG. Він не буде створювати файли SVG для вас. ввівши його тут. Залиште поле порожнім, щоб використовувати клас за замовчуванням. клас із вашим повним SVG. вставка http://wordpress.org/plugins/svg-support/ https://benbodhi.com img об'єкт у Twitter або будь ласка, подумайте про те, щоб залишити a оцінку. style-svg тільки теги. до ваших елементів IMG, цей плагін динамічно замінює будь-які елементи IMG, що містять