SVG支持

贝斯克雷朋

安全地将SVG文件上载到媒体库,并像使用其他图像一样使用它们。现在有了可选的消毒!

但是SVG支持有更多功能!!!继续阅读以了解更多信息。

在WordPress站点上使用SVG图像时,很难使用CSS设置SVG中元素的样式。现在你可以,很容易!

可缩放矢量图形(SVG)正在成为现代web设计中的常见位置,允许您嵌入具有小文件大小的图像,这些图像可以缩放到任何视觉大小,而不会丢失质量。

这个插件不仅提供了名称所示的SVG支持,还允许您使用简单的IMG标记轻松嵌入完整的SVG文件代码。

通过添加类“style-svg”对于您的IMG元素(或外部容器),此插件将用完整的SVG代码动态替换src中包含SVG的任何IMG元素,并将其内联呈现。

这样做的主要目的是允许SVG元素的样式和动画。使用时,您的样式选项通常受到限制嵌入对象国际货币基金组织标签。

Funktitonen公司

  • SVG对媒体库的支持
  • 清理SVG上传
  • 缩小SVG文件
  • 内联您的SVG代码
  • 直接使用CSS设置SVG元素的样式
  • 使用CSS和JS制作SVG元素的动画
  • 超简单的设置页面和说明
  • 仅限管理员使用SVG上传功能
  • 设置自定义目标类(自2.4起可用于外部元素)
  • 极易使用–简化SVG文件的复杂使用

Verwendung公司

首先,安装并激活SVG Support(此插件)。

激活后,您可以像其他文件一样将SVG图像上传到媒体库。

作为管理员,您可以转到管理员设置页面“设置>SVG支持”,并限制仅向管理员上传SVG文件。

如果您只需要上传SVG文件用作图像,则无需启用“高级模式”。将其禁用可确保前端脚本不会排队,并且不必要的设置保持隐藏状态。

对于高级使用:启用“设置>SVG支持”下的“高级模式”。

现在您可以启用SVG上传的santization和/或minimation,定义一个自定义CSS类作为目标,并修改一些其他设置。

启用高级模式后,您可以像嵌入标准图像一样嵌入SVG图像,并添加(在文本视图中)类“style-svg”(或您定义的自定义类)添加到您希望此插件与实际SVG代码交换的IMG标记中。

例如:

<img class=“style-svg”alt=“alt-text”src=“image-source.svg”/>

顺序

<img class=“your-custom-class”alt=“alt-text”src=“image-source.svg”/>

现在,整个IMG标记元素将被SVG的实际代码动态替换,从而使内部内容成为目标。
这允许您使用CSS和JS在SVG中定位元素。

您可以从IMG标记中删除所有其他属性,因为它无论如何都会消失。

此外,如果无法将目标类直接添加到IMG本身,现在可以将其添加到外部元素。这个插件将遍历寻找SVG以替换内联代码的子代。

有一个设置可以在向帖子或页面中插入SVG时自动将类添加到IMG标记中,这也会删除不必要的标记。

自2.3.11起,您可以使用单个复选框强制在站点范围内呈现所有SVG文件(请谨慎使用)。此外,您现在可以选择是使用JS文件的缩小版还是扩展版。

特色图片:如果文章/页面与SVG一起保存为特色图像,则特色图像元框中将显示一个复选框,允许您以内联方式呈现它(仅当高级模式处于活动状态时)。

请注意:如果您的SVG没有显示,则很可能是以0的高度和宽度显示的。在这种情况下,您需要在CSS中设置自己的高度和宽度,以正确显示SVG文件。

如果您有任何问题,请使用“支持”选项卡,我会尽力尽快回复您

启动测试站点

只需单击一下,您就可以启动一个完全免费的测试站点,使用TasteWP测试SVG支持!没有注册,没有卡片,什么都没有!这有多酷?试一试:
单击此处可在几秒钟内启动测试站点

西氏温度

与允许上传任何文件一样,这也存在潜在的风险。所以我添加了一些功能来提供帮助!

  • 可选的清理功能有助于在上传时从SVG文件中删除任何恶意代码。
  • 仅限管理员上传。

只有当您信任用户时,才允许他们上传SVG文件。您可以选择仅从设置页面将SVG的使用限制为管理员使用,还可以启用SVG清理来尝试清理上载的任何SVG文件。

默认情况下,任何具有媒体库访问权限或upload_files功能的人都可以上传SVG文件(即管理员、作者和编辑)。请注意,SVG文件实际上是XML,如果您不小心谁拥有上传权限,它将允许某人注入恶意代码。

反馈

我向你敞开心扉建议和反馈–感谢您使用SVG支持!

福克@SVG支持auf推特
福克@本博迪语auf推特

注:我希望你喜欢这个插件!请花点时间给它打分.

尤贝塞特佐根

你可以在这里贡献你的翻译.
WordPress翻译新手?
通读翻译手册开始吧。

屏幕截图

  • Grundeinstellungen公司
  • 埃尔韦特特·艾恩斯特伦根(Erweiterte Einstellungen)
  • “特色图像”复选框用于内联呈现SVG
  • SVG用于WP本机图像小部件(自4.9起)
  • 前端标记中的内联SVG
  • “帮助”选项卡–概述
  • 帮助选项卡–设置
  • 帮助选项卡–标准Verwendung
  • “帮助”选项卡–“渲染SVG内联”(高级用法)

常见问题解答

自2.3更新以来,SVG未进行内联渲染

SVG Support 2.3包含一个名为“高级模式”的新设置部分。内联SVG文件的用户需要确保选中此设置。转到仪表板>“设置”>“SVG支持”并选中“高级模式“。所有原始设置都应保留在那里。

如果我没有使用内联SVG,如何在前端禁用Javascript?

如果你去设置>SVG支持在管理仪表板中,您可以选择启用或不启用“高级模式”。如果将其禁用,则会删除高级功能和无关脚本。

我试图在自定义程序中使用SVG,但它不起作用。

要允许SVG在自定义程序中工作,您需要在子主题的函数文件中修改/添加一些代码。这是一个很棒的教程如何做到这一点。重要的部分是:

“flex-width”=>真“flex-height”=>真

如何将动画添加到SVG?

您需要在代码编辑器中编辑SVG文件,以便可以将CSS类添加到SVG中需要定位的每个元素中。确保将IMG标记替换为内联SVG,然后可以使用CSS或JS将动画应用于SVG文件中的元素。

为什么SVG支持在多站点中不起作用?

如果你在WordPress 3.5之前安装了多站点,那么你需要删除你的ms-files。这里有一些资源可以帮助您:转储ms-files 3.5之后删除ms-files.

为什么我的SVG不能在Visual Composer中工作?

如果将SVG支持与Visual Composer或任何其他页面生成器一起使用,则需要确保可以将自己的类添加到图像中。最简单的方法是在生成器中使用简单的文本或代码块将图像代码放入。此外,现在有一个设置强制所有SVG文件内联呈现。

我该如何使用媒体库助手插件?

您需要将svg和svgz的mime类型添加到:“MLA设置>媒体库助手>上传(选项卡)”,然后它就会工作。

雷森西宁

2024年5月28日
Ошибка обновления. 在线特征图像。В некоторые посты. Основная масса без изменений. С чем связано. 这是一个很好的例子。На других площадках эту проблему уже год обсуждают!
Alle 333雷森森·莱森

Mitwirkende&Entwickler公司

“SVG支持”是开放源码软件。Folgende Menschen haben an diesem Plugin mitgewirkt:

米特威肯德

16 Sprachenübersetzt.Danke an的“SVG支持”wurdeu bersetzerinnen和u bersetzir之死福里赫·米特维尔孔。

u bersetze deine Sprache中的“SVG支持”。

对Entwicklung的了解?

杜氏密码,是的SVN仓库阿伯尼埃尔的一个订单恩特威克隆普洛托科尔RSS(RSS).

安德龙·斯波托科尔

2.5.5

  • 更多错误修复和常规清理。

2.5.4

  • 修复了错误。

2.5.3

  • 修复了致命的php错误。

2.5.2

  • 默认情况下,添加了一些默认值以提高安全性。

2.5.1

  • 在uninstall.php中添加了缺少的引号。

2.5

  • 已清理拼写错误和常规格式。
  • 解决了安全问题。
  • 添加了更多清理选项–支持前端和管理。
  • 增加了对SVG缩小的支持。
  • 添加了选择jQuery或vanilla JS的功能。
  • 添加了卸载时的数据库清理。
  • 固定维度回退。

2.4.2

  • 修复了一些高级主题的srcset警告。
  • 修复了更换时无法保留原始IMG ID的问题。
  • 从特色图像框中删除了一些恶意文本。

2.4.1

  • 修复了导致WP-CLI中断的问题。

2.4

  • 新增功能:添加可选SVG消毒。
  • 新增功能:增加了可选SVG缩小功能。
  • 在古腾堡特色图片中添加了内联SVG复选框。
  • 一般来说,古腾堡的支持更好。
  • 修改了类目标,以允许在无法直接设置IMG类时内联呈现嵌套SVG(任何级别深度)。
  • 修改JS以使用vanilla JS而不是jQuery。
  • 修复了设置页面上的辅助功能问题。
  • 修复了维度元数据问题。
  • 修复了SVG没有设置宽度或高度时被0除的问题。
  • 修复了经典和块编辑器中的特色图像间距问题。
  • 颠倒了所需的PHP版本。
  • 删除了过时的管理通知。
  • 已删除SVG文件的srcset。
  • 已从文件路径元数据中删除目录名。

2.3.21

  • 修复了特征图像SVG重叠容器。

2.3.20年

  • 修复了输出时未转义的管理设置。

2.3.19

  • 修复了functions/enqueue.PHP中localize_script的PHP警告。
  • 在js/svgs-inline.js中添加了对SRC属性的检查。

2.3.18

  • 更新了主插件文件中的作者URL。
  • 更新了捐赠链接。
  • 已清理插件操作元链接和设置页面。
  • 由于从其他附件中删除了meta,因此回滚了functions/attachment.php中的修复程序。

2.3.17

  • 添加了选择是否加载前端CSS的设置。

2.3.16

  • 修复具有XML声明的文件。
  • 修复图像小部件中的PHP警告。
  • 显示SVG媒体附件时,对前端进行了一些小的CSS更改。

2.3.15

  • 必须回滚最近的PHP警告修复,因为它破坏了一些主题兼容性。

2.3.14

  • 修复:在某些情况下,从数据库中删除旧选项时出现致命错误。

2.3.13

  • 修复:当使用SVG文件和wp_debug时,图像小部件发出PHP警告和通知。
  • 修改:更好的前端CSS,用于将SVG附件显示为图像和内联。
  • 已删除:不推荐使用的管理通知的DB条目。

2.3.12

  • 新增:SVG支持设置页面上的本机“帮助”选项卡。
  • 新增:将内联JS包装在函数中,以便可以使用菩萨在线支持();.
  • 修改:仅将管理员CSS设置为目标SVG src。
  • 修改:SVG支持设置页面–稍微清理了一下。
  • 删除:版本更新管理通知。

2.3.11条

  • 新增功能:使用扩展的JS文件,而不是缩小/压缩版本(用于使用外部缓存插件进行捆绑和缩小)。
  • 新增:强制内联SVG选项。此功能允许您强制以内联方式呈现所有SVG文件,而不考虑应用的类。解决了由于某些原因无法将自己的类添加到图像中的问题。例如,一些页面生成器图像元素。还解决了在设置中更改目标类以及需要更改所有已嵌入的媒体的问题,允许您只需强制渲染而不是更新所有类。
  • 稍微修改了自述文件和描述。
  • 改进了functions/featured-image.php第69行中的一些代码,以解决警告问题。
  • 将“Requires least”标签更新为4.8(尽管它在旧版本中仍然有效,但在4.7阶段核心出现了问题,现在是您进行更新的时候了)。

2.3.10

  • 修复了设置页面中缺少的链接。

2.3.9

  • 修改了设置页面的插件操作元链接。
  • 在整个插件中更改了一些语言。
  • 添加了短像素图像优化的建议。
  • 添加了条件以检查帖子类型是否支持缩略图,然后再设置元数据。

2.3.8

  • 添加了一些CSS以确保特色图片显示在WooCommerce产品、Sensei课程和Lessons上。
  • 修复:在某些情况下,自动插入类设置会剥离特征图像HTML。

2.3.7

  • 添加了WP版本检查以包装WP v4.7.1–v4.7.2所需的mime修复功能。
  • 已将mime修复移到mime类型文件中。
  • 修改了管理员通知代码,使其更加整洁。
  • 修复:一些服务器和外部SVG文件的attachment-modal.php问题(支持@abstractourist&@malthejorgensen提供修复,因为我无法始终重现该问题)。
  • 兼容性:更改了一行以提供更广泛的兼容性,特别是针对LEMP堆栈上的WordPress Bedrock。
  • 兼容性:在JS中添加了另一个代码片段以支持IE11(显然人们仍在使用IE)。
  • 添加了更多常见问题解答。

2.3.6

  • 新增:添加了polyfill,使svgs-inline.js可以与旧浏览器一起使用。
  • 新增:在设置页面上留下评论的部分。
  • 删除:冗余的一次性升级激活代码。
  • 修复:激活和设置页面上报告的错误–相关支持线程.

2.3.5

  • 缩略图显示代码的修订和修改。

2.3.4

  • 修复:由于函数没有前缀,导致某些函数出现致命错误。

2.3.3

  • 修复:新属性控制文件中缺少参数PHP警告。
  • 更新设置页面文本。

2.3.2

  • 修改了自动插入类的属性控制代码,使其仅适用于SVG文件。

2.3.1

  • 修复:由于管理员通知,在某些情况下出现致命错误。

2.3

  • 新功能–高级模式:允许您关闭高级功能,只需像普通图像一样上传SVG文件。此添加还允许用户通过取消选中“高级模式”来关闭在前端添加的脚本。
  • 新功能–特色图像支持:如果您的特色图像是SVG,则在保存帖子后,您将看到一个复选框,用于内联呈现SVG(仅限高级模式)。
  • 性能–如果图像源不是SVG,则停止运行内联JS。
  • 为设置页面添加了新的样式表。
  • 已将SCSS文件移动到其自己的文件夹中。
  • 更改了捐赠链接,以便我可以跟踪它,并适当地感谢您的慷慨捐赠。
  • 向设置和媒体页面添加了分级链接。
  • 清理了代码格式,添加了更多注释。
  • 添加了插件版本检查。
  • 添加了通知,以便人们知道他们可能需要打开高级模式。

2.2.5

  • 修正:在附件模型中显示SVG缩略图。

2.2.4

  • 修复:添加了临时修复WP 4.7.1中上传问题的功能

2.2.32

  • 更改了文本域以匹配用于本地化的插件slug。

2.2.31

  • 尝试修复翻译能力

2.2.3

  • 修改了svg-support/js/svg-inline.js和svg-support/js/min/svg-inline-min.js中的代码,以允许js控制svg元素并检测它们是否已加载(IMG标记已交换)。多亏了劳罗塞洛用于此建议和代码贡献。
  • 修复了SVG缩略图在媒体库列表视图中无法正确显示的问题。
  • 稍微清理了代码和注释。
  • 增加了西班牙语翻译。多亏了Apasionados del营销用于翻译。

2.2.2

  • 更改了svg-support/functions/thumbnail-display.php中的另一个匿名函数,该函数导致了一些错误。

2.2.1

  • 更改了svg-support/functions/thumbnail-display.php第15行中的匿名函数,以防止在较旧的php版本中出现致命错误。

2.2

  • 添加了支持,使SVG缩略图在所有媒体库屏幕中可见。
  • 将SVGZ添加到mime类型。
  • 插入SVG文件时自动删除宽度和高度属性。
  • 添加了选择目标类是否自动插入img标记的功能,去掉了默认的WordPress类。
  • 添加了选择是否在页脚中输出脚本的功能–true或false。
  • 阻止直接访问PHP文件。
  • 使用CodeKit添加了SCSS支持–精简的CSS+JS文件。
  • 更新了错误函数名的拼写。
  • 更改了所有文件的注释格式以保持一致性。
  • 在设置页面上添加了GoWebben 25美元免费积分的链接。
  • 在WordPress 4.3中测试。
  • 更新了自述文件。

2.1.7

  • 在WordPress 4.0中进行了测试,并为新界面添加了插件图标。

2.1.6

  • 在/functions/enqueue.php中添加了缺少的jQuery依赖项(由沃尔巴赫)–在jQuery之前加载了SVG Support JS。

2.1.5

  • 增加了奥吉·德朱拉斯科维奇提交的塞尔维亚语译文。

2.1.4

  • 固定插件设置链接(在插件页面上)
  • 添加更多链接–支持和捐赠
  • 稍微修改了设置页面
  • 使用CSS清理设置页面
  • 稍微满足了我的强迫症倾向

2.1.3

  • 为插件页面上的自定义菜单添加了plugin_action_links文件。

2.1.2

  • 已清理主干、标签和readme.txt,以显示正确的更改日志和更新通知。

2.1.1

  • 修复了JS文件的条件-在本地测试中工作,但不是实时的。

2.1

  • 更新语言文件以进行本地化。

2

  • 添加了一个管理员设置页面,其中包含限制管理员使用和设置自定义CSS目标类的说明和选项。
  • 整个插件完全重新编写和结构。
  • 添加了仅向管理员限制SVG上传的选项。
  • 为自定义CSS目标类添加了字段。
  • 将样式表添加到管理设置页面。

1

  • 首次发布。