【问题标题】:Hide only first image in Wordpress post仅隐藏 Wordpress 帖子中的第一张图片
【发布时间】:2013-05-07 11:36:13
【问题描述】:

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

但是,当我在帖子中添加 200x200 图像时,facebook 会抓取正确的图像。我不介意将图像添加到帖子中,因为我可以进行文字环绕,并且桌面网站上的一切看起来都很好。然而,在“WPTouch pro”移动主题上,我在帖子中遇到了一张大图。

我可以隐藏移动页面中的图像还是两者都隐藏??

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

【问题讨论】:

    标签: php css wordpress facebook-opengraph


    【解决方案1】:

    您可以添加以下代码

    $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
    

    【讨论】:

    • 感谢您的快速回复,非常感谢...对不起,我是一个 n00b。你能更详细地描述一下...我将它添加到 header.php 还是在哪里?我是在移动主题还是标准网站上?再次感谢 Bhumi
    • 您只需将此图像放入此条件或只需创建一个函数并在您需要的地方调用函数
    • 我每次都想用...不知道怎么创建函数?再次感谢
    【解决方案2】:

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

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

    然后在你的css中

    .hide{
    display: none;
    }
    

    如果您只想在 wp-touch 中隐藏它,那么您必须查看 wp-touch 是否将特定类附加到主体上,我很确定它确实如此。如果你发现你可以将类附加到 .hide 然后它只会隐藏 wp-touch 上的图像。

    【讨论】:

    • 您好,Casheghian,感谢您的回复。它在桌面网站上运行良好。谢谢!!我还需要它为 wptouch 移动网站工作。您是说要查看 wptouch 上的 style.css 吗?抱歉有点n00b!
    • 只是为了确认一下,它在桌面页面上隐藏了图片,但遗憾的是没有遵循隐藏在 wptouch 上
    • 好的,在 style.css 中找到了 wptouch 的 body... 粘贴到 body 如下... /* @group Global General */ body { -webkit-text-size-adjust: 100% ;位置:相对; } .hide{ 显示:无; } .alignleft { 浮动:左;右边距:15px;底部边距:15px; } .aligncenter,.alignnone { 文本对齐:中心!重要;左边距:自动!重要;边距右:自动!重要;浮动:无!重要;显示:块!重要; }
    • 抱歉看起来有点乱,因为没有格式。移动网站上没有运气......我错过了什么吗?再次感谢
    猜你喜欢
    • 2011-12-28
    • 2013-01-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    相关资源
    最近更新 更多