有没有办法将微数据添加到CSS中引用的图像?

时间:2012-06-27 17:02:38

标签: css html5 css3 microdata schema.org

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

不幸的是,似乎只能将itemprop =“image”添加到该标记,因为它是从中获取URL的地方。

有人可以想办法解决这个问题而不试图隐藏网站上的徽标并将标记放在网站上吗?

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

2 个答案:

答案 0 :(得分:2)

  

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

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

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

答案 1 :(得分:1)

我最终要修复的是去/ plugins / gantry / widgets /中的logo.php插件。在该文件的底部是miro提到的<a>标记。

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

最后,我将整个内容包装在<div>标记中,用于表示范围,并将itemprop放在<img>内。