{"id":23088,"date":"2021-04-25T13:22:00","date_gmt":"2021-04-25T10:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23088"},"modified":"2021-10-18T02:26:02","modified_gmt":"2021-10-17T23:26:02","slug":"comment-autoriser-le-support-svg-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-autoriser-le-support-svg-dans-wordpress\/","title":{"rendered":"Comment autoriser le support SVG dans WordPress"},"content":{"rendered":"

Vous cherchez \u00e0 t\u00e9l\u00e9charger des images SVG sur votre site WordPress? WordPress par d\u00e9faut ne permet pas de t\u00e9l\u00e9charger des fichiers SVG via le t\u00e9l\u00e9chargeur de m\u00e9dias. Dans cet article, nous montrons comment autoriser le t\u00e9l\u00e9chargement d’une image SVG sur WordPress.<\/p>\n

SVG (Scalable Vector Graphics) d\u00e9finit des graphiques vectoriels au format XML. En d’autres termes, SVG d\u00e9finit des graphiques au format XML. Les graphiques des fichiers SVG ne perdent PAS de qualit\u00e9 s’ils sont agrandis ou redimensionn\u00e9s. De plus, la taille des fichiers SVG est petite et ils sont donc populaires de nos jours.<\/p>\n

En ce qui concerne WordPress, si vous essayez de t\u00e9l\u00e9charger une image SVG \u00e0 partir du t\u00e9l\u00e9chargeur multim\u00e9dia, vous obtiendrez l’erreur du type "D\u00e9sol\u00e9, ce type de fichier n’est pas autoris\u00e9 pour des raisons de s\u00e9curit\u00e9".<\/p>\n

\"Comment<\/a><\/p>\n

En effet, le type SVG MIME n’est pas ajout\u00e9 dans les types MIME par d\u00e9faut autoris\u00e9s \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9s sur WordPress. Pour obtenir la liste de tous les types MIME par d\u00e9faut, vous pouvez utiliser la m\u00e9thode get_allowed_mime_types()<\/code>. Cette fonction renvoie le tableau des types MIME.<\/p>\n

Cela \u00e9tant dit, voyons comment ajouter le support WordPress pour le fichier SVG.<\/p>\n

Autoriser le t\u00e9l\u00e9chargement du fichier SVG<\/h3>\n

Pour ajouter le support de l’image SVG, nous utilisons le filtre upload_mimes<\/code>qui 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.<\/p>\n

function add_svg_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0$mimes['svg'] = 'image\/svg+xml';\n\u00a0\u00a0\u00a0\u00a0return $mimes;\n}\nadd_filter('upload_mimes', 'add_svg_mime_types');<\/code><\/pre>\n
En utilisant le upload_mimes<\/code>filtre, nous pouvons \u00e9galement restreindre le format de fichier sp\u00e9cifique \u00e0 t\u00e9l\u00e9charger 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.<\/p>\n
function remove_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0unset($mimes['video\/mp4']);\n}\nadd_filter('upload_mimes', 'remove_mime_types');<\/code><\/pre>\n
Ainsi, en ajoutant le petit bout de code ci-dessus, vous autoriserez le t\u00e9l\u00e9chargement d’images SVG dans une m\u00e9diath\u00e8que. Cependant, apr\u00e8s avoir t\u00e9l\u00e9charg\u00e9 SVG, si vous acc\u00e9dez \u00e0 la page de liste, vous ne verrez pas l’impression miniature de votre fichier SVG.<\/p>\n
\"Comment<\/a><\/p>\n
Pour afficher la vignette SVG sur la page de liste, nous devons ajouter une r\u00e8gle CSS qui peut s’accrocher au tableau de bord WordPress.<\/p>\n
function admin_custom_css() {\n\u00a0\u00a0\u00a0\u00a0echo \"<style>table.media .column-title .media-icon img[src='.svg']{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: auto;\n\u00a0\u00a0\u00a0\u00a0}<\/style>\";\n}\n\u00a0\nadd_action( 'admin_head', 'admin_custom_css' );<\/code><\/pre>\n
Apr\u00e8s avoir ajout\u00e9 le code ci-dessus dans votre fichier functions.php, vous verrez la vignette SVG.<\/p>\n
\"Comment<\/a><\/p>\n
Articles Li\u00e9s<\/h4>\n