WP-基金会（由320press）眼眶滑块与背景图像

我想在这里做，是增加了相关博客文章作为背景图像的后缩略图到内置在轨道上滑动320press WP-基金会Wordpress-内的事主题。首先说的是，我不知道如何编写PHP代码。我只是想做这个小小的调整，使设计看起来更好。我的代码：WP-基金会（由320press）眼眶滑块与背景图像

<?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); ?>);">`

正如你所看到的，我试图让图像源，并使其成为背景 - 图片。我不知道如何解决这个问题，所以，提前，感谢您的帮助！

来源

2013-02-28 benediktho

为wp_get_attachment_image_src文档揭示了问题。该函数返回一个数组，其中包含图像的url，width和height。另外，它接受的第二个参数是图像的输出大小。由于您正在使用它与背景大小：封面，我认为你希望图像是全分辨率。

为了输出适当的背景网址，而不是阵列（），在后台的div你的回音更改为$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-28 18:22:06 Elimn

尝试将其更改为

background-image: url('<?php echo $featured_src; ?>')

来源

2013-02-28 18:13:28

WP-基金会（由320press）眼眶滑块与背景图像

回答

相关问题