SVG Support für WordPress

Category // DOWN, WordPress

Tags // DOWN, Plugin, SVG, WordPress

Bisher benutzte ich tolle Online Dienste wie SVG to PNG oder SVG to JPEG. Diese Methode taugt bestens für einzelne, unregelmäßige Anwendungen. Gibt es jedoch bestimmte Grafiken nur im SVG Format, oder werden es mehr, dann ist Abhilfe gefragt. Das Plugin SVG Support von Benbodhi der Kategorie Set it and forget it ist dazu genau richtig. Läuft übrigens problemlos unter WP 6.0-RC1.

SVG Support – Beschreibung

Wenn Sie SVG-Bilder auf Ihrer WordPress-Seite verwenden, kann es schwierig sein, Elemente innerhalb des SVG mit CSS zu gestalten. Das können Sie jetzt ganz einfach!

Wenn Sie den erweiterten Modus aktivieren, bietet dieses Plugin nicht nur SVG-Unterstützung, wie der Name schon sagt, es ermöglicht Ihnen auch, den Code Ihrer vollständigen SVG-Datei einfach mit einem einfachen IMG-Tag einzubetten. Durch Hinzufügen der Klasse style-svg zu Ihren IMG-Elementen ersetzt dieses Plugin dynamisch alle IMG-Elemente, die die Klasse style-svg enthalten, durch Ihr vollständiges SVG.

Der Hauptzweck besteht darin, das Styling von SVG-Elementen zu ermöglichen. Normalerweise sind Ihre Gestaltungsmöglichkeiten eingeschränkt, wenn Sie nur Embed-, Objekt– oder Img-Tags verwenden.

Hilfe und weitere Informationen finden Sie auf der Registerkarte „Hilfe“ (oben rechts auf Ihrem Bildschirm).

SVG Support

IONOS

Design Service

Design-Experten von IONOS erstellen Ihre Website nach Ihren Wünschen.

IONOS Kunden (ich) werben Kunden (Sie).
Als IONOS-Kunde und Partner teile ich meine Prämie mit Ihnen 50:50.
Das bedeutet bis zu € 150 für Sie!

Genaue Erklärung meiner Partner-Links.

Beispiel einer SVG-Grafik

Besonders eignen sich das SVG-Format, wenn eine Grafik an verschiedenen Orten in unterschiedlichen Größen auf der Website erscheinen soll.

Das spart auch, glaube ich, jede Menge Bilddateien in der Datenbank. Jedenfalls aber verbessern sich dadurch die Ladezeiten.

Mobil-freundlich

Mittlerweile erfolgen mehr als die Hälfte aller Seitenzugriffe, nicht nur meiner, über mobile Geräte.

    Die mobile Version verlassen