POSTED | 2023.08.09

WordPressでSVGファイルをアップロードする方法とその注意点

WWEBのこと

WRITER : Hirabayashi Kazuaki

プロフィールを見る

こんにちは、かずです。

もう最近はこんなんです。

でーん

というわけで本題。
ここ数年webサイトでsvgを使う機会がとんでもなく増えてきました。

しかし、ワードプレスではsvgがアップロード出来ません！

が！

アイコンとして使いたかったり、単純に画像として使いたい場合は多いと思うのでアップロード出来る様になる方法をご紹介します。

ご用意いただくものは「functions.php」

こちらに以下を追記するだけです。

function add_file_types_to_uploads($file_types){

　$new_filetypes = array();

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

　$file_types = array_merge($file_types, $new_filetypes );

　return $file_types;

}

add_action('upload_mimes', 'add_file_types_to_uploads');

これでアップロードは可能なんですが、ワードプレスでなぜアップロードが出来ないかといったお話も必要ですね。

簡単に言えば、「セキュリティの観点から」ということです。
svgはテキストファイルのため、悪意のあるスクリプトを埋め込まれている可能性があります。

そのため、アップロードする場合は下記のような点に注意が必要です。

・SVGファイル内に悪意のあるスクリプトが含まれていないか確認
・アップロードは信頼されたユーザーのみに許可する。（管理者等）

といったところでしょうか。

特に会員系サイト等でユーザーが画像等のアップロードを行う場合には特に注意が必要ですね。
紹介しておいてなんですが・・・
そういった判断が出来ない場合はSVGファイルをアップロード出来ないままのほうが安心ではあると思っています！

そんなこんなで（？）まだまだ暑い日が続きますが、お体とセキュリティには気をつけて過ごしましょう！

それでは。

この記事をシェアする