Activer la prise en charge SVG dans 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 Suite ahora le permiten elegir entre un icono en el Bibliothèque d'icônes ou pour télécharger votre propre icône SVG. Nous vous recommandons de télécharger des fichiers SVG sans aucun style en ligne, pour profiter de toutes les capacités des commandes de style d'Elementor.

Qu'est-ce que 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 Suite para gráficos bidimensionales con soporte para interactividad y animación.

Les fichiers SVG fonctionnent de la même manière que les icônes. Vous pouvez les mettre à l'échelle vers le haut ou vers le bas sans perte de résolution ou de flou. Ils sont extrêmement légers et gardent vos pages minces.

Comment utiliser

Clique sur le Télécharger 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, Suite. Sube el SVG que deseas usar.

Avis de sécurité important!

Le téléchargement de fichiers SVG à partir de sources inconnues peut constituer une menace potentielle pour la sécurité. Nous vous recommandons de télécharger des fichiers uniquement à partir d'une source fiable et d'activer cette fonctionnalité après avoir compris et accepté les risques de sécurité impliqués.

Le module SVG d'Elementor fera de son mieux pour nettoyer les fichiers téléchargés sur votre site, mais il est préférable de télécharger des fichiers SVG uniquement à partir de sources connues et fiables.

Une fois que vous téléchargez un fichier SVG, Elementor nettoie le fichier, supprime tout code malveillant éventuel et ne laisse que le squelette de l'image requise. Une fois le téléchargement terminé, vous pouvez prévisualiser l'image et la filtrer à l'aide de la bibliothèque multimédia native de WordPress, qui n'affiche que les fichiers SVG. Le SVG est inséré dans la page en tant que code en ligne.

Activer le processus SVG unique

La première fois que vous essayez de télécharger une icône SVG, un message d'avertissement vous sera présenté pour vous avertir que le téléchargement de tout fichier, y compris les fichiers SVG, peut présenter un risque de sécurité potentiel. Si vous comprenez les risques encourus et acceptez de continuer, cliquez sur le bouton Activer bouton.

Une fois que vous aurez cliqué sur le bouton Activer, vous serez dirigé vers le Elementor> Paramètres> Avancé page.

1. Activer les téléchargements SVG: Sélectionnez Activer dans le menu déroulant
2. Cliquer Enregistrer les modifications bouton.

Une fois que vous avez activé les téléchargements SVG, revenez sur votre page pour continuer les modifications.

Remplacer le style en ligne

Idéalement, vous devez exporter des fichiers SVG à partir d'applications comme Illustrator sans aucun style en ligne, pour permettre à Elementor de styliser l'icône.

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 Suite en la pestaña Avanzado de cualquier widget usando el ícono SVG:

Cela permettra à Elementor de contrôler la taille de l'icône.