「自学哈网」为WordPress启用SVG支持,允许上传SVG图像
也想出现在这里?
联系我们吧
SVG作为一种通用的矢量图格式,已经被主流浏览器支持,截止本文发布日期,WordPress还没有内置SVG支持,用户无法直接上传SVG图像到WordPress文章或媒体库中,实在理解不了。虽然允许嵌入JavaScript代码会带来一些安全性问题,但也不是没有办法解决,如果仅仅因为这一点而不支持SVG,实在有点因噎废食。
WordPress上传附件支持哪些格式?
好在WordPress是一个开放的平台,虽然WordPress默认不支持上传SVG图像,但是我们可以通过一些办法来为我们的站点添加这个功能。
通过代码为WordPress添加SVG支持
下面是允许在WordPress中上传SVG图像的代码,简单的在主题functions.php
文件中或者使用Code Snippets插件添加自定义代码,即可为WordPress启用SVG支持。
add_filter(\'wp_check_filetype_and_ext\', function ($data, $file, $filename, $mimes)
{
global $wp_version;
if ($wp_version !== \'4.7.1\') {
return $data;
}
$filetype = wp_check_filetype($filename, $mimes);
return [
\'ext\' => $filetype[ \'ext\' ],
\'type\' => $filetype[ \'type\' ],
\'proper_filename\' => $data[ \'proper_filename\' ],
];
}, 10, 4);
add_filter(\'upload_mimes\', function ($mimes)
{
$mimes[ \'svg\' ] = \'image/svg+xml\';
return $mimes;
});
add_action(\'admin_head\', function ()
{
echo \'<style>
.attachment-266x266, .thumbnail img {
width: 100% !important;
height: auto !important;
}
</style>\';
});
通过插件为WordPress启用SVG支持
使用Safe SVG插件为WordPress添加SVG支持简单方法,推荐大家都使用这种方法来实现。这个插件除了能启用WordPress支持,还会对上传的SVG文件进行清理和验证,以阻止可能影响网站的SVG漏洞。
Safe SVG插件的安全处理功能是通过svg-sanitizer库实现的,如果您有代码洁癖,想在自己的主题或插件中集成SVG支持,可以参考Safe SVG插件实现安全处理功能。
还有一个File Upload Types插件,在WordPress上传.webp格式文件文章中提到过,这个插件也能实现SVG。
其他为WordPress启用SVG支持的方法
除此之外,流行的Elementor编辑器也内置了启用SVG支持的功能,不过貌似只能在Elementor编辑器中上传SVG、无法在默认的媒体库中上传。
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」为WordPress启用SVG支持,允许上传SVG图像
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」为WordPress启用SVG支持,允许上传SVG图像
也想出现在这里?
联系我们吧