WordPress SVGサポート：WordPressでSVGを有効にする方法

このチュートリアルでは、SVGサポートをWordPressに追加し、メディアライブラリ内のディスプレイを最適化する方法について説明します。 SVGは、スケーラビリティ、応答性、およびラスター画像と比較してより小さなファイルサイズを提供しますが、WordPressは、潜在的なJavaScript注入に関するセキュリティ上の懸念により、それらをネイティブにサポートしていません。

WordPressがSVGSをサポートしていない理由（デフォルト）：

コア問題はセキュリティです。 ラスター画像とは異なり、SVGはベクターベースであり、悪意のあるJavaScriptを潜在的に含めることができ、アクセスレベルが異なるユーザーがアップロードするとリスクをもたらします。

svgアップロードの有効化：

SVGサポートを追加するには、子テーマの

またはカスタムプラグインを使用してフィルターを変更します。 upload_mimesこのコードは、許可されたファイルタイプにmimeタイプを添加して「SVG」を追加します。 functions.php

<code class="language-php">function add_svg_upload_support($file_types){
    $new_filetypes = array('svg' => 'image/svg+xml');
    return array_merge($file_types, $new_filetypes);
}
add_filter('upload_mimes', 'add_svg_upload_support');</code>

メディアライブラリでのSVGディスプレイの改善

グリッドビューでのSVGのWordPressのデフォルトディスプレイは最適です。 これを改善するには、変異オブザーバーを使用してJavaScriptとAjaxを使用して、プレビューを動的に更新します。 これには、SVG URLを取得するカスタムAJAX関数を作成し、デフォルトのプレースホルダーを実際のSVG画像に置き換えることが含まれます。 WordPress管理者の異なるセクションにわたって正しい表示を確保するために、管理CSS調整も必要です。

admin cssの調整： これにより、メディアライブラリのグリッドビューと列ビュー、およびフロントエンドでの適切な表示が保証されます。

この包括的なアプローチにより、WordPress内のSVGの管理と表示が向上し、ユーザーエクスペリエンスが向上します。セキュリティへの影響を検討し、追加の保護のためにアップロードされたSVGを消毒するプラグインを使用する可能性を忘れないでください。

以上がWordPress SVGサポート：WordPressでSVGを有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。