VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

快速简单实现WordPress网站支持SVG格式图像上传功能,如何在WordPress中启用SVG上传?

快速简单实现WordPress网站支持SVG格式图像上传功能,如何在WordPress中启用SVG上传?

作为一种通用的矢量格式,已经被主流浏览器所。截至本文发稿,WordPress没有内置无法直接将SVG图片到WordPress文章或者媒体库中,实在看不懂虽然允许嵌入 JavaScript 代码会带来一些问题,但也不是解决,因此不支持 SVG 浪费时间。

快速简单实现WordPress网站支持SVG格式图像上传功能,如何在WordPress中启用SVG上传?

幸运的是,WordPress 是一个开放的平台。虽然 WordPress 默认不支持 SVG 图片,但是可以通过一些方式将功能到我们的站点中。

通过代码为WordPress添加SVG支持

add_filter(‘wp_check_filetype_and_ext’, function ($data, $file, $filename, $mimes) { $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 ; });

以下是允许在WordPress中上传SVG图像的代码,只需到主题的functions.文件或插件文件中即可启用对WordPress的SVG支持。

使用此方法将 SVG 支持添加到 WordPress 没有安全检查,不建议用于多 WordPress 站点。

通过插件启用对WordPress的 SVG 支持

使用Safe SVG插件给WordPress添加SVG支持是一种简单的方法,大家使用这种方法。除了启用 WordPress 支持外,此插件还对上传的 SVG 文件进行清理和验证,以防止可能影响的 SVG 漏洞。

Safe SVG插件的安全处理功能由svg-sanitizer库实现。如果您有代码整洁的习惯,想在自己的主题或插件中集成 SVG 支持,可以参考 Safe SVG 插件实现安全处理功能。

为 WordPress

启用 SVG 支持的其他方法

此外,流行的 Elementor 编辑器还内置了启用 SVG 支持的功能,但您似乎只能在 Elementor 编辑器中上传 SVG,而不是在默认媒体库中。

:快速简单实现WordPress网站支持SVG格式图像上传功能,如何在WordPress中启用SVG上传?,://vps.caogenba.com.com/66522.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » 快速简单实现WordPress网站支持SVG格式图像上传功能,如何在WordPress中启用SVG上传?
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址