Изменить высоту div с фоновым изображением или без него (WordPress Post Image)
В моей теме WordPress у меня есть div для сообщений с background-image, но не всегда изображение.
Теперь я хочу показать div только когда фоновое изображение доступно.
Чтобы решить эту проблему, я изменил высоту div по умолчанию на 0.
Но как мне установить высоту с фоновым изображением? Или есть возможность добавить div с изображением?
Решение
Добавьте 2 класса в таблицу стилей, чтобы показать / скрыть div.
В примере $ addstyle установлен в «show», если $ thumb возвращает что-либо, или «hide», если он возвращает 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>
Другие решения
просто создайте условие, где подтвердите, если if (get_post_thumbnail_id($post->ID)) //show div... а также else { //Don´t show anything...}
Эй, спасибо за вашу поддержку.
Здесь вы можете найти мою душу:
<?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>