使用PHP作为背景图像属性

时间:2016-05-19 作者:Quarismo

我正在为一个网站构建一个图库页面,并希望使用来自帖子类型的图像作为带有灯箱的背景图像。im当前使用的代码如下:

<div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">
        <div id="inner-content" class="wrap cf">
        <?php
            $loop = new WP_Query( array(
                \'post_type\' => \'sympathy-flowers\',
                \'order\' => \'ASC\',
                \'posts_per_page\' => -1
                ));
        ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <div class="b33" style="background-image: url("<?php echo the_field(\'image\'); ?>;">
            <p>Hello World!</p>
        </div>
        <?php endwhile; wp_reset_query(); ?>
        </div>
    </div><!-- #content -->
</div><!-- #primary -->
当我刷新页面时,它会显示p标签,但是背景图像不工作,我该如何修复这个问题?

问题已经解决。

3 个回复
SO网友:bagpipper

看来你在用ACF。您无需回声the_field() 仅回显get_field(\'\')

SO网友:Sumeet Gohel

您可以通过如下添加代码来完成。

<div class="container" style="background-image: url(\'<?php echo  get_field(\'image\',get_the_ID());?>)\'">

SO网友:Nefro

请先检查您从中获得的信息the_field(\'image\');

$img = get_field(\'image\');

var_dump( $img );
也许它只是带有id、url、宽度的输出数组。。

并修复html

  <div class="b33" style="background-image: url(<?php echo get_field(\'image\');?>);">

相关推荐

为什么我的主题的css在另一个网站上不起作用

我在Neve theme的基础上开发我的on theme。首先,我对脚本有问题,因为它不起作用,但我不得不从页脚更改它们的位置。php到标题。php的一切都很好。新的一些脚本无法工作,因为css根本没有加载。我尝试了5种不同的方法,但都失败了。标题中的。php我只是给他们<style> </style></我在函数中使用了寄存器样式。php,标题。php和页脚。php function my_theme_enqueue_styles() { &#x