WordPress

【WordPress】WordPressのサイト上でSVGを使用できるSVG Support

May 6, 2017
SVG Support


SVG SupportはWordPressのサイト上でSVG画像を使用できるようにするプラグイン。メディアアップロードに簡単にアップロードすることができ、シンプルなIMGタグを使用してSVGをサポート。

SVG Supportプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> SVG Supportを検索
有効化にすると設定にSVG Supportが追加されます。

SVG Support


Settings

  1. Enable Advanced Mode? 詳細モードを有効にするか?
  2. Restrict to Administrators? 管理者制限するか?

特に問題なければチェックは付けなくていいかと思います。

編集画面


メディアにSVGをアップロードしてみました。元のSVGのサイズは400×400


挿入してみました。width,heightは付いていないので幅100%になっています。

<img src="./logo_bu.svg" alt="VOYAGER-ウェブサイト・ホームページ制作" class="alignnone size-full wp-image-857" />


widthに100px入れてみました。