ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-08-23 23:31:57  阅读:197  来源: 互联网

标签:html 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()

标签:html,php,css,wordpress
来源: https://codeday.me/bug/20190823/1701843.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有