在WordPress中使用SVG(2个有用的插件建议)
WordPress 默认不支持 SVG 上传,这是因为 SVG 文件具有强大的功能,包括加载其他资源和运行 JavaScript 的能力,这可能会导致安全漏洞,例如 XSS 攻击。 然而,如果您需要在 WordPress 中使用 SVG 图片(通过媒体上传器上传,并在文章内容和特色图片中使用),您可以采取以下方法:
直接在主题模板中使用 SVG 是可行的,无论是内联 <svg></svg>
代码还是通过 CSS 链接外部 SVG 文件,都不需要额外的设置。
手动配置 SVG 支持
WordPress 阻止 SVG 上传的原因是媒体库上传器拒绝了 SVG 文件的 MIME 类型。要允许 SVG 上传,您需要添加以下代码到您的 functions.php
文件或功能插件中:
function cc_mime_types($mimes) { $mimes['svg'] = 'image/svg xml'; return $mimes; } add_filter('upload_mimes', 'cc_mime_types');
然而,即使添加了以上代码,SVG 文件在媒体库预览、特色图片小部件以及编辑器中可能仍然无法正确显示。虽然可以通过注入 CSS 代码来解决这个问题,但这并非总是有效。
使用 WordPress 插件支持 SVG
鉴于 WordPress 本身不支持 SVG,使用插件来管理 SVG 支持是一个更好的选择。插件可以随着 WordPress 的发展而不断更新,并解决可能出现的兼容性问题。
以下推荐两个 WordPress SVG 插件:
SVG Support
这是一个功能强大的插件,安装激活后即可使用,无需额外配置。它提供了一些设置选项,例如是否加载额外的前端 CSS(建议根据需要选择)。该插件还提供管理员权限限制,增强安全性。
Safe SVG
这个插件虽然更新较慢,但它提供了更高级别的安全性,会在上传时对 SVG 文件进行清理和优化。如果您对网站安全性要求较高,或者缺乏技术经验,那么这个插件更适合您。
其他插件,例如 Easy SVG Support,由于维护更新不足,这里不推荐使用。
您在 WordPress 中使用过哪些 SVG 插件?欢迎分享您的经验和推荐!
以上是在WordPress中使用SVG(2个有用的插件建议)的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...
