作为页面上的背景图像的特色图像

时间：2013-09-27 作者：agis

我正在通过仪表板在我的页面上添加一个特色图像，我想将其用作页面容器div上的背景图像。我想通过css应用背景图像，所以我想在标记中添加一个样式属性。我想做这样的东西：

<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), \'large\' ); ?>) !important;">
但不幸的是，这不起作用。

当我检查输出时，如下所示：

background: url() !important;
这有什么问题吗？有什么建议吗？谢谢

2 个回复
最合适的回答,由SO网友:Raank 整理而成

你需要echo 返回值来自wp_get_attachment_image_src(). 它还返回Array(), 因此，您需要从该阵列中获取所需的部分。在这种情况下，这是第一个/0 价值示例：

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), \'full\' );?>
<div id="post" class="your-class" style="background-image: url(\'<?php echo $thumb[\'0\'];?>\')">
<p>your text demo</p>
</div>

SO网友:Gleb Kemarsky

尝试使用the the_post_thumbnail_url function:

获取当前帖子的特色图像的直接图像URL。

<div id="<?php echo post_name; ?>" class="page<?php 
echo $post_id; ?>" style="background: url(<?php 
echo get_the_post_thumbnail_url( $post_id, \'large\' ); ?>) !important;">

结束
标签： pages   post-thumbnails   custom-background   小码农  

相关推荐

Hide Pages WooCommerce

我希望满足以下条件：1） 已记录用户。选择Page Shop并显示所有内容。2） 如果未记录用户。选择Shop page，它们将重定向到另一个页面，例如注册页面。我希望这是可能的。我尝试了很多插件，但都失败了。目前，唯一与WooCommerce合作的是s2Member，但对我来说，这太过分了。提前感谢您的帮助。