微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

php – 动态更改CSS中的背景图像,用于wordpress中的不同帖子

是否可以针对不同的帖子动态更改CSS中调用的背景图像?总之,我希望在wordpress显示帖子的特色图像作为背景?

background: #253340 url('assets/images/blog/post-2.jpg') no-repeat 50% top;

在这个论坛上尝试过这个但是没有用.

background: #253340 url(<?PHP echo $variable_holding_img_url; ?>) no-repeat 50% top;

解决方法:

<?PHP
$image_url = 'my_default_image_url.jpg'; // fallback image url

if ( has_post_thumbnail() ) {
    $post_thumbnail_id = get_post_thumbnail_id();
    $image_url = wp_get_attachment_image_src( $post_thumbnail_id, 'large' )[0]; // large or full or custom size
}
?>

<div style="background-image:url('<?PHP echo $image_url; ?>');"></div>

功能参考

> has_post_thumbnail()
> get_post_thumbnail_id()
> wp_get_attachment_image_src()

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐