搜索
首页web前端css教程在WordPress中使用SVG(2个有用的插件建议)

Using SVG in WordPress (2 Helpful Plugin Recommendations)

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中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
'订阅播客”链接应在哪里?'订阅播客”链接应在哪里?Apr 16, 2025 pm 12:04 PM

有一段时间,iTunes是播客中的大狗,因此,如果您将“订阅播客”链接到喜欢:

浏览器引擎多样性浏览器引擎多样性Apr 16, 2025 pm 12:02 PM

当他们在2013年去Chrome时,我们失去了歌剧。与Edge今年早些时候也进行了同样的交易。迈克·泰勒(Mike Taylor)称这些变化为“减少

网络共享的UX注意事项网络共享的UX注意事项Apr 16, 2025 am 11:59 AM

从垃圾点击诱饵网站到大多数出版物的最多,共享按钮长期以来一直无处不在。然而,这些

每周平台新闻:Apple部署网络组件,渐进的HTML渲染,自托管关键资源每周平台新闻:Apple部署网络组件,渐进的HTML渲染,自托管关键资源Apr 16, 2025 am 11:55 AM

在本周的综述中,Apple进入Web组件,Instagram如何插入脚本以及一些思考的食物,以进行自托管关键资源。

git Pathspecs以及如何使用它们git Pathspecs以及如何使用它们Apr 16, 2025 am 11:53 AM

当我查看GIT命令的文档时,我注意到其中许多人都有选择。我最初以为这只是一个

产品图像的彩色拾取器产品图像的彩色拾取器Apr 16, 2025 am 11:49 AM

听起来有点像一个困难的问题,不是吗?我们经常没有成千上万种颜色的产品镜头,以便我们可以随身携带。我们也不是

黑暗模式与React和Themeprovider切换黑暗模式与React和Themeprovider切换Apr 16, 2025 am 11:46 AM

我喜欢网站具有“暗模式”选项时。黑暗模式使我更容易阅读网页,并帮助我的眼睛更放松。许多网站,包括

带有HTML对话框元素的一些动手带有HTML对话框元素的一些动手Apr 16, 2025 am 11:33 AM

这是我第一次查看HTML元素。我已经意识到了一段时间,但是尚未将其旋转。它很酷,

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器