使用 WPBakery ( Visual Composer) 和高级自定义字段,我想创建或使用显示自定义图像的对象

cha*_*l-f 4 wordpress advanced-custom-fields visual-composer

我目前正在使用高级自定义字段和 WPBakery 又名可视化作曲家插件开发一个 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 没有真正的了解。

我希望这篇文章的格式至少是可以接受的,如果有人有兴趣提供帮助,我当然可以提供更多详细信息

小智 5

您可以使用ACF 短代码来回显自定义字段的值。因此,您可以在Page Builder中创建一个新的文本块元素,然后切换到文本选项卡(右侧编辑字段上方),并插入以下代码

<img src="[acf field='field_name']">
Run Code Online (Sandbox Code Playgroud)

当 Page Builder 输出其内容时,它将通过函数“do_shortcode()”,ACF 将在其中发挥其魔力。