Bewertung: 5 / 5

Stern aktivStern aktivStern aktivStern aktivStern aktiv
 
SVG Reparieren für Wordpress

In Wordpress den Upload und die Verwendung von SVG-Dateien zu ermöglichen ist umständlicher als gedacht. Auch taugen die meisten Plugins die dies ermöglichen sollen nichts. Also muss man sich selbst behelfen.

Hinzu kommt ab und an das Problem das die SVG-Dateien nicht richtig formatiert sind. So kann man eine Datei zwar einbinden, diese ist dann aber 0px * 0px groß, weil die Dimensionen nicht ausgelesen werden konnten. Also muss man von Hand die SVG's anpassen:

<svg width="600px" height="200px" viewBox="0 0 600 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<svg width="600" height="200" viewBox="0 0 600 200">

Mit dem SANITIZER in Form bringen.

In der functions.php muss der Upload für weitere Mimetypes aktiviert werden

/**
* add SVG to allowed file uploads
**/
function add_file_types_to_uploads($file_types){

$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg+xml';
$new_filetypes['svgz'] = 'image/svg+xml';
$new_filetypes['webp'] = 'image/webp';
$file_types = array_merge($file_types, $new_filetypes );

return $file_types;
}
add_action('upload_mimes', 'add_file_types_to_uploads');

 

Nun kann im Medienmanager auch ein SVG-Datei hochgeladen werden - wenn es noch immer nicht klappt, ist vielleicht die SVG kauptt?!? Mit dem SANITIZER in Form bringen.

Auch die Einbindung in Inhalte funktioniert so.

Die alternative Variante

Schöner und sicherer ist es wenn man direkt den SVG Quellcode in einen Code-Block einbindet. Dazu einfach die PNG-Datei mit einem Online-Converter in eine schöne, saubere SVG umwandeln und den Code kopieren.

In den Codeblock im Wordpress einfügen und fertig. Nun kann man die Elemente auch per CSS einfärben und steuern:

svg {
width: 200px;
fill: #032c58; /*farbe*/
transition: transform .2s; /* Animation */
}
svg:hover{
fill: #e60064; /*einfärben*/
transform: scale(1.1); /*zoom*/
}

Das TMG wird zum DDG und das TTDSG wird …

Fast jeder Webseitenbetreiber ist vom neuen Digitale-Dienste-Gesetz (DDG) betroffen. Das DDG ist am 14. Mai 2024 in Kraft getreten und ergänzt nicht nur den Digital Services Act der EU, sondern...

Read more

Domains günstig reservieren – in neuen K…

BlueStone Domains - Günstige Domains

Es hat viel Zeit, Geld und Nerven gekostet – aber nun ist es so weit. Wir stellen unser neues Kundenverwaltungssystem vor. Hier finden Sie all Ihre Domains, Webhosting Accounts und...

Read more

Joomla 3.8 wurde veröffentlicht und brin…

Joomla 3.8 Veröffentlicht

Das neue Joomla Routing System Mit Joomla 3.8 wird ein neues Routing-System eingeführt, das mehr Kontrolle über die URL-Struktur gibt. Damit ist es nun endlich möglich, IDs aus den URLs zu...

Read more

Joomla 3.7 wurde veröffentlicht

Joomla 37 Update

Am 25. April wurde die neuste Version des beliebten CMS Joomla veröffentlicht. Lang erwartet wurden die mehr als 700 Verbesserungen und 1300 Änderungen am System.

Read more

Joomla $nsvilbn Hack

Joomla Wordpress Hacked

Auf ein paar Webseiten unserer Kunden ist ein neuer Hack ähnlich dem base64_decode Hack aufgetaucht. Auch dieser scheint sich über eine eingeschleuste Datei auf dem gesamten Webspace zu verbreiten. In...

Read more

Joomla Update 3.6.1 veröffentlicht

Joomla 3.6.1 Update

Nicht lang nach der Veröffentlichung des großen Updates auf Joomla 3.6 erschien heute das kleine Update auf Joomla 3.6.1. Neben zahlreichen BugFixes schließt es aber auch ein paar Sicherheitslücken.

Read more

Joomla 3.6 kommt mit Neuerungen in Backe…

Joomla 3.6 Update

Das neue Joomla 3.6 wurde heute veröffentlicht und bietet einige neue Features für das Backend. So bringt Joomla einige Verbesserungen für die Verwaltung und User-Experience.

Read more

Joomla 3.5.1 Bugfix veröffentlicht

Joomla Bugfix

Knapp zwei Wochen nach Veröffentlichung der neuen Joomla Version 3.5 erscheint ein Bugfix Release.

Read more

Joomla 3.5 ist verfügbar

Joomla 3.5 Update veröffentlicht

Nun ist es soweit – Joomla 3.5 ist veröffentlicht worden. Eine Revolution ist es nicht, bringt aber doch einige Verbesserungen und neue Features mit. Beim Aktualisieren ist jedoch Vorsicht geboten...

Read more
Wir nutzen Cookies auf unserer Website. Diese sind essenziell für den Betrieb der Seite, sogenannte Tracking Cookies werden nicht eingesetzt. Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.