未设置缩略图时隐藏搜索结果上的缩略图-使用氧气

时间:2021-03-19 作者:Pat Birgan

我正在使用氧气创建搜索结果页面。我对CSS和PHP编辑非常陌生。我只是第一次把一张图片放在右边。所以请原谅我的无知。

当帖子没有缩略图/特征图像集时,我想阻止缩略图占位符出现在搜索结果中。我知道获取图像的函数是<?php echo get_the_post_thumbnail_url(); ?> 但我不知道如何编写代码来说明如果帖子缩略图为false(?可能),那么就不显示缩略图。

有人能帮我吗?我将非常感激。

我复制了下面使用的代码,这是氧气编辑器的截图。

enter image description here

我正在氧气模板编辑器中使用此代码。

<div class=\'oxy-post\'>
  
    <a class=\'oxy-post-image\' href=\'<?php the_permalink(); ?>\'>
      <div class=\'oxy-post-image-fixed-ratio\' style=\'background-image: url(<?php echo get_the_post_thumbnail_url(); ?>);\'>
      </div>
      <!--
      <div class=\'oxy-post-image-date-overlay\'>
        <?php the_time(get_option(\'date_format\')); ?> <?php the_title(); ?> 

      </div>
-->
      
    </a>
  
    <a class=\'oxy-post-title\' href=\'<?php the_permalink(); ?>\'><?php the_title(); ?></a>

    <div class=\'oxy-post-meta\'>
<!--
        <div class=\'oxy-post-meta-author oxy-post-meta-item\'>
            <?php the_author(); ?>
        </div>

-->
<!--
        <div class=\'oxy-post-meta-comments oxy-post-meta-item\'>
            <a href=\'<?php comments_link(); ?>\'><?php comments_number(); ?></a>
        </div>
-->
    </div>

    <div class=\'oxy-post-content\'>
        <?php the_excerpt(); ?>
    </div>
<!--
    <a href=\'<?php the_permalink(); ?>\' class=\'oxy-read-more\'>Read More</a>
-->
</div>

1 个回复
SO网友:Tanmay Patel

下面的if语句检查帖子中是否有缩略图。否则,将不显示任何内容。

<?php
if ( has_post_thumbnail() ) {     
    echo \'<div class="oxy-post-image-fixed-ratio" style="background-image: url(\'.get_the_post_thumbnail_url().\')"></div>\';
}
?>

相关推荐

Prevent loading of functions

我使用了一个主题,其中包括名为“Sharethis”的服务的共享功能和字体真棒。据我所知,函数是从函数中的以下行加载的。php。TT\\u队列::add\\u css(数组(“//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”);TT\\u排队::add\\u js(array(\'https://ws.sharethis.com/button/buttons.js\'));如何使用子函数(因为父函数中的更改将在更新