我想使用WPBakery（Visual Composer）和“高级自定义”字段创建或使用一个显示自定义图像的对象

Question

我目前正在使用高级自定义字段和WPBakery aka Visual Composer插件在Wordpress网站上工作。

虽然我设法使用这两个插件来发布自定义文本，但是我在图像方面遇到了问题。

到目前为止，我尝试过的是：

1. 在纯文本中使用acf，但是正如预期的那样，它仅显示链接，而不显示图像

2. 使用图像构建块，但这无法正常工作，因为似乎没有将图像链接到自定义字段的选项

3. 使用ACF-VC集成器并将其链接到自定义字段，这也仅显示图像
4. 使用高级自定义字段，也不起作用。
5. 使用原始html也不起作用。

（5种方法的屏幕截图： 及其在创建博客文章时的输出：）

到目前为止，我找到的唯一可行的解​​决方案是将这一行插入single.php文件：

<img src="<?php the_field('associated_image'); ?>" alt="" />

这样做时，这就是博客文章显示的内容。如您所见，它显示的是正确的图像，并且已经从“自定义”字段中的链接中提取了该图像。

一些其他信息：

• 自定义图像字段被配置为文本字段，因为我们会自动拉出 来自文件的图片链接，因此我可以将其配置为图片字段，因为我们不会提取图片

• 我的一个限制是，如果可能的话，我应该使用WPBakery，并且不要大量使用原始php文件，因为完成的工作应该易于维护，这一点非常重要，特别是对于那些没有工作经验的人而言了解php。

我该怎么做才能解决此问题？一种可能是在functions.php文件中添加一个函数和简码，但是由于我对php没有真正的了解，因此我无法做到这一点。

我希望这篇文章的格式至少可以接受，并且如果有人对我的帮助感兴趣，我可以提供课程的更多详细信息

Answer 1

您可以使用ACF shortcode来回显自定义字段的值。因此，您可以在“页面构建器”中创建一个新的文本块元素，然后切换到“文本”选项卡（在右侧的编辑字段上方），然后插入以下代码

<img src="[acf field='field_name']">

当Page Builder输出其内容时，它将通过函数'do_shortcode（）'，ACF将发挥其魔力。