【WordPress】SVGをアップロードできるようにするプラグインAdd Full SVG Support

add_full_svg_support_s
Add Full SVG SupportはワードプレスにSVGファイルをアップロードし、任意の場所で使用できるプラグイン。代替情報を追加することもできます。

Add Full SVG Supportプラグインを導入

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

Add Full SVG Support Settings

add_full_svg_support_1
設定箇所は二箇所です。

  1. Auto-Change All Images オートチェンジ
  2. Auto-Size Fallback 自動サイズフォールバック

add_full_svg_support_2
メディアからアップロードしてみます。

ソース

サンプルです。ソースの一部はわざと変更しています。

<img src="http://voyager-jp.com/2016/06/voyager.svg" alt="voyager" class="size-full" />

width,heightを入れて調整しておいた方がいいと思います。

ショートコード

ショートコードを使ってSVGがサポートされていないブラウザ用にPNGの代替えを表示させることもできるようです。
[do-svg style=”margin:30px” width=”148px” height=”130px” svg_path=”http://www.blogurl.de/images/image.svg” alt_path=”http://www.blogurl.de/images/image.png” alt=”My Other Image”]

ソース

ショートコードを使った際のソースはこのようになります。

<svg xmlns="http://www.w3.org/2000/svg" style="margin:30px" width="148px" height="130px"><image xlink:href="http://www.blogurl.de/images/image.svg" src="http://www.blogurl.de/images/image.png" width="148px" height="130px" alt="My Other Image"  /></svg>
 
Add Full SVG Support

【WordPress】SVGをアップロードできるようにするプラグインAdd Full SVG Support

  • LATEST
  • RELATED
  • POPULAR