素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

IT

【瞬殺】WordPressでSVG画像がアップロード出来ない場合の解決方法

投稿日:

スポンサーリンク

336×280




あれ、SVGがアップロード出来ないぞ?

アップロードエラー

先日、自作のSVG形式のアイコンファイルをブログで使用しようと管理画面からメディアのアップロードを試いたところ、以下のようなエラーが出てアップロードが出来ませんでした。

ぐぬぬ。。。

原因はWordpress

これは、WordPress4.7辺りのバージョンアップによってセキュリティ機能が強化され、メディアのアップロード時にファイルのMIMEタイプのチェックが行われるようになった事による影響だと思われます。

原因を調べてみると、wp-includes/functions.phpの2398行目辺りにアップロードを許可する設定が記述されていました。

確かにSVGは許可されていませんね。

原因はわかったので実際に対処をしていきましょう!

手順

注意

functins.phpの編集は一歩間違えるとWordPressが動かなくなってしまう可能性があるので、バックアップの上必ず自己責任で作業をお願いします。

functions.phpに記述追加

テーマの編集からfunctions.phpに以下を追記してください。

これだけで対応は完了です。

確認

では、実際に確認して見ましょう。


これでSVG形式のアップロードブログ側での表示は正常にいくようになりました。

ただ、管理画面側でSVG画像のサムネが表示されていません。

こちらについては、別途対応が必要なので別の記事でご紹介致します。

終わりに

以上のように原因さえ分ければ些細な対応で解決することが出来ます。

レスポンシブ化マルチデバイス対応が普及している中で、SVG画像は拡大しても劣化が発生しないので、今のうちからSVG対応を入れておくと良いでしょう♪

336×280




336×280




CATEGORIES & TAGS

IT, , , , , , , , , ,

blogenist

Author: blogenist