您当前的位置：首页 > TAG信息列表 > svg
如何在WordPress中处理SVG渲染？
随着互联网浏览器的发展，我发现自己在编写网站代码时越来越习惯使用SVG。。。特别是图标和简单的图形，可以用PNG即时替换。看起来wordpress几乎支持SVG。我这么说几乎是因为：默认情况下，它不是wordpress中允许的文件类型。所以你需要在上传SVG之前添加它在媒体库中看不到SVG缩略图。（见下图）有时，当您将svg添加到编辑器（通过添加媒体按钮）时，编辑器不知道svg的大小，因此尽管它将svg添加为图像，但其宽度和高度为零。当您在媒体上传弹出窗口中单击“编辑图像”时，您会收到一条消息，说“图像不
如何使Customize Theme页面接受SVG？
我目前正在开发一个主题，使用户可以通过自定义主题页面上传徽标。我希望用户能够上传SVG作为徽标。默认情况下，Wordpress不允许上载SVG。因此，我使用了一段代码来启用de media uploader中的SVG。function cc_mime_types( $mimes ){ $mimes[\'svg\'] = \'image/svg+xml\'; return $mimes; } add_filter( \'upload_mimes\', \'cc
在WordPress中使用<svg>标记
嗨，我正在尝试将svg地图上传到我的wordpress网站。我修复了所有问题，以便能够通过媒体库上传svg，但当我尝试将标记写入页面时，它无法识别。我只能用它把它嵌入标签。。。但我不能这样做，因为我需要使用一些svg效果，如悬停、单击等。。。我几乎需要一种方法来插入路径等整个代码到我的页面。。。如何做到这一点？
出于什么安全原因，在媒体上传器中阻止svg？
我看到SVG在媒体上载程序中默认被阻止，您必须将其作为受支持的MIME类型添加到函数中。php。这背后的安全原因是什么？
如何实现我自己的图标而不是使用SVG图标系统
在WordPress 4.9.2中，我为2017年创建了一个儿童主题。我注意到它在页面底部带有自己的SVG图标系统，用于社交媒体图标。我看到一些代码是在site-info.php 文件，在wp_nav_menu().<nav class=\"social-navigation\" role=\"navigation\" aria-label=\"<?php esc_attr_e( \'Footer Social Links Menu\', \'twentyseventeen\' ); ?>
您可以将SVG图标的颜色更改为我从WordPress中选择的全局颜色吗
例如，如果我将svg图标设置为灰色和紫色，当我在wordpress上更改全局颜色方案时，是否可以使其工作，因此如果主颜色方案为紫色，并且我将全局颜色从紫色更改为黄色，图标将变为灰色和黄色，这是可能的吗？SVG是否必须位于HTML（php wordpress模板）页面中，或者这可以是CSS？谢谢
微型MCE编辑器从SVG USE标记中剥离xlink：href参数
我有一个内嵌SVG标记，带有嵌入的<；使用（>）；标签HTML:<ul> <li><svg class=\"icon-user\"><use xlink:href=\"#icon-user\"></use></svg> My Account</li> </ul> 我创建了一个过滤器函数来强制微型MCE编辑器不使用SVG标记。代码改编自post：use of <svg
Escaping SVG with KSES
我试图在模板中输出SVG文件，PHPCS告诉我需要转义输出。所以我尝试使用KSES，但它似乎不想包含viewbox属性。 $allowed_html = array( \'svg\' => array( \'xmlns\' => array (), \'viewBox\' => true ), \'path\' => array( \'d\'=> array(), ), )
启用CORS以通过URL获取内联SVG
太长，读不下去了有没有办法在我的WordPress后端为SVG启用CORS，这样我就可以通过http请求将它们发送到其他域？理想情况下无需触摸.htaccess?我的目标是建立一个无头WordPress/React网站。我想让我的SVG上传到WP后端，内联到我的前端代码中（这样我就可以访问它们的DOM）。我有SVG的URL，并且react-inlinesvg 库允许我内联它。我正在No \'Access-Control-Allow-Origin\' header is present on the req
如何在WordPress 4.9.8中上传SVG？
我在安装了不同的插件后尝试了上传。甚至在函数中添加了过滤器。php文件。 function add_svg_to_upload_mimes( $upload_mimes ) { $upload_mimes[\'svg\'] = \'image/svg+xml\'; $upload_mimes[\'svgz\'] = \'image/svg+xml\'; return $upload_mimes; } add_f
WordPress搜索表单和输入类型=“Image”
我需要有关此代码的帮助。单击搜索图标时，如何获取要显示的搜索字段。svg？<form role=\"search\" method=\"get\" class=\"search-form\" action=\"<?php echo home_url( \'/\' ); ?>\"> <label> <span class=\"screen-reader-text\"><?php echo _x( \'Search for:\',
在前端获取上传的SVG维度
在第三方插件（如Daryll Doyle的Safe SVG）的帮助下，通过WordPress的后端媒体上传器成功上传了一个SVG图像，如何获得存储在SVG文件中的图像尺寸width, height, 或viewBox 要在前端与WordPress函数一起使用的属性，例如wp_get_attachment_image_src() ?与PNG和JPEG等其他类型的图像不同，WordPress不将SVG图像的尺寸存储到其系统中。以下是一个常规PNG：这是一个SVG图像：也许我们可以在theme的function
查询大量帖子，包括其自定义字段数据
我正在构建一个分为大约200个区域的SVG地图。对于每个区域，都有描述它的属性以及区域ID。这些区域只是SVG中的多边形。我设置了一个自定义的帖子类型，以便可以将与这些区域关联的数据添加到仪表板中，当用户单击某个区域时，其ID将用于检索关联的its数据，并通过AJAX将其显示在工具提示中。这工作得很好，但我希望在加载SVG后，通过将属性作为数据属性注入到区域多边形中来对其进行改进。这将允许我根据多边形的属性调整多边形的外观（例如颜色代码），而无需求助于查询/工具提示方法。我的问题是，当在这么多帖子（大约2
Allow SVG in WP step by step
我不擅长WP编程，但我试图了解如何在我的站点中启用SVG。我发现需要在下面添加函数functions.php:/** * Add SVG capabilities */ function wpcontent_svg_mime_type( $mimes = array() ) { $mimes[\'svg\'] = \'image/svg+xml\'; $mimes[\'svgz\'] = \'image/svg+xml\'; return
如何使用SVG作为自定义标题？
我想在WordPress中使用svg作为自定义标题。我尝试了两种方法：首先，我希望用户能够上传自己的svg作为自定义标题。所以我在函数中启用了svg上传。php：function cc_mime_types($mimes) { $mimes[\'svg\'] = \'image/svg+xml\'; return $mimes; } add_filter(\'upload_mimes\', \'cc_mime_types\'); 但这不起作用，因为Word
自最新的WP更新以来未上载SVG文件
我的函数PHP文件中有一个片段，允许我上载SVG文件。由于今天升级到最新版本的WP，我无法再上传SVG。我还尝试了CSS技巧网站上的第二个代码片段，但也没有成功。是否有人知道a）上次更新可能导致这种情况的原因，以及b）是否有人知道解决方法。以下是我通常使用的代码：function svg_mime_types( $mimes ) { mimes[\'svg\'] = \'image/svg+xml\'; return $mimes;} add_filter( \'upl
更新WordPress 4.7.1后无法上载SVG文件
我将Wordpress更新为4.7.1，无法再上传SVG了。我的函数中有一个函数。php文件function cc_mime_types($mimes) { $mimes[\'svg\'] = \'image/svg+xml\'; return $mimes; } add_filter(\'upload_mimes\', \'cc_mime_types\'); 但现在也没用了。
SVG图像上传停止工作
我有一个客户端网站，它在函数文件中添加了对SVG的mime类型支持。我们上传svg已经一年多了。突然，它停止了工作，并显示“出于安全原因，此文件是不允许的”-我不知道接下来要检查什么来尝试和调试它。
无法提取和设置SVG尺寸
到目前为止，我的主题中的背景图像缩略图没有问题。然而，现在我正在尝试使用SVG作为特色图像，有些东西正在被打破。问题似乎与SVG的宽度有关，SVG的宽度在wp_get_attachment_image_src(). 因此，我要做的是找出如何从SVG中提取宽度和高度信息，然后在SVG数据库字段中将其设置为适当的值，这并不容易。注意：上传或渲染SVG没有一般问题，它们在我的徽标中显示良好错误和代码：零宽度的证据这是Wordpress在页面上抛出的错误：Warning: Division by zero in
使用过滤器提取SVG文件后，在该文件上设置媒体元数据(即“维度”字段
我的问题是如何将我从SVG中成功提取的尺寸标注附加到与文件关联的WP“dimensions”字段中，以便这些标注显示在媒体库中。注：这是not 与…一样this earlier question I posted. 在这个问题中，我问了如何提取维度值。但是，没有人知道如何将该值永久设置为SVG，以便它显示在媒体库中其中，我提取维度，我使用过滤器从SVG中提取图像维度。此过滤器允许我将SVG显示为特征图像，而不仅仅是徽标。我使用的过滤器从SVG文件内部识别SVG的大小，然后重置image[1] 和$imag