ACF Header 背景

Question

我正在使用高级自定义字段在 header 中显示背景图片。现在我想在没有定义 ACF-image 的情况下显示默认图像。我试过这段代码，但它没有用（图像仅在设置时显示）：

<?php wp_head(); ?>

    <?php if(get_field('header')) {
        $image = get_field('header');
    } else {
       $image = '<img src="#absolute-path-to-my-image">';
    }      
    ?>

    <style type="text/css">
         #inner-header{
             background-image: url('<?php echo $image['url']; ?>');
             background-position:center;
             background-repeat:no-repeat;
             background-size:cover;
         }
    </style>

感谢您的帮助。

Answer 1

我会稍微改变一下。您遇到问题是因为如果不存在 'header' 则传递图像元素（您应该只传递 src）：

<?php
    // Get the field
    $image = get_field('header');
    // Does the field exist ? src : default
    $image_src = $image ? $image['url'] : 'http://example.com/default/src.jpg';
?>

<style>
    #inner-header {
        background: url(<?php echo $image_src; ?>) center / cover no-repeat;
    }
</style>

ACF Header 背景

ACF Header Background

wordpress

advanced-custom-fields