Wordpress 背景图片动态来自帖子图片封面

标签 wordpress css

一直在这里寻找答案,但没有找到任何相关内容。

所以,我要创建一个wordpress自定义主题,条件是:
- 我想将精选帖子post-image作为Background-image

问题是,每次我要发布特色帖子时,我都需要不同的帖子封面图片,我怎样才能让这个帖子图片在 CSS 上显示为背景图片,而不是像往常一样放置

因为我需要有大背景 (css) + background-size: cover 的特色文章;

最佳答案

将此添加到您的主题 - 这是让您开始

<?php if ( have_posts() ) while ( have_posts() ) : the_post();?>
<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' ); $url = $thumb['0']; ?>
<section style="background:url(<?php echo $url; ?>) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover; background-position:50% 50%;  *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.<?php echo $url; ?>', sizingMethod='scale'); *-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $url; ?>', sizingMethod='scale')";">

</section>
<?php endwhile; endif; wp_reset_postdata();?>

关于Wordpress 背景图片动态来自帖子图片封面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23366948/

相关文章:

javascript - 如何处理 WP 主题 .js 中文本的翻译

php - 在 Woocommerce 中获取产品名称

php - 在 Woocommerce 中使用电子邮件 ID 定位特定电子邮件

css - 为什么跨度宽度被忽略?

jquery - 使用 jQuery 查找 Twitter 主题标签,并应用链接

php - 如何反转数组数据?

html - 覆盖 div 的不透明度

html - 为什么宽度/高度不适用于非定位伪元素?

javascript - jQuery 确定元素是否具有固定宽度或动态宽度

css - simple_form 行垂直对齐