Comment autoriser le support SVG dans WordPress

Vous cherchez à télécharger des images SVG sur votre site WordPress? WordPress par défaut ne permet pas de télécharger des fichiers SVG via le téléchargeur de médias. Dans cet article, nous montrons comment autoriser le téléchargement d’une image SVG sur WordPress.

SVG (Scalable Vector Graphics) définit des graphiques vectoriels au format XML. En d’autres termes, SVG définit des graphiques au format XML. Les graphiques des fichiers SVG ne perdent PAS de qualité s’ils sont agrandis ou redimensionnés. De plus, la taille des fichiers SVG est petite et ils sont donc populaires de nos jours.

En ce qui concerne WordPress, si vous essayez de télécharger une image SVG à partir du téléchargeur multimédia, vous obtiendrez l’erreur du type "Désolé, ce type de fichier n’est pas autorisé pour des raisons de sécurité".

En effet, le type SVG MIME n’est pas ajouté dans les types MIME par défaut autorisés à être téléchargés sur WordPress. Pour obtenir la liste de tous les types MIME par défaut, vous pouvez utiliser la méthode get_allowed_mime_types(). Cette fonction renvoie le tableau des types MIME.

Cela étant dit, voyons comment ajouter le support WordPress pour le fichier SVG.

Autoriser le téléchargement du fichier SVG

Pour ajouter le support de l’image SVG, nous utilisons le filtre upload_mimesqui permet de modifier la liste des extensions de fichiers acceptables WordPress. L’extension des fichiers SVG est ‘image/svg+xml’. Vous devez donc placer le code ci-dessous dans votre fichier functions.php.

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

En utilisant le upload_mimesfiltre, nous pouvons également restreindre le format de fichier spécifique à télécharger dans WordPress. Disons que nous ne voulons pas autoriser les fichiers mp4. Dans ce cas, nous devons ajouter le code ci-dessous dans le fichier functions.php.

function remove_mime_types($mimes) {
    unset($mimes['video/mp4']);
}
add_filter('upload_mimes', 'remove_mime_types');

Ainsi, en ajoutant le petit bout de code ci-dessus, vous autoriserez le téléchargement d’images SVG dans une médiathèque. Cependant, après avoir téléchargé SVG, si vous accédez à la page de liste, vous ne verrez pas l’impression miniature de votre fichier SVG.

Pour afficher la vignette SVG sur la page de liste, nous devons ajouter une règle CSS qui peut s’accrocher au tableau de bord WordPress.

function admin_custom_css() {
    echo "<style>table.media .column-title .media-icon img[src='.svg']{
        width: 100%;
        height: auto;
    }</style>";
}
 
add_action( 'admin_head', 'admin_custom_css' );

Après avoir ajouté le code ci-dessus dans votre fichier functions.php, vous verrez la vignette SVG.

Articles Liés

• Télécharger des fichiers par programme dans WordPress
• Télécharger une image à l’aide de la bibliothèque Bulletproof en PHP
• Comment changer le logo WordPress sur la page de connexion