Question

道歉，如果这已经被覆盖，但如果我一直在找不到它。

我正在组建一个博客网站，我计划将其转换为wordpress主题。对于每篇博客文章，我在登录页面上都有一个全屏图像链接，它会显示特定的博客文章。每个帖子的代码都是相同的。

HTML

<a href="#" ><div class="post"></div></a>

CSS

.post{
    width: 100%;
    height: 75vh; 
    background-image: url(../img/5.jpg); 
    background-position: center 0px; 
    background-repeat: repeat-y; 
    background-attachment: fixed; 
    margin-bottom: 100px; 
    position: relative; 
}

由于我希望将其转换为wordpress主题，我需要一种方法，使用与每个新帖子相关的不同背景图像来复制代码。他们是使用PHP或javascript做到这一点的方法吗？

Answer 1

是的，您可以为此目的使用自定义字段。 https://codex.wordpress.org/Custom_Fields

<?php
$cust_image = get_post_meta($post->ID, 'backgroundimg', true);
echo '.post {background-image:url(';
echo $cust_image ? $cust_image : '../default_background.jpg';
echo ');}';
?>

Answer 2

希望这适合你。

<a href="#" >
    <div class="post" style="background-image:url('<?php the_post_thumbnail_url( $post->ID ); ?>')">
    </div>
</a>

wordpress博客动态背景图像

2 个答案: