在搜索互联网后,我找到了一种将 Wordpress 特色图片设置为 div 中的背景图片的方法。现在的问题是我只能巧妙地设置内嵌该 div 的背景图像的样式。我希望能够在我的 css 文件中设置样式,但不确定如何设置。
这是我的代码:
<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
?>
<div style="background: url(<?php echo $src[0]; ?> ) no-repeat center; width:100%; height: 300px; background-size:cover;"></div>
如有任何帮助,我们将不胜感激。
最佳答案
CSS 文件是静态的,但 WordPress 的特色图片和附件是动态的。处理此问题的最佳方法是内联设置 background-image
,并在 CSS 文件中设置其余背景属性。
PHP
<div class="featured-image" style="background-image: url('<?php echo esc_url( $src[0] ); ?>')"></div>
HTML
.featured-image {
background: no-repeat center;
width: 100%;
height: 300px;
background-size: cover;
}
关于php - 在 div 中将特色图片设置为背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26836431/