Aktivieren Sie die SVG-Unterstützung in 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 Plus ahora le permiten elegir entre un icono en el Symbolbibliothek oder um Ihr eigenes SVG-Symbol hochzuladen. Wir empfehlen, SVG-Dateien ohne Inline-Styling hochzuladen, um alle Funktionen der Styling-Steuerelemente von Elementor nutzen zu können.

Was ist 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 Plus para gráficos bidimensionales con soporte para interactividad y animación.

SVG-Dateien funktionieren ähnlich wie Symbole. Sie können sie ohne Auflösungsverlust oder Unschärfe vergrößern oder verkleinern. Sie sind extrem leicht und halten Ihre Seiten dünn.

Wie benutzt man

Klicke auf das Laden Sie SVG hoch 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, Plus. Sube el SVG que deseas usar.

Wichtiger Sicherheitshinweis!

Das Hochladen von SVG-Dateien aus unbekannten Quellen kann eine potenzielle Sicherheitsbedrohung darstellen. Wir empfehlen, dass Sie Dateien nur von einer vertrauenswürdigen Quelle hochladen und diese Funktion aktivieren, nachdem Sie die damit verbundenen Sicherheitsrisiken verstanden und akzeptiert haben.

Das SVG-Modul von Elementor bemüht sich nach besten Kräften, die auf Ihre Site hochgeladenen Dateien zu bereinigen. Es ist jedoch am besten, SVG-Dateien nur aus bekannten und vertrauenswürdigen Quellen hochzuladen.

Sobald Sie eine SVG-Datei hochgeladen haben, bereinigt Elementor die Datei, entfernt möglichen Schadcode und lässt nur das Skelett des erforderlichen Bildes übrig. Nach Abschluss des Uploads können Sie eine Vorschau des Bildes anzeigen und es mithilfe der nativen Medienbibliothek von WordPress filtern, in der nur SVG-Dateien angezeigt werden. Die SVG wird als Inline-Code in die Seite eingefügt.

Aktivieren Sie den einmaligen SVG-Prozess

Wenn Sie zum ersten Mal versuchen, ein SVG-Symbol hochzuladen, wird eine Warnmeldung angezeigt, die Sie darauf hinweist, dass das Hochladen von Dateien, einschließlich SVG-Dateien, ein potenzielles Sicherheitsrisiko darstellen kann. Wenn Sie die damit verbundenen Risiken verstehen und zustimmen, fortzufahren, klicken Sie auf Aktivieren Taste.

Sobald Sie auf die Schaltfläche Aktivieren klicken, werden Sie zu weitergeleitet Elementor> Einstellungen> Erweitert Seite.

1. Aktivieren Sie SVG-Uploads: Wählen Aktivieren aus dem Dropdown-Menü
2. Klicken Änderungen speichern Taste.

Wenn Sie SVG-Uploads aktiviert haben, kehren Sie zu Ihrer Seite zurück, um mit der Bearbeitung fortzufahren.

Inline-Styling überschreiben

Idealerweise sollten Sie SVG-Dateien aus Anwendungen wie Illustrator ohne Inline-Stil exportieren, damit Elementor das Symbol formatieren kann.

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

Dadurch kann Elementor die Größe des Symbols steuern.