本教程说明了如何在WordPress中添加SVG支持并在媒体库中优化其显示。 与栅格图像相比,SVG提供可伸缩性,响应能力和较小的文件大小,但是由于对潜在JavaScript注入的安全问题,WordPress并不能本地支持它们。
为什么WordPress不支持SVGS(默认情况下):
>
>启用SVG上传:添加SVG支持,使用子主题的
或自定义插件修改过滤器:upload_mimes
functions.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');
admin css调整:
防止由于缺失的高度/宽度属性而导致SVG崩溃,请添加此CSS:
这可以确保在媒体库的网格和列视图以及前端的网格和列视图中正确显示。
这种全面的方法可确保在WordPress中更好地管理和显示SVG,从而增强用户体验。请记住考虑安全含义,并可能使用对上传的SVG进行消毒以增加保护的插件。
以上是WordPress SVG支持:如何在WordPress中启用SVG的详细内容。更多信息请关注PHP中文网其他相关文章!