WordPressへ、svg 形式の画像をアップロードする方法

WordPress 4.7.1（？）以降のバージョンになってから、functions.php へ従来のネット情報のコードを書くだけでは svg ファイルはアップロード出来なくなりました。

“arrow_down.svg” のアップロードに失敗しました。
セキュリティ上の理由によりこのファイル形式は許可されていません。

fuctions.php 用コード

最新のWordPressバージョンで svgをアップロードするコードは以下の通りです。

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

add_filter( 'wp_check_filetype_and_ext', 'add_mime_types');
function add_mime_types() {
 $ext  = 'svg';
 $type = 'image/svg+xml';
 return compact( 'ext', 'type');
}

add_filter('upload_mimes', 'set_mime_types');

function set_mime_types($mimes) {

$mimes[svg] = 'image/svg+xml';

return $mimes;

}

add_filter( 'wp_check_filetype_and_ext', 'add_mime_types');

function add_mime_types() {

$ext = 'svg';

$type = 'image/svg+xml';

return compact( 'ext', 'type');

}

適用している fuctions.php へ、上記のコードをどこでも構いませんので追記して、サーバーへアップロードして下さい。

これで、svg ファイルがアップロードできるようになりました。

プラグインを使う場合

プラグインを使う方がハードルが低いと思います。

WP Add Mine Typesの有効化

WP Add Mine Types というプラグインをWordPressへアップロード等して、有効化して下さい。

WP Add Mime Types

管理画面にて svg を追加

設定＞Mime Type設定　を開きます。

下に「追加の項目」という欄がありますのでその欄へ、

svg = image/svg+xml

1	svg = image/svg+xml

と記入して「設定を保存」して下さい。

以上です。

参考になれば幸いです。