Trick # 28 | Dieser Beitrag beinhaltet 488 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Besonders wenn es um Logo-Grafiken geht, trifft man als WebentwicklerIn irgendwann auf SVG-Files. Doch dieses Dateiformat lässt sich ohne Eingriff nicht ohne weiteres in die WordPress-Mediathek hochladen. Von Haus aus möchte die nur gängigere Bildformate zulassen. Dieser Tipp schafft Abhilfe.
Der folgende Code muss in der functions.php (Design/Theme-Editor) untergebracht werden:
// SVG-Upload erlauben
function svgimg_types($file_types){
$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg+xml';
$file_types = array_merge($file_types, $new_filetypes );
return $file_types;
}
add_action('upload_mimes', 'svgimg_types');
// SVG in der Mediathek anzeigen
function svg_media_thumbnails($response, $attachment, $meta){
if($response['type'] === 'image' && $response['subtype'] === 'svg+xml' && class_exists('SimpleXMLElement'))
{
try {
$path = get_attached_file($attachment->ID);
if(@file_exists($path))
{
$svg = new SimpleXMLElement(@file_get_contents($path));
$src = $response['url'];
$width = (int) $svg['width'];
$height = (int) $svg['height'];
//Media Gallerie
$response['image'] = compact( 'src', 'width', 'height' );
$response['thumb'] = compact( 'src', 'width', 'height' );
//Media Einzelbild
$response['sizes']['full'] = array(
'height' => $height,
'width' => $width,
'url' => $src,
'orientation' => $height > $width ? 'portrait' : 'landscape',
);
}
}
catch(Exception $e){}
}
return $response;
}
add_filter('wp_prepare_attachment_for_js', 'svg_media_thumbnails', 10, 3);
Der Code besteht eigentlich aus zwei Teilen:
- Zunächst wird der Upload der SVG-Files zugelassen (Zeilen 2-8)
- Anschliessend wird die Mediathek veranlasst, die SVG-Dateien auch anzuzeigen (Zeilen 10-37)
Damit sollte Ihre WordPress-Installation auch SVG verarbeiten können.
Werbung
Divi enthält ein Galeriemodul, mit dem Sie ein Raster von Bildern anzeigen können. Wenn Sie darauf klicken, öffnen sich diese Bilder in einem Leuchtkasten. Wenn Sie dieses Galerie-Popup stärker hervorheben möchten, erfahren Sie hier, wie Sie ...
Wann immer Sie ein Bild in Ihre WordPress-Mediathek laden geschieht es: WordPress erstellt automatisch eine Anhangseite, welche unter einer eigenen URL erreichbar ist und das Bild darstellt. Kaum einmal sind diese Attachement-Seiten für User ...
Es muss nicht immer «Google Analytics» sein: Ihre Website lässt sich auch mit anderen Tools analysieren - ganz ohne Zugriff der Datenkrake aus Mountain View. «Matomo» ist ein Open-Source-Projekt, welches genau dasselbe tut: Bewegungen und ...
Vor kurzem haben wir Ihnen gezeigt, wie Sie Font-Awesome-Icons auf Ihrer Website verwenden. Es gibt aber noch eine Alternative, welche direkt in WordPress sitzt. Die so genannten Dash-Icons auf der Website einzusetzen ist ebenfalls nicht ...
Keine Inhalte gefunden.


