如何使用自定义图像大小+ACF+背景图像

时间:2019-01-02 作者:Ludo

如何从具有自定义图像大小的图像中获取URL以用作AFC的背景图像?

函数中的寄存器大小。php:

add_theme_support( \'post-thumbnails\' );
add_image_size( \'homepage-thumb\', 220, 180 ); // Soft Crop
在带有ACF的页面上显示具有自定义大小(名称:customsize)的图像:

<?php $image = get_field(\'image_field\'); ?>
<img src="<?php echo $image[\'sizes\'][\'customsize\']; ?> />
但如何使用ACF将图像显示为背景图像?:

<?php $image = get_field(\'image_field\'); ?>             
<div style="background-image: url(<?php $image[\'url\'] ?>)" /></div>

1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

首先,这个代码。。。

<img src="<?php echo $image[\'sizes\'][\'customsize\']; ?> />
缺少结尾引号,应该是。。。

<img src="<?php echo $image[\'sizes\'][\'customsize\']; ?>" />
您可以使用相同的php输出背景大小的URL。

<div style="height: 300px; width: 300px; background-image: url(<?php echo $company_logo[\'sizes\'][\'customsize\']; ?>)" /></div>
已测试并正常工作。

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {