WordPressでサイトロゴをSVGの形式のファイルにしたいと思ったのでググったメモ。
WordPressではセキュリティ上の理由でSGV形式のファイルが非対応になっており、メディアからアップロードしようとするとエラーが出ます。
アップロードできるようにする方法はfunctions.phpや.htaccessを変更して対応する方法と、プラグインを使用する方法があります。
functions.phpや.htaccessを変更して対応する方法
参考:WordPressでSVG形式のファイルを表示させる方法
プラグインを使用する方法
「WP SVG images」をインストールし有効化する。
SVG ファイルをメディアライブラリに安全にアップロードし、他の画像と同じように取り扱うことができるようになります。オプション設定により SVG コードのサニタイズもできます !
参考:WP SVG images
今回はセキュリティを重視しプラグインのインストールで対応しました。
有効化するとメディアにアップロード、ロゴに設定することができます。
追記:ロゴに設定したSVGファイルが表示されない
下記のCSSを追加することで表示されるようになりました。
img[src*='.svg']{ width: 100%; height: auto; }
おまけ:SVGからPNG変換ツール
当初SVGファイルをPNGファイルに変換しようかなと思って探していたら変換サイトがあったのでブックマークしておきます。
https://svgtopng.com/ja/