如何从具有自定义图像大小的图像中获取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>
最合适的回答,由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>
已测试并正常工作。