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

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

2022.06.15
2306
WordPress

Contact Form 7 Multi-Step Formsで戻るボタンが遷移しない場合の対処方法

2023.02.25
5443
WordPress

【Contact form 7】特定のスパムメールアドレスからのお問い合わせを除外する方法

2023.08.25
571
WordPress

カスタム投稿タイプを含めた検索ページを作ってみよう【ワードプレス】

更新日:2019.11.28
1814