如何在WordPress中添加SVG

是否要将SVG文件添加到WordPress网站?默认情况下,WordPress允许您上传所有流行的图像,音频和视频文件格式,但SVG不在其中。在本文中,我们将向您展示如何在WordPress中轻松添加SVG

什么是SVG?

SVG或可缩放矢量图形是一种使用XML标记语言定义矢量图形的文件格式。SVG的主要优点是它允许您放大图像而不会丢失质量或有任何像素化。

SVG如何运作?

可缩放矢量图形(SVG)是一种使用XML显示二维图形的技术。它们与常用的图像格式(如PNG,GIF或JPEG)不同。

如果您拍摄png / jpeg图像文件并放大,则会注意到图像将开始模糊并变为像素化。

如何在WordPress中添加SVG

矢量图形不使用像素。相反,他们使用二维地图定义您正在查看的图形。放大时,图像不会像素化。

如何在WordPress中添加SVG

这使您可以放大矢量图形而不会降低质量。最重要的是,SVG图像在文件大小方面可能比JPEG或PNG小。

矢量图形通常用于图标,图标字体,网站徽标和品牌图像。您可能希望在WordPress中添加SVG文件以用于公司徽标,图标或其他图形。

听起来很酷,SVG文件仍然有点不安全。这就是为什么WordPress默认不支持SVG文件上传的原因。

如果您在WordPress中上传SVG图像,您将看到以下错误消息:

抱歉,出于安全原因,不允许使用此文件类型。

如何在WordPress中添加SVG

关于WordPress中SVG的安全问题

SVG文件包含XML标记语言中的代码,类似于HTML。您的浏览器或SVG编辑软件会解析XML标记语言以在屏幕上显示输出。

但是,这会打开您的网站以查找可能的XML漏洞。它可用于获取对用户数据的未授权访问,触发暴力攻击或跨站点脚本攻击。

我们将在本文中分享的方法将尝试清理SVG文件以提高其安全性。但是,这些插件无法完全防止恶意代码被上传或注入。

最佳解决方案是仅使用由可靠来源创建的SVG文件,并仅将SVG上载限制为可信用户。

要了解有关安全性的更多信息,请查看我们针对初学者的完整WordPress安全指南。

话虽如此,让我们来看看如何在WordPress中轻松安全地使用SVG文件。

方法1.使用SVG支持在WordPress中上载SVG文件

此方法完全支持在WordPress中添加SVG文件。它还允许您在WordPress帖子和页面中显示内联SVG。

首先,您需要安装并激活SVG Support插件。

激活后,您需要访问设置»SVG支持页面以配置插件设置。

如何在WordPress中添加SVG

在设置页面上,您需要选中“限制为管理员?”旁边的框。选项。这将只允许站点管理员在WordPress中上载SVG文件。

下一个选项是打开高级模式。如果要使用CSS动画和内联SVG渲染等高级功能,则只需选中此选项。

不要忘记单击保存更改按钮来存储您的设置。

您现在可以创建新帖子或编辑现有帖子。在帖子编辑器中,您将上传SVG文件,就像上传任何其他图像文件一样。只需将图像块添加到编辑器,然后上载SVG文件即可。

您现在可以在WordPress中上传和嵌入SVG文件。

如何在WordPress中添加SVG

方法2.使用安全SVG在WordPress中上载SVG文件

此方法还使用插件,允许您执行上传到WordPress的SVG文件的清理。

您需要做的第一件事是安装并激活Safe SVG插件。

该插件开箱即用,没有您可以配置的设置。您可以直接开始上传SVG文件。

缺点是这个插件允许所有可以在你的WordPress网站上发帖子的用户上传SVG。

为了控制谁可以上传文件,您需要购买该插件的高级版本。

我们希望本文能帮助您学习如何在WordPress中安全地添加SVG。

人已赞赏
WordPress教程

如何把SVG 图标对齐到文本

2020-8-27 10:31:13

WordPress教程

如何在WordPress中批量安排帖子

2020-8-27 10:31:15

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索