Wordpress高级自定义字段响应图像

Wordpress高级自定义字段响应图像,wordpress,advanced-custom-fields,responsive-images,Wordpress,Advanced Custom Fields,Responsive Images,如何让Wordpress高级自定义字段像在帖子中一样返回响应图像 我说的是“图像url”字段——当然它只返回一个url。然后如何创建响应图像HTML标记 我通过srcset讨论了不同的图像文件大小和分辨率:如果ACF仅返回图像URL,则需要在其周围添加图像HTML,然后创建响应CSS,例如: PHP echo '<img class="responsive" src="' . $img_url . '">'; ACF非常灵活,因此您可以根据WordPress仪表板中设置的媒体大小选

如何让Wordpress高级自定义字段像在帖子中一样返回响应图像

我说的是“图像url”字段——当然它只返回一个url。然后如何创建响应图像HTML标记


我通过srcset讨论了不同的图像文件大小和分辨率:

如果ACF仅返回图像URL,则需要在其周围添加图像HTML,然后创建响应CSS,例如:

PHP

echo '<img class="responsive" src="' . $img_url . '">';

ACF非常灵活,因此您可以根据WordPress仪表板中设置的媒体大小选择返回的图像大小。此外,响应CSS实际上取决于站点的HTML结构,但希望上面的代码能为您提供一个起点

欢迎来到堆栈溢出。你已经试过做什么了?请复习。堆栈溢出不是编码服务。您需要研究您的问题,并在发布之前尝试自己编写代码。如果你在某个特定的问题上遇到了困难,请回来写一篇文章,并总结一下你试图解决的问题。请用无用的、不起作用的代码向我们发送垃圾邮件,否则我们将不信任您并否决您的问题,或者将其完全删除。我的问题表述得很完美,我有一个图像url,但我需要生成响应图像的代码。我的网站上有什么代码可以改进这个问题,除了我现在问这个问题时没有的正确答案?谢谢,但我的意思不是显示布局的“响应”,而是使用srcset的响应图像:
img.responsive {width: 100%; height: auto;}