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

WordPressで続きを読む・もっと見るボタンを実装する方法

2022.07.02
1320
WordPress プログラミング

【簡単】wordpressのショートコードを使って、投稿記事内にphpファイルを呼び出す方法

2022.02.04
785
WordPress プログラミング

ワードプレスのRSSフィードでサムネイル画像(アイキャッチ)を取得する方法【簡単】

2020.05.27
2706
WordPress

WordPressでアーカイブページの並び順を変更する方法【一括変更】

2022.10.21
949