在Wordpress帖子中仅隐藏第一个图像

时间:2013-05-07 11:36:14

标签: php css wordpress facebook-opengraph

向Facebook分享文章时遇到问题。 Facebook从我的图片中选择一个随机缩略图。问题是Facebook想要200px X 200px缩略图,我的特征图像大小恰好是150x150。该网站的布局设计为150x150,所以我不想让图像更大。作为测试,我尝试了200x200和fb拉出正确的图像。

然而,当我在帖子中添加200x200图像时,facebook会抓取正确的图像。我不介意将图像添加到帖子中,因为我可以将文本环绕并且桌面站点上的所有内容都可以正常显示。然而,在'WPTouch pro'移动主题中,我在帖子上留下了一个大图像。

我可以隐藏移动页面中的图像吗?

欢迎任何有关解决方案的工作......

2 个答案:

答案 0 :(得分:0)

您可以添加以下代码

$useragent=$_SERVER['HTTP_USER_AGENT'];
   if(preg_match('/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|tre
      //hide image

答案 1 :(得分:0)

继续给图像一个类然后隐藏它通过css将显示设置为none。

例如:<img src="http://img.jpg" class="hide"/>

然后在你的CSS中

.hide{
display: none;
}

如果你只想在wp-touch中隐藏它,那么你必须看看wp-touch是否将一个特定的类附加到身体上,我非常肯定它。如果你发现它可以将类附加到.hide然后它只会隐藏wp-touch上的图像。