Trick # 28 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 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
Möchten Sie auf Ihrer Website verschiedene Bilder zeigen, welche bei jedem Aufruf zufällig dargestellt werden? Das geht natürlich. Mit ein wenig JavaScript und unserem Hack für alle Websites.
Besonders in journalistischen Webtexten sind sie hin und wieder anzutreffen: Die Initialen – auch Drop Caps genannt – welche der angezeigten Seite einen Schimmer von Print einhauchen. Solche Initialen können Sie ganz einfach selber erstellen ...
Das Login-Formular von WordPress bietet die Option «Angemeldet bleiben», mit der sich BenutzerInnen bei zukünftigen Besuchen nicht erneut einloggen müssen. Standardmässig ist dieses Kästchen nicht aktiviert, was unbequem sein kann. Mit einem ...
Ein Trick, den Sie vielleicht nicht alle Tage einsetzen werden: Das nicht anklickbare Menüelement in WordPress. Das kann z.B. dann praktisch sein, wenn Unterlinks angeboten werden, die darüberliegende Ebene aber gar keinen eigenen Inhalt haben ...
Keine Inhalte gefunden.
Werbung
