ホームページ >ウェブフロントエンド >CSSチュートリアル >WordPressでSVGを使用する(2つの役立つプラグインの推奨事項)

WordPressでSVGを使用する(2つの役立つプラグインの推奨事項)

Christopher Nolan
Christopher Nolanオリジナル
2025-03-15 10:44:091004ブラウズ

WordPressでSVGを使用する(2つの役立つプラグインの推奨事項)

SVGファイルには、XSS攻撃などのセキュリティの脆弱性につながる可能性のあるJavaScriptを実行する機能など、SVGファイルには強力な機能があるため、WordPressはデフォルトでSVGアップロードをサポートしていません。 ただし、WordPressでSVG画像を使用する必要がある場合(メディアアップローダーを介してアップロードされ、記事コンテンツと注目画像で使用されています)、次のことを行うことができます。

テーマテンプレートでSVGを直接使用することは、インライン化されているかどうかにかかわらず実行可能です<svg></svg>コードや外部SVGファイルをCSSを介してリンクするには、追加の設定は必要ありません。

SVGサポートを手動で構成します

WordPressブロックSVGアップロードは、メディアライブラリのアップローダーがSVGファイルのMIMEタイプを拒否しているためです。 SVGアップロードを許可するには、次のコードをfunctions.phpファイルまたは機能プラグインに追加する必要があります。

関数cc_mime_types($ mimes){
  $ mimes ['svg'] = 'image/svg xml';
  $ mimesを返します。
}
add_filter( 'upload_mimes'、 'cc_mime_types');

ただし、上記のコードが追加されていても、SVGファイルは、メディアライブラリのプレビュー、特徴の画像ウィジェット、およびエディターにまだ正しく表示されない場合があります。これはCSSコードを注入することで解決できますが、これは常に機能するとは限りません。

WordPressプラグインでSVGをサポートします

WordPress自体がSVGをサポートしていないことを考えると、プラグインを使用してSVGサポートを管理する方が良いオプションです。 WordPressが開発され、可能な互換性の問題を解決するにつれて、プラグインを継続的に更新できます。

次の2つのWordPress SVGプラグインをお勧めします。

SVGサポート

これは、追加の構成なしで、インストールとアクティベーション後に使用できる強力なプラグインです。追加のフロントエンドCSSをロードするかどうかなど、いくつかの設定オプションを提供します(必要に応じて選択することをお勧めします)。プラグインは、セキュリティを強化するための管理者特権制限も提供します。

安全なSVG

このプラグインは更新が遅くなりますが、より高いレベルのセキュリティを提供し、アップロード時にSVGファイルをクリーン化および最適化します。ウェブサイトのセキュリティの要件が高い場合や技術的な経験がない場合、このプラグインはより適しています。

簡単なSVGサポートなど、他のプラグインは、メンテナンスや更新が不十分なため、ここではお勧めしません。

WordPressで使用したSVGプラグインは何ですか?あなたの経験と推奨事項を共有してください!

以上がWordPressでSVGを使用する(2つの役立つプラグインの推奨事項)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。