SVG ファイルを使う方法 [WordPress]

MIME を追加する

SVG ファイルをメディアライブラリにアップロードできるようにするには、function.php に次の記述を追加する。

function custom_upload_mimes( $mimes ) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter( 'upload_mimes', 'custom_upload_mimes' );

SVG ファイルに XML 宣言がない場合はアップロードが拒否されるので、ファイルの先頭に次の記述を追加する。

<?xml version="1.0" encoding="UTF-8"?>

参考：

WordPress で SVG ファイルをアップロードする方法 | ゆにメモ

SVG 画像をアップロードできるようにする – Qiita

WordPress で SVG を使う簡単な方法 | FreeLaDay

ワードプレスにアップロードできるファイルタイプを増やす方法 | ワードプレスドクター

WordPress に SVG をアップロードする方法 | おべんきょうにっき

1分で SVG ファイルをアップロードできるようにする方法 | Offise Kondo

WordPress でアップロードできるファイルタイプを増やす | You Look Too Cool

WordPress で SVG 形式のファイルを表示させる方法 | スカラヴィジョン

WordPress で SVG 形式のファイルを扱う方法を徹底解説／ロゴ画像やバナーを美しく表現できるぞ | NORILOG

SVG をアップロードする方法 | cocotiie

超綺麗！SVG を WordPress で使用する方法 | 株式会社イン・ザ・コム

WordPress で SVG 画像をアップロードする方法 | Tamoc

WordPress で SVG ファイルをアップロードできるようにする方法 | TechMemo

upload_mimes | WordPress Developer Resources [Official]

Unable to upload SVG – WordPress.org Support

Uploading svg to WordPress – Stack Overflow

プラグイン

• SVG Support
• Safe SVG

SVG Support

参考：

SVG Support | WordPress Plugin [Official]

プラグインで有効化！ WordPress で SVG 画像をアップロードする方法 | フミラボ

Safe SVG

参考：

Safe SVG | WordPress Plugin [Official]