Written by Kasumi

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

WordPressのメディアにSVGファイルをドラッグ&ドロップ。

このファイルタイプはセキュリティ上の理由から、許可されていません。】とエラーメッセージが出てアップロード出来ない。

SVGファイルをアップロード出来るようにWordPressの設定を変更したい。

本記事ではこのような悩みを解決。

実装方法について解説します。

wp-config.phpにコードを追記

FTPを使って、WordPressがインストールされてるディレクトリのルートを開きます。

wp-config.phpをダウンロードして、テキストエディタを使いローカルで開きます。

wp-config.phpのソース内で、下記コメントアウトされてる部分を探します。

/* 編集が必要なのはここまでです ! WordPress でのパブリッシングをお楽しみください。 */

上記コメントアウトよりに以下コードを記述します。

define(‘ALLOW_UNFILTERED_UPLOADS’, true);

記述したら保存。

ファイルをアップロードして上書きしてください。

修正前に必ずwp-config.phpはバックアップをとりましょう。

functions.phpにコードを追記

//-----------------------------------------------------
// SVGをアップロード可能にする
//-----------------------------------------------------
add_filter( 'upload_mimes', function ( $mimes ) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
});

add_filter( 'manage_media_columns', function ( $columns ) {
  echo '<style>.media-icon img[src$=".svg"]{width:100%;}</style>';
  return $columns;
});

functions.phpに上記コードを記述します。

functions.phpの場所は以下ディレクトリ等にあります。(WPの設定によって異なる

\wordpressフォルダ\wp-content\themes\有効にしてるテーマ\functions.php

コードを追記したら前章と同じくファイルを上書き。(バックアップは必ず取る

WordPress管理画面にログイン。

メディアにSVGをアップロード。

エラー無く、アップロード出来ていたら成功です。

まとめ

WordPressでSVGファイルをアップロード出来るようにする方法について紹介しました。

以上で解説を終わります。

目次

関連記事

WordPress

トップやアーカイブの記事一覧で1ページ目と2ページ目以降で条件分岐する方法

更新日:2019.11.28
224
WordPress

【All in One SEO】 一部のページでは出力しないようにする方法

2022.06.15
418
WordPress

固定・投稿ページの順番を手動(ドラッグ&ドロップ)で変更する方法【WordPress】

2022.05.20
428
WordPress

トップページの記事一覧で2ページ目以降のタイトルタグにページ番号を入れる方法

更新日:2019.11.28
283