如何在wordpress中使用特色图片作为背景图片

Question

mysite.com 我希望能够让这个 212 个子主题的用户能够将特色图片上传到页面（而不是发布），并让它动态地成为背景图片（基本上按照现在的方式定位 - 查看网站。 com) 我认为它需要一个动态网址（如 wp_get_attachment_thumb_url ），尽管我没有使用循环。 （当时认为该函数必须在循环中使用。

我使用下面的代码作为模板部分。这就是在首页上生成内容的原因。所以基本上，我需要获取这张特色图片并将其用作模板部分的背景图片，而不是在循环中。

<?php $page = get_page_by_title ( 'Welcome' ); ?>

    <div id="welcome-intro" class="clear">

        <?php if ( get_the_post_thumbnail ( $page->ID ) ) : ?>

            <figure class="entry-page-image">
                <?php echo get_the_post_thumbnail ( $page->ID, 'full'); ?>
            </figure>

        <?php endif; ?>

        <article id="intro-elements">

            <div class="welcome-entry-content">

                <?php echo apply_filters( 'the_content', $page->post_content); ?>

            </div>

        </article>

    </div>

/* >>>>>>>>>>>>>>修改

<?php
// welcome message ?>
<?php $page = get_page_by_title ( 'Welcome' ); ?>
<?php if ( $background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'full' ) ) : ?>

<div style="background: url('<?php echo $background[0]; ?>') top right no-repeat; height:400px;" id="welcome-intro" class="clear">

<?php endif; ?>

    <article id="intro-elements">

        <div class="welcome-entry-content">

            <?php echo apply_filters( 'the_content', $page->post_content); ?>

        </div>

    </article>

</div>`

Answer 1

你可以通过使用css来做到这一点

$background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'full' );

<style>
body{
background-image: url('<?php echo $background[0]; ?>');
}
</style>