0

我想在这里做的事情是将博客帖子的缩略图作为背景图像添加到 320press WP-Foundation Wordpress 主题内的内置 Orbit 滑块中。首先要说的是,我不知道如何编写 PHP 代码。我只是想做这个小调整,让设计看起来更好。我的代码:

<?php
  global $post;
  $tmp_post = $post;
  $args = array( 'numberposts' => 5 );
  $myposts = get_posts( $args );
  foreach( $myposts as $post ) : setup_postdata($post); 
    $post_thumbnail_id = get_post_thumbnail_id();
    $featured_src = wp_get_attachment_image_src( $post_thumbnail_id, 'wpf-home-featured');
?>

<div style="background-color: #F2F2F2; background-size:cover; background-image: url(<?php echo wp_get_attachment_image_src($post_thumbnail_id); ?>);">
  <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
  <?php the_excerpt(); ?>
  <p><a href="<?php the_permalink(); ?>" class="button nice radius">Read More »</a></p>
</div>
<?php endforeach; ?>

这就是整个代码,现在到我遇到问题的部分:

`<div style="background-color: #F2F2F2; background-size:cover; background-image: url(<?php echo wp_get_attachment_image_src($post_thumbnail_id); ?>);">`

如您所见,我尝试获取图像源并将其设置为背景图像。我不知道如何解决这个问题,所以,提前感谢您的帮助!

4

2 回答 2

0

尝试将其更改为

background-image: url('<?php echo $featured_src; ?>')
于 2013-02-28T18:13:28.500 回答
0

wp_get_attachment_image_src的文档揭示了这个问题。此函数返回一个数组,其中包含图像的 url、宽度和高度。此外,它接受的第二个参数是图像的输出大小。由于您将它与 background-size:cover 一起使用,我认为您希望图像是全分辨率的。

为了输出正确的 background-url 而不是 array(),将背景 div 中的 echo 更改为$featured_src[0]

<div style="background-color: #F2F2F2; background-size:cover; background-image: url(<?php echo $featured_src[0]; ?>);">

要使背景图像全分辨率,请将 $featured_src 行上的第二个参数更改为'full'

$featured_src = wp_get_attachment_image_src( $post_thumbnail_id, 'full');
于 2013-02-28T18:22:06.777 回答