WordPress divi主题

如何仅显示未登录用户的登录表单

| 4月 25, 2022 | Divi主题使用教程 | 0 条评论

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

Divi 的条件选项使您能够以前所未有的方式完全控制您网站的内容。 该控制的一部分来自于整理您的网站,使其不包含不适用于所有用户的内容。 比如登录表单。 很多时候,网站会有一个登录表单,它会在侧边栏或标题(甚至是整个页面)中占据宝贵的空间。 使用 Divi 的条件选项,您可以设置一个站点范围的登录表单,该表单仅适用于未登录的用户,而您的登录用户则可以为他们提供不那么混乱的体验。 让我们来看看如何做到这一点。

google广告开户

如何为未登录用户添加显示表单

在本教程中,我们将在您拥有一个使用登录表单的现有站点的前提下工作。 或者打算以某种方式使用登录表单。 如果您不这样做,那么您可以通过选择使用我们在 Divi Builder 中的任何预制布局包轻松跟随 使用预制布局 第一次打开构建器时。 您还可以通过选择 紫色 + 图标 在底部菜单中,然后在 预制布局

预制布局

转到主题生成器

当您设置并准备好站点后,请进入 Divi 主题构建器。 很容易找到。 登录到您的 WordPress 管理仪表板,然后向下滚动直到看到 Divi – 主题生成器.

主题生成器位置

要为未登录的用户显示登录表单,我们将把它添加到 全局标题 这样您网站的绝大多数都将具有表单的逻辑,但您使用不同标题的特定情况除外。 (不过,您也可以随时将登录表单复制到这些标题中。)

编辑全局标题

首先, 双击 默认网站模板中的全局标题或单击 埃德 按钮。

构建器视图

添加登录表单

接下来,找到您希望登录表单出现的位置。 对于此示例,我们将其添加到标题的第二列中。 点击 黑色 + 图标 并选择 登录 模块从出现的下拉窗口。

登录表格

WordPress divi主题

这会向站点添加一个无样式的登录表单,您将不得不花时间将其与您当前使用的任何标题相匹配。

为登录表单设置样式

即使只是像更改背景颜色以匹配页面设计一样简单,确保登录表单引人注目也很重要。

登录

我们用了 #F87223 作为这个颜色以匹配比萨店布局包上的其他元素。

登录表格

即使只是这个简单的更改也可以更好地融合它。 如果您使用纯色背景,则使用透明背景仅显示字段和按钮也是匹配任何内容的简单选择。

打开登录模块条件选项

为了仅向未登录的用户显示登录表单,您将使用 Divi 条件选项。 如果你不熟悉这些,可以在下面找到它们 先进的 任何选项卡 部分, , 或者 模块. 此外,您可以找到个人的条件选项 在行内,也是。

这意味着即使我们将向登录模块本身添加逻辑,您也可以选择站点的哪个元素最适合仅显示给未登录的用户。 如果您希望显示包含登录表单的列,只需在该元素的设置中执行以下步骤,而不是登录模块本身。

现在,要添加条件逻辑,请输入 登录模块 设置并前往 高级选项卡 就像我们上面提到的。 找出 条件 区域,展开它,然后单击 灰色 + 图标 上面写着 添加条件.

设置

fiverr建站WordPress程序员

添加新条件

单击 添加条件 按钮将打开一个巨大的列表,其中包含您对条件逻辑的所有不同选择。 我们将在本教程中使用单个条件,但您可以为同一个元素使用多个条件,创建高级逻辑,以便您可以真正根据用户需求自定义网站。

从列表中滚动直到找到 用户 小节。 选择 登录状态 作为你的条件。

登录状态

接下来,一定要选择 用户已注销 在下面 显示条件. 您还需要确保 启用条件 切换已启用。 如果在任何时候,您需要禁用此特定条件,您可以进入此处并简单地将其关闭,直到更好的时间。

登录条件

独立站选品工具

当您保存条件时,您应该会在下面的列表中看到它 先进的. 此外,当您将鼠标悬停在任何条件上时,您设置的特定条件将出现。 您还会看到一个 绿点 指示条件是启用还是禁用。

登录条件

就是这样! 就这样! 当用户加载使用此特定模板或布局(在本例中为全局页眉)的页面时,任何未登录的用户都将在您指定的空间中看到该表单。 否则,用户只会看到您想要的内容。

总结如何显示登录表单

无论您可能需要对登录用户隐藏登录表单的原因是什么,Divi 条件选项都可以让您毫不费力地做到这一点。 只需选择您希望注销或未注册用户查看表单的位置,并使用 Divi 内置的条件逻辑仅向这些访问者显示登录表单。 虽然本教程使用全局标题作为位置,因为这是您网站的大多数访问者都会看到的,但您可以在您网站上任何可以添加 Divi 登录模块的位置执行此操作。

为什么要向未登录的用户显示登录表单,而不是已登录的用户?

高质量外链购买

文章特色图片来自 AnyaPL / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题