�� � � � � � s � F = r � � � ` � � � ` � � � Y s G � �
� � * � D 9 ~ < � � � & � $ � . � � � � � � = e , � � � � 7 � 1 Q b v � / � � � � � 6 � l � | � K ( t { � T � � ) + U a p � h � Y � ] ' � ! !! C! ' P! x! �! �! �! % �!
�! U �!
R" " ]" � �" r Z# �# U �# c 8$ �$ �$ �$ �$ �$ � �$ N �% ( & C& U& ! g& �& �& �& �& � �& p( �( �( _ �( " * � <* K /+ � {+ - *, X, u, �, �, ; �, : �, *- 9- � B- . . � &. �. P �. / ./ M K/ 2 �/ �/ �/ �/ t 0 �0 �
1 �2 > �3 = 5 � ^5 � N6 = %7 # c8 ( �8 �8 ) �8 " �8 � 9 D �9 �9 �9 �9 �9
: -; E; W; o; � x; � �; = �= h �= � +> �> �> + ? � .? � @ � �@ � LA � �A � �B XC � rC e D � uD 8 E AE _E ) eE �E �E �E
�E �E �E �E �E �E V �E LF � iG B I y ZI � �I s �J �
K m �K L &L b DL �L Y �L M
M *M : 7M rM O �M
�M � �M # |O % �O & �O �O � �O �Q �Q �Q � �Q � �R C �S . �S
�S T T G /T wT �T �T �T
�T / �T U !U =U M PV q �V � W �W �W W �W :X AX VX t cX �X �X Y 8 Y
YY gY $ {Y �Y | �Y \ )Z � �Z / %[ + U[
�[ ' �[ 0 �[ �[ �[ \ 6 *\
a\ U o\ �\ - �\ � ] v ^ w^ K �^ � �^ y_ �_ �_ �_ �_ �_ d �` 6 >a ua �a & �a + �a �a ! b 6b � Bb �c �c d � &d / �e �e s g � �g 2 hh �h �h �h ) �h A i I Qi �i �i � �i �j �j � �j _k ^ xk
�k + �k h l 1 zl �l & �l �l � m � �m � n " p [ ,q = �r G �r � t m �t ) lv 4 �v �v 5 �v ) w � 3w W �w x #x 6x Kx * ^x " �y �y �y �y � �y � �z G ?| � �| } ~ ~ 1 +~ � ]~ � G � � � �� � �� � Z� � � 7� ~ � � a� K � O� d� , j� �� �� ��
�� ą � � �� i � ~ � � � � 7 c � ( S & # v F G J w � � a X � � � � / � 6 � e + . @ � 9 � " � � ! � K � } � d 1 _ � � � � � U t � Z � H B u 4 8 Q L g y ; � � � m % �
� � r ` s $ � x > b � [ � i � I � � \ ] � 3 � � � N : � � z � � , T � = - ? � � D { p � E 5 l � 2 * k
A ) R O V � � 0 o ^ ' | � j � C f W � � h P � Y � � M n < q (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? Normally, scripts are placed in head of the HTML document. If "Yes" is selected, the script is placed before the closing body tag. This requires the theme to have the wp_footer() template tag in the appropriate place. 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 case scenario: When using a visual builder such as in the Divi Theme or The Divi Builder, the class is not automatically added with the "Automatically insert class?" option selected or the builder module doesn't give you the option to manually add a CSS class directly to your image. 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-10 18:30:58+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: es
Project-Id-Version: Plugins - SVG Support - Stable (latest release)
(Sólo Editor Clásico) Marcando esta opción te asegurarás de que la clase por defecto o la personalizada que establezcas en la opción "Clase CSS a la que apuntar" se insertará en los atributos de estilo de las etiquetas img cuando insertes imágenes SVG en una entrada. Además, eliminará todas las clases predeterminadas de WordPress. Dejará las clases de imagen normales por defecto y sólo afectará a los archivos SVG. (¡No hace falta que me envíes tanto, se aprecia cualquier cosa!) (o tu clase personalizada de arriba) a cualquier etiqueta IMG que quieras que este plugin cambie por tu código SVG real. - Puedes configurar esta clase de destino en cualquier elemento y el script atravesará todos los hijos de ese elemento de destino buscando etiquetas IMG con un SVG en el src para reemplazarlo. - Tendrás que establecer tu propia altura y anchura en el CSS para que los archivos SVG se muestren correctamente. - Tu imagen subida necesita ser un archivo SVG para que este plugin para reemplace la etiqueta img con el código SVG en línea. No creará archivos SVG para ti. <a target="_blank" href="https://wordpress.org/support/plugin/svg-support">Foro de soporte de SVG Support</a> @SVGSupport ¡Muchas gracias de antemano! Una porción de código muy pequeña que, en algunos casos, ayuda a mostrar los SVG en la portada. Acerca del plugin Añade tu SVG destacado como lo harías con cualquier formato de imagen destacada normal. Avanzado Modo avanzado Uso avanzado Una herramienta en línea para optimizar tus archivos SVG. Animar SVG usando CSS o JS Anima y optimiza tus archivos SVG utilizando estos proyectos de código abierto Animación En su núcleo, el SVG Support te permite subir archivos SVG y utilizarlos como si se tratara de cualquier imagen normal, con la ventaja añadida de ser escalable y tener un aspecto excelente en cualquier tamaño de pantalla, independientemente del tamaño que se muestre. Además, los tamaños de archivo SVG son (la mayoría de las veces) mucho más pequeños que los formatos de imagen convencionales. Insertar automáticamente la clase: ¿Insertar la clase automáticamente? BTC: 1qF8r2HkTLifND7WLGfWmvxfXc9ze55DZ Uso básico Antes de subir tu SVG, vas a necesitar algunas clases a las que apuntar dentro de tu SVG. Para ello, abre su archivo SVG en el editor de código de tu elección (yo utilizo Sublime Text). Verás cada elemento dentro de tu archivo SVG escrito en código XML. Cada pequeña parte de su SVG tiene su propia porción de código, así que depende de a cuáles quieras dirigirte. Es aquí donde colocarás tus nuevas clases en cada elemento al que quieras dirigirte. Benbodhi Clase CSS objetivo: Clase CSS objetivo Al marcar esta opción se añadirá automáticamente la clase SVG a TODAS las etiquetas de imagen que contengan fuentes de archivos SVG en el HTML renderizado mediante javascript y, por tanto, renderizará todos tus archivos SVG en línea. Marcando esto se usará el archivo JS expandido en lugar del archivo JS minimizado. Útil si quieres minimizarlo externamente usando un plugin de caché o similar. Activando esto se usará el archivo en Vanilla JS en vez de jQuery. Comprimir y optimizar imágenes con ShortPixel DONACIONES Zona peligrosa Borrar datos del plugin Borra todos los datos del plugin durante el proceso de desinstalación. No sanear para estos perfiles Donar al autor Donar con PayPal Métodos de donación: Donaciones ETH: 0x599695Eb51aFe2e5a0DAD60aD9c89Bc8f10B54f4 Activar el modo avanzado: ¿Activar el modo avanzado? Al activar el «Modo avanzado» se muestran las opciones para darte más control sobre el uso de los archivos SVG en tu sitio. También incluye JS extra en la parte pública de la web, así que déjalo desactivado a menos que estés usando alguna de las funciones avanzadas. Activar esta opción minimizará automáticamente todos los svg que se suban. Mejora la seguridad saneando las imágenes svg en portada. Esto ayudará a evitar ataques de XSS y de inyección. Incluso este uso más básico es muy poderoso para los sitios web modernos, sin embargo, ¡hay muchas cosas geniales que puedes hacer con los archivos SVG! Imágenes destacadas El archivo no es un SVG válido. Primero, hablemos sobre el uso de CSS o JS para dirigirse a elementos dentro de tu SVG. Seguir Sigue a Benbodhi en: Por ejemplo: Para obtener ayuda y más información, consulta la pestaña de ayuda (en la parte superior derecha de la pantalla). Para más ayuda, visita: Forzar SVG integrado: ¿Forzar SVG integrados? Forzar que todos los archivos SVG se procesen integrados Obtener ayuda ¿Tienes problemas? ¡Siempre estoy encantado de ayudar! Si te gusta Si te gusta %1$sSVG Support%2$s, por favor, deja un valoración de %3$s★★★★★%4$s. ¡Muchas gracias por anticipado! Si te cambias a un plan de pago, recibiré una pequeña comisión.... ¡Y eso es muy bonito! Si quieres activar el saneado o minimizado de los archivos SVG que subas, por favor, activa los ajustes avanzados y luego activa el saneado y/o el minimizado. Incluir múltiples URLs dentro de un único SVG Compatibilidad con imágenes SVG integrados Introducción LTC: LUnQPJrSk6cVFmMqBMv5FAqweJbnzRUz4o Aprende más sobre la compatibilidad con SVG en: Deja una reseña Ajustes heredados ¿Cargar el CSS de la portada? Asegúrate de que el «Modo Avanzado» está activado. Minimizar SVG Mi enlace de referido de Coinbase obtendrá $10 USD de BTC gratis cuando gastes $100. ¿Necesitas ayuda? ¿Necesitas comprar criptomonedas para donar? Normalmente, los scripts se colocan en la cabecera del documento HTML. Si se seleccionas «Sí», el script se coloca antes de la etiqueta de cierre de body. Esto requiere que el tema tenga la etiqueta de plantilla wp_footer() en el lugar apropiado. Ahora que has configurado el SVG Support en tu sitio, es el momento de optimizar tus imágenes existentes (jpg y png). Ahora puedes, ¡fácilmente! Ahora, incrusta tu imagen SVG como una imagen estándar añadiendo la clase Una vez que la pantalla se haya recargado, haz clic en la nueva casilla de verificación debajo de la imagen destacada para renderizar tu SVG en línea. Salida JS en pie de página: ¿Poner JS en el pie de página? Resumen PayPal: Ten en cuenta: ¡El plugin ahora puede ir a cualquier nivel inferior para encontrar tu SVG! Seguirá buscando mientras el elemento con la clase de destino tenga hijos. Si encuentra alguna etiqueta IMG con .svg en la URL src, sustituirá la etiqueta IMG por tu código SVG. Publica, guardar el borrador o actualiza la entrada por última vez para que el SVG esté en línea. Publica, guardar como borrador o actualiza la entrada. Valoraciones y reseñas Mostrar SVG integrado Procesar este SVG integrado (avanzado) ¿A quién restringimos las subidas de SVG? Restringir a administradores: Restringido a los administradores SVG Support SVG Support (este plugin) ha crecido hasta ser usado por más de un millón de webs activamente y es mantenido por una única persona. No podría decirte cuántas horas se han dedicado al desarrollo, mantenimiento y soporte de este plugin. Si lo encuentras útil y te gustaría donar para ayudar a mantenerlo en marcha, ¡sería increíble! Agradezco sinceramente el apoyo y lo lejos que ha llegado. Características de SVG Support Ajustes de SVG Support Ajustes y uso de SVG Support SVG Support incluye un «Modo avanzado» que activa las funciones adicionales que te permiten tener más control sobre cómo se utilizan tus archivos SVG. Al procesar archivos SVG integrados, se abren un gran número de posibilidades, incluyendo animaciones, enlaces incrustados dentro del SVG, áreas de enlaces con formas extrañas, apuntar con CSS a elementos personalizados dentro del SVG ¡y mucho más! Compatibilidad SVG para la biblioteca de medios SVG Support ha crecido hasta instalarse en más de 1.000.000 de sitios web activos. ¡Es una locura! Lo desarrolla y mantiene una sola persona. Si te resulta útil, considera la posibilidad de hacer un donativo para ayudar a mantenerlo. Agradezco sinceramente cualquier contribución. Compatibilidad con SVG: Biblioteca de saneado SVG no encontrada. Algunas características podrían estar limitadas. Los archivos SVG son en realidad código XML, por lo que permitir a los usuarios habituales cargarlos puede suponer un grave riesgo para la seguridad. Por favor, deja esto marcado a menos que realmente sepas lo que estás haciendo. El saneado de SVG falló por motivos de seguridad. Sanear archivos SVG al subirlos Sanear SVG en portada Guardar los cambios La comprobación de seguridad ha fallado. Selecciona los perfiles de usuario que pueden subir archivos SVG. Selecciona los perfiles de usuario que deben eludir la desinfección SVG. Envia un poco de amor Ajustes ShortPixel mejora el rendimiento del sitio web al reducir el tamaño de las imágenes. Los resultados no difieren en calidad del original y, además, los originales se almacenan en una carpeta de copia de seguridad. Logo de ShortPixel Omitir SVGs anidados ¡Así que vamos a entrar en más detalles! Simplemente haz clic en las pestañas de la izquierda para obtener más información sobre lo potente que es SVG Support. ¿Quieres animar tu SVG? Lo sentimos, este archivo no se pudo sanear, por lo que, por razones de seguridad no se subió Uso estándar Darle estilo a los elementos SVG usando CSS El soporte es gestionado exclusivamente a través de WordPress.org por mi equipo de un solo hombre - yo. Gracias por tu apoyo. Por favor, considera donar. Los ajustes El repositorio de plugins de WordPress La clase objetivo por defecto es El objetivo principal es permitir estilizar los elementos SVG. Normalmente, tus opciones de estilo están restringidas cuando utilizas la clase Toda la etiqueta IMG se reemplaza de forma dinámica con el código del SVG haciendo que se pueda hacer referencia al contenido interior. Luego está la opción de animar el propio archivo SVG. Hay una serie de herramientas en línea para hacerlo, o puedes utilizar el software de tu elección. Una vez que tu SVG esté animado y listo para funcionar, cárgalo como cualquier otra imagen a tu biblioteca de medios de WordPress. Cuando lo incrustas en una página/entrada, tendrás que asegurarte de añadir la clase a la etiqueta IMG para que SVG Suppor pueda renderizarla en línea. Esto asegurará que tus animaciones se muestren. Hay varias formas de animar un SVG. Puedes utilizar CSS o JS para dirigirte a elementos dentro de tu SVG o incluso incrustar las animaciones en el propio archivo. Sea cual sea la forma que elijas, siempre se requiere un poco de preparación antes de subir su SVG a tu biblioteca multimedia. Esto te permite establecer tu propia clase personalizada que utilizará en las etiquetas IMG con SVG que te gustaría que se procesarán integrados. Por ejemplo, podría ser más fácil para ti recordar añadir la clase «inline-svg» o algo así, en cuyo caso usarías el nombre de clase que quieras en este campo para ser usado en todo el sitio. Esto permite hacer referencia a los elementos SVG usando CSS. Esta característica es para forzar que todos los archivos SVG que se encuentran en el sitio sean procesados integrados. Esto puede ayudar si no puedes establecer una clase personalizada en tus etiquetas IMG por alguna razón, normalmente cuando se utiliza en las opciones de tema o en los elementos de generadores de páginas. Este ajuste te permite elegir si el archivo JS de SVG Support está en cola en el encabezado o en el pie de página del sitio. Por lo general, se encolaría en el pie de página, a menos que necesites que se cargue antes por alguna razón. Este ajuste te da la opción de elegir entre encolar para el archivo JS la versión ampliada completa o la versión minimizada. Por lo general, la versión que se encola es la versión minimizada, pero si quieres agrupar el archivo JS utilizando un plugin de caché o de optimización o similar, es posible que quieras agrupar la versión expandida y no minimizada. Para procesar tu SVG destacado integrado: Prueba GRATIS el plugin de ShortPixel para WordPress Twitter No ha sido posible leer el archivo SVG para sanearlo. No ha sido posible sanear el archivo SVG. Sube archivos SVG a la biblioteca de medios y los muestra integrados para el estilo/animación directa de los elementos internos utilizando CSS/JS. Sube tus archivos SVG y utiliza las herramientas proporcionadas para animar los trazos. Uso Usar JS expandido: ¿Usar JS expandido? ¿Usar Vanilla JS? Escenario de uso: Cuando utilizas un maquetador como en el tema Divi o Divi Builder, la clase no se añade automáticamente con la opción «¿Insertar clase automáticamente?» seleccionada o el módulo constructor no te da la opción de añadir manualmente una clase CSS directamente a tu imagen. Usar formas extrañas como enlaces ¡Utilízalo con precaución! Visita el Foro de soporte Warpcast Cuando está activo solo se incrustará el primer SVG en un contenedor .style-svg. Útil para bloques de fondo de Gutenberg con imágenes SVG anidadas. Cuando esta opción está seleccionada, no tendrás que añadir la clase a sus archivos SVG durante el proceso de incrustación en el editor. Cuando elijas tu SVG, se colocará en el editor sólo con la clase de compatibilidad con SVG y se le quitarán las demás. No cambia el código existente, es sólo una ayuda que te permite incrustar rápidamente tus archivos SVG y hacer que se procesen integrados sin tener que jugar con las clases. Cuando se usan archivos SVG como imágenes normales no es suficiente ;) Cuando utilizas imágenes SVG en tu sitio de WordPress, puede resultar difícil aplicar estilos a los elementos dentro del SVG utilizando CSS. Cuando activas el modo avanzado, este plugin no sólo proporciona compatibilidad con SVG como su nombre indica, sino que también te permite incrustar fácilmente el código completo de tu archivo SVG utilizando una simple etiqueta IMG. Añadiendo la clase Sí También puedes Puedes cambiarla por tu propia clase, por ejemplo Puedes incrustar tu imagen SVG como cualquier imagen estándar con la adición de añadir la clase <code>style-svg</code> (o tu clase personalizada) a cualquier etiqueta IMG que quieres que este plugin cambie por tu código SVG real. Puedes incluso usar la clase en un contenedor exterior y atravesará todos los hijos de ese elemento de destino buscando etiquetas IMG con un SVG en el src para reemplazarlos. Puedes configurar esta clase de destino en cualquier elemento y el script atravesará todos los hijos de ese elemento de destino buscando etiquetas IMG con un SVG en el src para reemplazarlo. Puedes subir archivos SVG a tu biblioteca de medios como cualquier otra imagen. Asegúrate de seleccionar «Restringir a administradores» si sólo quieres permitir a los administradores subir archivos SVG. Puedes subir archivos SVG a tu biblioteca de medios como cualquier otra imagen.<br> Asegúrate de seleccionar «Restringir a administradores» si sólo quieres permitir a los administradores subir archivos SVG. Puedes utilizar archivos SVG como imágenes destacadas como cualquier otro formato de imagen, con la adición de poder elegir si procesar tus archivos SVG destacados integrados por cada entrada. No puedes jugar con esto. No es necesario activar esta opción para utilizar archivos SVG como imágenes. Activar esto activará opciones avanzadas y funcionalidad SVG como el procesado integrado. Es probable que necesites establecer tu propia altura y anchura en tu CSS para que los archivos SVG se muestren correctamente. Tu imagen subida necesita ser un archivo SVG para que este plugin pueda reemplazar la etiqueta img por el código SVG integrado. No creará archivos SVG para ti. escribiéndola aquí. Déjalo en blanco para utilizar la clase por defecto. con tu SVG completo. embed http://es.wordpress.org/plugins/svg-support/ https://benbodhi.com img object en Twitter o por favor considera dejar un valoración. style-svg etiquetas solas. a tus elementos IMG, este plugin sustituye dinámicamente cualquier elemento IMG que contenga el elemento