任何人都可以告诉我如何使用 ACF（免费版）在 WordPress 中添加动态英雄图像

Posted 2023-03-25

【中文标题】任何人都可以告诉我如何使用 ACF（免费版）在 WordPress 中添加动态英雄图像

【英文标题】：Anyone can point me on how to add a dynamic hero image in WordPress using ACF (free version)

【发布时间】：2021-12-05 23:27:44

【问题描述】：

我是编码新手，从头开始学习 wordpress 主题。我正在使用 ACF 免费版，到目前为止一切都很好。我正在关注 ACF 文档，我能够 弄清楚一切，但我对图像有兴趣。我要上传动态英雄图，

我尝试实现提供的代码，但我不断在前端收到损坏的图像。

救命！！

【参考方案1】：

添加新的“字段组”

将字段添加到字段组 “字段名称” => 图片 “字段类型”=>“图像” 和“返回格式”=>“图像 URL”

在“规则”部分将字段组连接到您的特定页面或帖子类型。

保存字段组（“更新”按钮）

转到您的页面或发布和编辑。 ACF 字段将位于编辑表单的最底部。选择任何照片。并发布页面/帖子

编辑页面或帖子的模板文件。您可以通过名称获取 ACF 字段。

例子：

<img src="<?=get_field( "picture" )?>"> 

【讨论】：

谢谢！我能够在前端显示图像，但它很小，它不能作为英雄横幅显示。我需要用尺寸创建另一个变量吗？

当然你必须使用更大的图片 :) 并且可能正确的 css 和媒体查询

【参考方案2】：

您需要创建自定义图像大小， https://wpshout.com/wordpress-custom-image-sizes/。如果你的 图片已经上传了别忘了重新生成 您需要一个单独的插件的缩略图。 将图片的返回格式更改为“图片 ID”。 使用<img src="<?= wp_get_attachment_image_url( get_field('picture'), 'thumbnail'); ?>" >，将“缩略图”更改为您命名的自定义图像大小。