背景画像の有無にかかわらずdivの高さを変更する（Wordpress Post Image）

Question

私のWordpressのテーマでは、background-imageの投稿にはdivがありますが、必ずしも画像ではありません。

今、divは、背景画像が利用可能な場合にのみ表示したいと考えています。

私は0

にデフォルトのdivの高さを変更し、この問題を解決するために、しかし、どのように私は、背景画像との高さを設定するのでしょうか？または、画像にdivを追加する可能性はありますか？

Answer 1

divを表示/非表示にするために2つのクラスをスタイルシートに追加します。 $ thumbが何かを返す場合は$ addstyleが "show"に設定され、falseを返す場合は "hide"に設定されています。

CSSセレクタは次のようになります：ちょうどif (get_post_thumbnail_id($post->ID)) //show div...とelse { //Don´t show anything...}

Answer 2

。 私の魂を見つけることができます：

Answer 3

場合はちょっとご支援に感謝を検証する条件を作成

.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>