MENU
カテゴリー

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

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

takato(@n8takato)です!

WordPressでSVG画像をアップロードする方法を知りたい

この記事は上記の課題に向けて作成します。

WordPressはデフォルトではSVG画像をアップロードすることが出来ません。

プラグインを追加することでSVG画像がアップロード出来るようになります。

この記事ではWordPressでSVG画像をアップロードする方法を説明します。

この記事を読むメリット

  • WordPressでSVG画像をアップロードする方法がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナーとして勤務
  • webデザイナー3年目
  • web制作現場で学んだことを発信している人
目次

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

早速WordPressでSVG画像をアップロードする方法を説明します。

使用するプラグインは下記のものです。

  • Safe SVG

Safe SVG」をインストール

プラグイン「Safe SVG」をインストールします。

プラグインのインストール手順は下記の通りです。

  1. WordPress管理画面より「プラグイン」→「新規追加」
  2. 検索部分に「Safe SVG」と入力
  3. 「Safe SVG」をインストール

①WordPress管理画面より「プラグイン」→「新規追加」

WordPress管理画面より「プラグイン」→「新規追加」を選択します。

①WordPress管理画面より「プラグイン」→「新規追加」を選択します。
プラグインの「新規追加」の選択

②検索部分に「Safe SVG」と入力

プラグインの検索項目に「Safe SVG」と入力します。

②「Safe SVG」と検索します。
「Safe SVG」と検索

③「Safe SVG」をインストール

今すぐインストール」を選択してプラグインをインストールします。

③「Safe SVG」の「今すぐインストール」を選択します。
「Safe SVG」をインストール

最後に「有効化」を選択したら完成です。

WordPressにSVG画像をアップロードしてみる

「Safe SVG」は有効化したら使えるようになります。

特に設定する必要はありません。

WordPress管理画面より「メディア」→「新規追加」でSVG画像をアップロードします。

④WordPress管理画面の「メディア」→「新規追加」を選択します。
メディアの「新規追加」を選択

無事にアップロード出来たら完了です。

⑤SVG画像のアップロードが無事に終われば完了です。
SVG画像をアップロード

SVG画像のアップロードは簡単

最後にまとめです。

WordPressにSVG画像をアップロードする方法

  • プラグイン「Safe SVG」をインストールする

簡単にSVG画像をアップロード出来るようになります。

知らなかった方は是非試してみてください。

¥2,200 (2022/04/14 12:53時点 | Amazon調べ)

WordPressに関する他の記事はこちら

あわせて読みたい
All-in-One WP Migrationの使い方を紹介! 「All-in-One WP Migration」の使い方を知りたい この記事では上記の課題に向けて作成しております。 「All-in-One WP Migration」はサイトを移行する際に使うプラグイ...
あわせて読みたい
【2022年版】all-in-one wp migrationの容量を無料で上げる方法! all-in-one wp migrationの容量を無料で上げる方法を知りたい この記事は上記の課題に向けて作成しています。 本来は「All-in-One WP Migration Unlimited Extension」...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次