WordPressでSVGファイルがアップロード出来なかったので、プラグインで出来るようにした話

WordPressのデフォルト設定では、SVGファイルはアップロードすることは出来ません。

アップロードすると「このファイルはセキュリティ上の理由のため許可されていません。」とエラーメッセージ表示されます。

SVG形式のファイルを使わない方には問題ありませんが、ロゴマークやアイコンなどをSVG形式で利用したい方にはアップロードできないのは問題でしかありません。

と、言うわけで今回もプラグインでサクッと解決していきましょう！

プラグインを使わずに「function.php」にソースを記述すれば解決することも出来ようですのでご安心ください。

SVG Support

プラグイン　>　新規追加　で　「SVG Support」を検索しインストール後に有効化。

特に設定する必要はありません…。

有効化した段階で問題なくSVGファイルをアップロードすることが出来ます。
ただ、本人（管理者）以外がアップロード出来なくなる設定などありますので、必要な場合は　設定 > SVG Support　から設定してください。

Restrict to Administrators? 管理者に制限しますか？	Restricts SVG upload privileges to Administrators. SVGアップロード権限を管理者に制限します。
Load frontend CSS? フロントエンドCSSをロードしますか？	A very small piece of code that helps with displaying SVGs on the frontend in some cases. 場合によってはフロントエンドでSVGを表示するのに役立つ非常に小さなコードです。
Enable Advanced Mode? 詳細モードを有効にしますか？	You don’t need to enable this to simply use SVG files as images. Enabling this will trigger advanced options and SVG functionality such as inline rendering. SVGファイルを画像として使用するためにこれを有効にする必要はありません。これを有効にすると、高度なオプションとインラインレンダリングなどのSVG機能がトリガーされます。

今回はプラグインを利用してSVGファイルのアップロードを可能にするお話でした。

WordPressではセキュリティの問題なのかデフォルトの設定ではSVGファイルはアップロードする事は出来ません。ただ昨今gifやpngに変わってsvgでロゴマークやアイコンなどを表示するサイトも増えて来ているのも事実です。個人的にはWordPressの方で対応してくれたら嬉しんですけどね…。

もしWordPressでSVGファイルを使いたいと思っていたら検討してみては如何でしょうか？

今回はここまで！
お疲れさまでした。また次回！