Question

我查询了一个帖子，里面有一个图片和一个名字，但是我希望将这个图片作为背景和文本放在中心，如下所示：

http://gyazo.com/d71a4cc0a7afeaa672b9b3a7d22bc092

如果在php变量中同时包含两个元素，如何将此图像用作文本框中的背景？

这是我的代码：

    <?php
        $args = array(
    'post_type' => 'alimento',
);

$the_query = new WP_Query( $args );

    if ( $the_query->have_posts() ) {
        while ( $the_query->have_posts() ) {
            $the_query->the_post(); 

            $nombre = get_the_title();
            $imagen_1 = get_field('imagen_principal_alimentos');
            ?>
            <div class="col-sm-4">
                <img src="<?php echo $imagen_1['url']; ?>">
            </div>

            <?php
        } 
    } 

    ?>

Answer 1

@Bob Xplosion：使用css的内联样式属性来达到你的要求不知何故这样。

假设我有一个名为＆＃39; alimento_featured_image＆＃39;的图像字段然后我会这样做

while（$ the_query-＆gt; have_posts（））{ $ the_query-＆GT; the_post（）;

        $nombre = get_the_title();
        $imagen_1 = get_field('imagen_principal_alimentos');
        ?>
        <div class="col-sm-4" <?php if($imagen_1 != "" and $imagen_1 != NULL){?>style="background:url(<?php echo $imagen_1;?>);"<?php }?>>
            <?php echo $nombre;?>
        </div>

        <?php
    } ?>

带有图像的ACF帖子，与html和css一起使用

1 个答案: