Activer la prise en charge SVG dans Elementor

Los controles de iconos de widgets 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 XML 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 WordPress. 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 CSS en la pestaña Avanzado de cualquier widget usando el ícono SVG:

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