WordPress SVG支持：如何在WordPress中啟用SVG

本教程說明瞭如何在WordPress中添加SVG支持並在媒體庫中優化其顯示。 與柵格圖像相比，SVG提供可伸縮性，響應能力和較小的文件大小，但是由於對潛在JavaScript注入的安全問題，WordPress並不能本地支持它們。

為什麼WordPress不支持SVGS（默認情況下）：

：核心問題是安全性。 與柵格圖像不同，SVG是基於矢量的，並且可能包含惡意JavaScript，如果由訪問級別不同的用戶上傳，就會構成風險。

>

>啟用SVG上傳：添加SVG支持，使用子主題的

或自定義插件修改過濾器：> 此代碼將其MIME類型添加到允許的文件類型中。 upload_mimesfunctions.php

在媒體庫中改進SVG顯示：

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');

登入後複製

>

admin css調整：

防止由於缺失的高度/寬度屬性而導致SVG崩潰，請添加此CSS：>

這可以確保在媒體庫的網格和列視圖以及前端的網格和列視圖中正確顯示。

>

這種全面的方法可確保在WordPress中更好地管理和顯示SVG，從而增強用戶體驗。請記住考慮安全含義，並可能使用對上傳的SVG進行消毒以增加保護的插件。

以上是WordPress SVG支持：如何在WordPress中啟用SVG的詳細內容。更多資訊請關注PHP中文網其他相關文章！