如何使用特色图像作为wordpress中的背景图像

Question

mysite.com 我希望能够允许这个二十世纪儿童主题的用户能够将特色图像上传到页面(而不是帖子)并使其动态地成为背景图像(基本上按照现在的方式定位 -请参阅thesite.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>