WordPress und SVG

Weiß jemand, wie man WordPress dazu bringt, die Verwendung von SVG-Dateien zuzulassen, die über das Theme-Customizer-Panel hochgeladen werden?

Folgendes wurde zur Datei „functions.php“ des Themas hinzugefügt, mit der SVGs hochgeladen werden können (keine Vorschau oder ausgewähltes Bild funktioniert jedoch).

function custom_mtypes( $m ){
    $m['svg'] = 'image/svg+xml';
    $m['svgz'] = 'image/svg+xml';
    return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' );

Dies lässt mich jedoch immer noch nicht hochladen oder eine SVG aus dem Dateisystem auswählen oder per Drag & Drop verschieben.

UPDATE (Wordpres 5+)

Stellen Sie sicher, dass jede SVG-Datei beginnt mit:

<?xml version="1.0" encoding="utf-8"?>

Sie können die Sicherheitswarnung umgehen, indem Sie diese Ihrer aktuellen Themes-functions.php-Datei hinzufügen.

add_filter('upload_mimes', 'custom_upload_mimes');

function custom_upload_mimes ( $existing_mimes=array() ) {
    // add the file extension to the array
    $existing_mimes['svg'] = 'mime/type';
        // call the modified list of extensions
    return $existing_mimes;
}

Dann sollten Sie in der Lage sein, Dateien mit der Erweiterung .svg hochzuladen

Wenn Sie versucht haben, ein SVG einfach über den Media Uploader in WordPress hochzuladen, sind möglicherweise einige Probleme aufgetreten.

Entweder gab es Ihnen einen Fehler und ließ Sie die Datei nicht hochladen, oder es erlaubte Ihnen, die .svg-Datei hochzuladen, zeigte sie aber einfach nicht an. So oder so, hier sind zwei einfache Schritte zum einfachen Aktivieren von SVG-Bildern in WordPress.

Hinweis: Sie müssen in der Lage sein, die Themen Ihres Designs (oder untergeordneten Designs) zu bearbeiten. functions.php Datei und das Root .htaccess Datei damit das funktioniert.

Fügen Sie SVG-MIME-Typen hinzu functions.php

function wpcontent_svg_mime_type( $mimes = array() ) {
  $mimes['svg']  = 'image/svg+xml';
  $mimes['svgz'] = 'image/svg+xml';
  return $mimes;
}
add_filter( 'upload_mimes', 'wpcontent_svg_mime_type' );   

Sie sollten ersetzen wpcontent_ mit eigenem Namensraum. Diese Funktion fügt einfach SVG und SVGZ (komprimiertes SVG) zu den zulässigen Upload-Dateitypen in WordPress hinzu und hängt sich in die WordPress-Funktion upload_mimes() ein.

Fügen Sie SVG-Mime-Typen zu .htaccess hinzu

Öffnen Sie also Ihren Stamm .htaccess Datei und fügen Sie nach der Zeile Folgendes hinzu: #End WordPress.

# Add SVG Mime Types
AddType image/svg+xml svg
AddType image/svg+xml svgz       

Speichern Sie die Datei und Sie sind fertig! Sie können jetzt SVGs aus Illustrator oder Inkscape speichern und auf Ihrer WordPress-Site verwenden.

Quelle hier

Verwenden Sie den folgenden Code zur SVG-Unterstützung in WordPress. Es importiert und exportiert .svg-Mediendateien.

    function theme_name_mime_types($mimes) {
        $mimes['svg'] = 'image/svg+xml';
        return $mimes;
    }

    add_filter('upload_mimes', 'theme_name_mime_types');
    add_filter('mime_types',  'theme_name_mime_types');

Beachten Sie, dass die Datei nicht hochgeladen wird, wenn Sie “Für Bildschirme speichern” verwenden, aber “Speichern unter …” funktioniert (Illustrator)