php - 在 functions.php 中声明内嵌背景图片

Question

我不确定这是否可以完成，因为无论我多么努力，我都找不到任何可以帮助我的东西。我正在使用 Ajax 在按下按钮时加载到帖子中。加载的帖子由我的 functions.php 中的函数格式化。一切正常，我遇到的问题是 background-image: 属性需要是 inline css 以便它可以从我的自定义字段中提取图像。然而，这一切都在模板文件中完美运行。无论我尝试什么，functions.php 都会拒绝我的背景图片内联样式。

这是我的完整 If 语句:

if ($loop -> have_posts()) :  while ($loop -> have_posts()) : $loop -> the_post();


        if ($_SESSION["load_type"] == 'home')
        {
                $out .= '<div class="small-6 large-3 columns end thumb">
                            <div class="grid">
                                <figure class="effect-zoe">
                                    '.get_the_post_thumbnail( get_the_ID(), $size, $attr ).'
                                    <figcaption>    
                                        <h2>'.get_the_title().'</h2>
                                        <hr class="light">
                                        <p class="description">'.get_the_content().'</p>
                                    </figcaption>           
                                </figure>
                            </div>
                        </div>';        
        }

        else

        if ($_SESSION["load_type"] == 'category')

        {



                $out .= '<div class="small-6 large-6 columns end thumb under">
                            <div id="case">

                                <div class="th" id="element" >
                                    <a class="fill-div" href="'. get_permalink($post->ID) .'"></a>
                                </div>
                            </div>


                            <div class="brief">
                                <a href="'. get_permalink($post->ID) .'">'.get_the_title().'</a>    
                                <p class="suppy">Supplier</p>
                                <p>'.get_the_excerpt().'</p>
                                <a class="more-btn" href="'. get_permalink($post->ID) .'">More</a>
                            </div>                  
                        </div>';
        }

        else

        if ($_SESSION["load_type"] == 'product')

        {               
                $out .= '<div class="small-6 large-3 columns">
                            <div class="small-6 large-12 columns end no-pad morepro" style="background-image: url(''.the_field(product_image).'')">
                                <a class="fill-div" href="'. get_permalink($post->ID) .'"></a>
                            </div>
                            <h2 class="product-load">'.get_the_title().'</h2>
                        </div>';

        }


    endwhile;
    endif;
    wp_reset_postdata();
    die($out);

这是我遇到问题的部分，每次我尝试加载 background-image:

时都会导致整个网站崩溃

if ($_SESSION["load_type"] == 'product')

    {               
            $out .= '<div class="small-6 large-3 columns">
                        <div class="small-6 large-12 columns end no-pad morepro" style="background-image: url(' '.the_field(product-image).' ')">
                            <a class="fill-div" href="'. get_permalink($post->ID) .'"></a>
                        </div>
                        <h2 class="product-load">'.get_the_title().'</h2>
                    </div>';

    }


enter code here

谁能看出我哪里出错了？

Answer 1

更改以下内容

style="background-image: url(' '.the_field(product-image).' ')"

进入

style="background-image: url('.the_field("product-image").')"

这在以下情况下应该有效:

1. 您的“产品图片”是自定义尺寸(如果它经常使用而不带引号)- 或编辑您的问题并解释它是什么。
2. the_field() 函数需要“返回”值而不是回应它。我提到这个是因为 wordpress codex 通常使用“the_something()”函数不会返回值，它只会显示一些东西。如果你想返回一个值，它通常是“get_the_something()”。这很重要，因为它会破坏你的 json 对象(如果那是你在 js 端使用的对象)示例:the_content()对比get_the_content() , 或 get_the_title()对比the_title()等等……

background-image 中的引号应该是可选的 this .