WordPressでSVG画像をアップロードする【SWELL可】

SVGはテキストファイルのため悪意のあるコードを埋め込まれている可能性があるためです。

SVG画像をアップロードする際の注意点としては、

これでセキュリティ向上が期待できます。

管理画面メニューから、「メディア」を選択します。

SVG画像をメディアにドラッグ＆ドロップします。

「このファイルタイプをアップロードする権限がありません。」と表示されます。

セキュリティ上の理由からアップロードできないようになっています。

では、アップロードを許可するコードを書きます。

管理画面メニューから、「外観」＞「テーマファイルエディター」を選択します。

テーマを編集から、「テーマのための関数（functions.php）」を選択します。

以下のコードをfunctions.phpにコピペします。

function add_svg_file_types_to_uploads($file_types) {
	if ( ! isset($file_types['svg']) ) {
		$file_types['svg'] = 'image/svg+xml';
	}
	return $file_types;
}
add_filter('upload_mimes', 'add_svg_file_types_to_uploads');

再度、メディアにSVG画像をドラッグ＆ドロップするとSVG画像がアップロードされます。

SVG画像をクリックして「添付ファイルの詳細」を開きます。

ファイルタイプ：image/svg+xmlとなっています。

管理画面メニューから、「プラグイン」＞「新規プラグインを追加」を選択します。

「プラグインの検索…」にSafe SVGと入力します。

Safe SVGを「今すぐインストール」＞「有効化」します。

特に設定はなく有効化するだけでSVG画像をアップロードできます。