如何将Img Post Thumbnail设置为整个帖子的背景

时间:2018-05-29 10:07:12

标签: wordpress wordpress-theming custom-wordpress-pages

任何人都帮助我让我的wp循环帖子的完整背景是帖子的特色图片的缩略图

enter image description here

2 个答案:

答案 0 :(得分:0)

header.phpsingle.php文件中(无论您的开场<body>元素在哪里),您可以执行以下操作:

<body style="background: url('<?php echo get_the_post_thumbnail_url($post->ID, 'thumbnail'); ?>') no-repeat center center;">

或者您可以将帖子包装在新的包装器div中,并以相同的方式设置背景。 注意您必须在循环内部才能正确使用$post对象,或者您可以在尝试设置此文件的文件顶部调用global $post;

如果您希望使用已上传的精选图片的完整版本,只需将thumbnail参数更改为full功能中的get_the_post_thumbnail_url()

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

答案 1 :(得分:0)

您可以通过帖子ID获取wp循环中的精选图片网址,并将精选图片作为背景图片添加到您的主要内容

<?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>