[英]How to use featured image as background image in wordpress
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>`
您可以使用css
以这种方式完成
$background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'full' );
<style>
body{
background-image: url('<?php echo $background[0]; ?>');
}
</style>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.