如何显示精选图片?

时间:2014-09-30 19:52:16

标签: css wordpress background-image

我只是想在我的div结构中将我的自定义wordpress主题中的精选图像显示为背景图像。

NEW EDIT这里是整个页面,所以你可以看到exaclty循环中有什么或不是什么。我也检查了特色图像是否被分配到帖子,它是。我还检查了我的functions.php,并设置为使用缩略图。

    <?php get_header(); ?>
        <div class="page-section clear">
            <div class="container clear">
                <div class="news">
                <div class="row">
                  <div class="col-md-4">
                    <div class="news-left">
                        <?php if (has_post_thumbnail( $post->ID )) : 
                ?>
                            <?php $image = wp_get_attachment_image_src($post->ID); // returns an array ?>
                            <div class="news-image" style="background-image:url('<?php echo $image[0]; ?>');"></div>


                        <?php    endif; ?>
                    </div>
                  </div>
                  <div class="col-md-8">
                    <main role="main">
                    <!-- section -->
                    <section>
                        <h1><?php echo get_the_title( $ID ); ?> </h1>
                        <?php get_template_part('loop'); ?>
                        <?php get_template_part('pagination'); ?>
                    </section>
                    <!-- /section -->
                    </main>
                  </div>
                </div>
                </div>
            </div>
        </div>

<?php get_footer(); ?>

3 个答案:

答案 0 :(得分:1)

可以使用wp get attachment image src

完成此操作
<?php $image = wp_get_attachment_image_src($post->ID); // returns an array ?>

<div class="news-image" style="background-image:url('<?php echo $image[0]; ?>');"></div>

答案 1 :(得分:1)

很明显,您的if条件不会评估为true,这意味着has_post_thumbnail( $post->ID )不会返回任何内容,这反过来意味着这个特定的帖子没有分配特色图片,或者(更有可能)$post->ID不是传递给函数的有效参数。换句话说,&#&# 39;可能在您的模板$post中的那一点上不包含任何内容,因为它未在循环中被请求。 您需要检查$post->ID是否确实是有效的帖子号码。尝试在循环内拨打电话,或尝试在之前添加global $post 你的if陈述。

答案 2 :(得分:0)

这是一个Wordpress,然后只需获得一个特色图片的网址:

<div class="news-image" style="background-image:url('<?php wp_get_attachment_image_src('large'); ?>');"></div>

Here是有关精选图片网址的说明