Question

在我的Wordpress主题中，对于div的帖子，我有background-image，但并不总是有图片。

现在我只想在背景图片可用时显示div。

要解决此问题，我将默认div高度更改为0.

但是如何用背景图像设置高度？或者是否有可能将div添加到图像中？

Answer 1

在样式表中添加2个类来显示/隐藏div。在示例中，$ addstyle设置为＆＃34; show＆＃34;如果$ thumb返回一些东西或＆＃34;隐藏＆＃34;如果它返回false。

CSS选择器将如下：

.your-class.show{}
.your-class.hide{}

PHP示例

  <?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
$addstyle = ($thumb) ? "show" : "hide";
?>
  <div id="einz-bild-ob" 
    class"your-class <?php echo $addstyle;?>" style="background-image: url('<?php echo $thumb['0'];?>'); ">   
  </div>

Answer 2

只需创建一个条件，验证 if (get_post_thumbnail_id($post->ID)) //show div...和else { //Don´t show anything...}

Answer 3

嘿，谢谢你的支持。在这里你可以找到我的灵魂：

<?php $bildlink = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>

<div id="XYZ" style="background-image: url('XXX.jpg') ; 
   <?php if ( empty($bildlink) ) 
      { echo "height:0px"; }                      // HEIGHT WITHOUT IMAGE
      else 
        { echo "height:150px"; } ?>; ">           // HEIGHT WITH IMAGE
</div>

使用/不使用背景图像更改div的高度（Wordpress Post Image）

3 个答案: