个性化阅读
专注于IT技术分析

我如何将Img Post缩略图设置为整个帖子的背景

任何人都可以帮助我制作wp循环帖子的整个背景, 是该帖子的精选图片的缩略图

在此处输入图片说明


#1


在header.php或single.php文件中(无论你打开的<body>元素在哪里), 你都可以执行以下操作:

<body style =” background:url(‘<?php echo get_the_post_thumbnail_url($ post-> ID, ‘thumbnail’);?>’)无重复中心;

或者, 你可以将帖子包装在新的包装div中, 并以相同的方式设置背景。注意你将必须处于循环内才能正确使用$ post对象, 或者可以调用全局$ post;。在文件的顶部, 你尝试将其设置为打开。

如果要使用完整版的上传的特色图像, 只需在get_the_post_thumbnail_url()函数中将thumbnail参数更改为full。

参考:https://developer.wordpress.org/reference/functions/get_the_post_thumbnail_url/


#2


你可以通过帖子ID在wp循环中获取特色图片网址, 并将特色图片作为背景图片添加到你的主div中

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID, 'single-post-thumbnail' ); ?>
  <div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')"></div>
赞(0) 打赏
未经允许不得转载:srcmini » 我如何将Img Post缩略图设置为整个帖子的背景
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏