WordPress divi主题

如何使用 Divi 和 ACF 将动态 URL 添加到您的 CTA

by | May 7, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

在创建网站结构时,您很可能希望在多个页面、帖子和项目中包含相同的 CTA。 当然,您可以将 URL 放在附近并随时复制粘贴,但这不一定是最简单的方法。 在开始创建页面、帖子和项目之前,您可以设置所有可能需要的 URL 列表,为它们设置默认值,并在您创建的新项目上使用默认值。

google广告开户

如果由于某种原因,某个页面、帖子或项目上的 URL 不同,您可以在项目本身内更改它,而不会将其应用于整个字段的默认值。 附加到 URL 的默认值将帮助您在创建新页面、帖子或项目时领先一步。 在本教程中,我们将逐步向您展示如何到达那里!

让我们开始吧!

教程概述

  • 如果您在开始添加页面、帖子和项目之前将自定义字段组添加到新网站,此方法效果最佳
  • 在您的 WordPress 网站上安装高级自定义字段插件
  • 在插件中,您将能够设置一个字段组,该字段组将出现在您的所有页面、帖子和项目上
  • 为整个网站可能需要的所有可能的 URL 创建一个单独的 URL 字段
  • 为每个字段分配一个默认值; 此默认值将自动出现在每个 新的 页面、帖子或项目
  • 在现有页面、帖子和项目上,只有在您进入后端并保存默认 URL 后才会显示这些值
  • 将整个 Divi 设计中的 URL 字段用作动态链接内容(页面、帖子、项目、模板)
  • 如果您在字段设置中更改默认 URL,旧的默认 URL 仍将适用于继承先前默认值的页面、帖子和项目

1. 安装并激活 ACF 插件

您需要做的第一件事是在您的网站上安装高级自定义字段插件。 您可以在此处下载该插件,或者只是在您的 WordPress 仪表板中搜索它。 安装插件后,请确保您也将其激活,以便您可以立即开始使用。

动态网址

2. 在所有帖子、页面和项目上设置字段组

现在,一旦安装了 ACF 插件,就可以创建 URL 字段组了。 该组将包含您将在页面、帖子和项目中多次使用的所有 CTA。 去你的 WordPress仪表板>自定义字段>添加新.

动态网址

给你的小组一个标题,然后通过设置规则继续。 我们确保字段组出现在我们网站上的每种帖子类型上。 但是,如果您希望链接仅显示在一种特定的帖子类型上,您可以根据需要调整规则。

在以下情况下显示此字段组:

  • 帖子类型 – 等于 – 帖子 或者
  • 帖子类型 – 等于 – 页面 或者
  • 帖子类型等于-项目

动态网址

WordPress divi主题

3.添加具有默认值的不同URL字段

我们将继续添加不同的 URL 字段。 如前所述,您需要为每个在帖子类型中多次使用的 URL 设置一个单独的 URL 字段。 为了说明它是如何工作的,我们将添加三个不同的 URL 字段。 其中一个字段会将访问者重定向到 Divi 画廊登录页面,第二个字段会将访问者引导到联系页面,其余字段会将用户重定向到会员区域。

动态网址

因此,假设我们从将人们重定向到 Divi 画廊登录页面的 CTA 开始。 我们将为它添加一个新字段,并给它一个可识​​别的字段名称。 这样,一旦我们进入 Divi 构建器,在选择正确的 URL 时就不会感到困惑。

动态网址

我们将继续向下滚动字段设置并选择“URL”作为字段类型。

动态网址

您需要做的下一件事也是最后一件事是向该字段添加一个默认值。 这是您放置希望 CTA 重定向到的 URL 的位置。 添加此默认值后,它将自动应用于您添加的每个新页面、帖子和项目。

动态网址

对您网站上需要的每个 CTA 字段重复上述步骤。 对于这个特定的示例,这意味着我们要创建两个额外的字段; 一次用于联系页面,一次用于会员区。

动态网址

fiverr建站WordPress程序员

添加完所有 URL 字段后,请确保保存对字段组所做的所有更改。

4. 链接按钮链接到动态 URL

现在,当输入帖子、页面或项目时,您会注意到底部的 URL 字段组。 如果出于任何原因您想在该特定页面、帖子或项目上使用不同的 URL,您可以在该字段中添加另一个 URL。 您添加的 URL 将仅适用于您正在处理的特定页面、帖子或项目。 在字段组的核心中,默认 URL 仍将与您在创建字段时添加的 URL 相同。

动态网址

如果您使用默认 URL,请切换到 Visual Builder 以开始将设计中的按钮链接到正确的 URL。

动态网址

独立站选品工具

为 Divi 按钮添加动态 URL 非常简单。 打开您可以在页面上找到的任何按钮,转到链接设置,然后单击动态内容图标。

动态网址

单击动态图标后,您将找到可供选择的动态内容列表。 在该列表中,您还会看到不同的 URL 字段。 选择要链接到的正确 URL 字段。

动态网址

对页面上的每个按钮重复这些步骤。 如果页面、帖子或项目上的 URL 由于任何原因发生更改,您可以返回到该特定页面、帖子或项目并在后端更改 URL 动态内容。

高质量外链购买

动态网址

同样的方法也适用于向您的模板添加动态 URL。 例如,如果您想为博客文章模板中的按钮添加动态 URL,您可以转到网站的主题构建器并打开文章正文模板编辑器。

动态网址

继续打开按钮模块设置,转到链接设置并单击动态内容图标。

动态网址

JasperAI 10000字免费额度试用

同样,将显示一个下拉菜单,您可以在其中选择与 CTA 匹配的 URL 动态内容。

动态网址

确保在添加动态 URL 后更改所有主题构建器更改!

动态网址

动态网址

WordPress备份工具updrafplus

最后的想法

在这篇文章中,我们向您展示了如何创建动态 URL,并让它们在您网站上的每个页面、帖子或项目中可用。 我们将 Divi 的动态内容与 ACF 插件结合使用。 我们能够设置一个默认值并将该 URL 值应用于我们的 CTA。 本教程的重点是让您在使用 Divi 创建网站时尽可能高效! 如果您有任何问题或建议,请随时在下面的评论部分发表评论。

如果您渴望了解有关 Divi 的更多信息并获得更多 Divi 免费赠品,请务必订阅我们的电子邮件通讯和 YouTube 频道,这样您将永远是第一批了解并从这些免费内容中受益的人之一。