Habilitar la compatibilidad con SVG en Elementor

Los controles de iconos de widgetsConcepto de Widgets¿Qué son los Widgets?Los Widgets son una serie de pequeños programas que se usan para añadir funciones, simplificar o automatizar aquellas acciones que se lleven a cabo a menudo dentro de una web. Son herramientas adicionales, añadidos que se elaboran con la finalidad de hacer más fácil las labores de mantenimiento o inclusive de generación de contenidos dentro de cualquier sitio de Internet y que no han hecho más ahora le permiten elegir entre un icono en el Biblioteca de iconos o para cargar su propio icono SVG. Recomendamos cargar archivos SVG sin ningún estilo en línea, para aprovechar todas las capacidades de los controles de estilo de Elementor.

¿Qué es SVG?

Scalable Vector Graphics (SVG) es un formato de imagen vectorial basado en XMLEl lenguaje de marcado XML es menos complicado que su nombre ("Extensible Markup Language") puede hacer creer: Un archivo XML contiene texto altamente estructurado, semejante a los archivos HTML. No obstante, la estructuración del texto es tan clara y lógica que puede utilizarse para mapear bases de datos enteras. XML se usa frecuentemente para sitemap que se pueden cargar en la Google Search Console o en las Herramientas para Webmasters más para gráficos bidimensionales con soporte para interactividad y animación.

Los archivos SVG funcionan de manera similar a los iconos. Puede escalarlos hacia arriba o hacia abajo sin pérdida de resolución o borrosidad. Son extremadamente livianos y mantienen sus páginas delgadas.

Cómo utilizar

Haga clic en el Subir SVG botón que aparece en cualquier widget con controles de icono en la parte superior para abrir el administrador de la biblioteca multimedia de WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más. Sube el SVG que deseas usar.

Aviso de seguridad importante!

La carga de archivos SVG de fuentes desconocidas puede representar una amenaza potencial para la seguridad. Le recomendamos que cargue archivos solo de una fuente confiable y habilite esta función después de comprender y aceptar los riesgos de seguridad involucrados.

El módulo SVG de Elementor hará todo lo posible para desinfectar los archivos cargados en su sitio, pero es mejor cargar archivos SVG solo de fuentes conocidas y confiables.

Una vez que carga un archivo SVG, Elementor desinfecta el archivo, elimina cualquier posible código malicioso y deja solo el esqueleto de la imagen requerida. Una vez finalizada la carga, puede obtener una vista previa de la imagen y filtrarla utilizando la biblioteca de medios nativa de WordPress, que solo muestra archivos SVG. El SVG se inserta en la página como código en línea.

Habilitar proceso SVG por única vez

La primera vez que intente cargar un icono SVG, se le presentará un mensaje de advertencia para alertarle de que cargar cualquier archivo, incluidos los archivos SVG, puede presentar un riesgo potencial de seguridad. Si comprende los riesgos involucrados y acepta continuar, haga clic en el Habilitar botón.

Una vez que se hace clic en el botón Habilitar, se lo dirigirá al Elementor> Configuración> Avanzado página.

1. Habilitar subidas de SVG: Seleccione Habilitar desde el menú desplegable
2. Hacer clic Guardar cambios botón.

Una vez que haya habilitado las cargas de SVG, regrese a su página para continuar editando.

Overide Inline Styling

Idealmente, debería exportar archivos SVG desde aplicaciones como Illustrator sin ningún estilo en línea, para permitir que Elementor le dé estilo al icono.

Sin embargo, si el SVG que ha subido tiene un estilo en línea de ancho o alto, puede anularlo agregando este CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a más en la pestaña Avanzado de cualquier widget usando el ícono SVG:

Esto permitirá que Elementor controle el tamaño del icono.