お問い合わせ・無料相談
WEBのこと 2023.08.09

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

WRITER
Hirabayashi Kazuaki コーダー
Hirabayashi Kazuaki

コーダー。WordPressでのオリジナルテーマ作成・カスタマイズが得意。

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

こんにちは、かずです。

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

でーん

というわけで本題。
ここ数年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ファイルをアップロード出来ないままのほうが安心ではあると思っています!

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

それでは。

JOURNALが気に入ったら「いいね」してね!

Contact

ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。

お電話

0120-622835

10:00〜18:00 / 土日祝休

メールフォーム

お問い合わせはこちら