【问题标题】:Is there a way to add microdata to an image referenced in CSS?有没有办法将微数据添加到 CSS 中引用的图像?
【发布时间】:2012-06-29 04:41:14
【问题描述】:

我正在尝试为公司的徽标添加 itemprop="image"(如下所示:http://www.schema.org/Corporation),但我正在使用用于 Wordpress 的 Gantry 框架中的 Gantry Logo 插件。结果,图像实际上是通过 CSS 中的引用加载的,而不是使用 HTML 标记。

不幸的是,itemprop="image" 似乎只能添加到该标签,因为它是从中获取 URL 的。

任何人都可以在不尝试在网站上隐藏徽标并在其上放置标签的情况下想办法解决这个问题吗?

(我特指的网站是http://www.bpsresolver.com供参考。)

【问题讨论】:

    标签: html css microdata schema.org


    【解决方案1】:

    我最终修复它的方法是使用位于 /plugins/gantry/widgets/ 中的 logo.php 插件。在该文件的底部,<a> 标签就是提到的 miro。

    我没有删除并替换它(因为它附加了许多其他需要保持不变的 CSS 属性),我只是在 <a> 标签之间添加了 <img> 标签,并更改了 CSS将图片从background: url(url_to_image);引用到background: transparent;

    最后,我将整个东西包裹在一个 <div> 标记中,用于指示范围,并将 itemprop 放在 <img> 中。

    【讨论】:

      【解决方案2】:

      “任何人都可以想办法解决这个问题而不试图隐藏 网站上的徽标并在其上放置标签?”

      这正是需要做的。 方法是打开这个Gantry Logo插件的源代码,找到css引用的logo的<a id='logo'></a>并将其更改为<img src='yourimage.jpg'/>我通常使用WindowsGrep查找id='logo'或任何可能的东西在你的情况下。

      但要回答您的问题:“有没有办法将微数据添加到 CSS 中引用的图像中?” - 没有:)

      【讨论】:

      • 谢谢米罗!我最终找到的解决方案是对您推荐的内容进行了修改,我将在下面展示...
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-27
      • 1970-01-01
      • 1970-01-01
      • 2016-10-17
      相关资源
      最近更新 更多