Safe SVG

説明

Safe SVG は、WordPress で SVG のアップロードを許可する最良の方法です !

サイトに影響を与える SVG/XML の脆弱性を阻止するためにサニタイズされていることを確認しながら、SVG のアップロードを許可することができます。 また、メディア ライブラリにアップロードした SVG をすべてプレビューすることもできます。

現在の機能

  • サニタイズされた SVG – サニタイズされていないファイルのアップロードを許可して、WordPress サイトにセキュリティ ホールを開かないでください。
  • SVGO 最適化 – SVGをアップロードする際に、SVGO ツールを使用して SVG を圧縮し、容量を節約します。この機能はデフォルトで無効化されていますが、以下のコードを追加することで有効化できます: add_filter( 'safe_svg_optimizer_enabled', '__return_true' );
  • メディア ライブラリで SVG を表示 – どの SVG が正しいかを推測する時代は終わりました。WordPress メディア ライブラリでSVG プレビューを有効にします。
  • アップロードできるユーザーを選択 – SVG のアップロードを WordPress サイトの特定のユーザーに制限するか、誰でもアップロードできるようにします。

最初は #24251 の概念実証です。

SVG のサニタイズは、次のライブラリを通じて行われます: https://github.com/darylldoyle/svg-sanitizer

SVGの最適化は次のライブラリを通じて行われます: https://github.com/svg/svgo

ブロック

このプラグインは1個のブロックを提供します。

  • Safe SVG Display the SVG icon

インストール

WordPress ディレクトリからインストールするか、ファイルをダウンロードして解凍し、 /wp-content/plugins/ ディレクトリにアップロードします

FAQ

許可された属性とタグを変更できますか ?

はい、 svg_allowed_attributes および svg_allowed_tags フィルターを使用して行うことができます。
返されなければならない 1 つの引数を取ります。 例については、以下を参照してください:

add_filter( 'svg_allowed_attributes', function ( $attributes ) {

    // Do what you want here...

    // This should return an array so add your attributes to
    // to the $attributes array before returning it. E.G.

    $attributes[] = 'target'; // This would allow the target="" attribute.

    return $attributes;
} );


add_filter( 'svg_allowed_tags', function ( $tags ) {

    // Do what you want here...

    // This should return an array so add your tags to
    // to the $tags array before returning it. E.G.

    $tags[] = 'use'; // This would allow the <use> element.

    return $tags;
} );

評価

2025年4月30日 1 reply
Great plugin! very usefull, but please can you add the possibility to add an inline SVG on the block pasting svg code? Thanks!
2024年1月10日 5 replies
Hello everyone,the Plugin does not work for me, I refreshed, logged in and out, checked several different svg files but the uploading is still not possible.After having read so many positive reviews I think I am an exception. Thanks for any advice!
75件のレビューをすべて表示

貢献者と開発者

Safe SVG はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Safe SVG” は29ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Safe SVG” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

2.3.1 – 2024-12-05

2.3.0 – 2024-11-25

2.2.6 – 2024-08-28

2.2.5 – 2024-06-27

2.2.4 – 2024-03-28

2.2.3 – 2024-03-20

2.2.2 – 2023-11-21

2.2.1 – 2023-10-23

2.2.0 – 2023-08-21

View historical changelog details here.