你想知道如何创建一个登录页面 Elementor ?

在WordPress中,你可以去 在 yourdomain.com/wp-login.php 转到您网站的登录页面。 如果您有一个拥有多个作者/用户的大型网站,您可能希望使用自己的设计创建一个自定义登录页面,以加强您的网站品牌标识。

Elementor,您可以轻松地为您的 WordPress 网站创建自定义登录页面 - 无需编码或安装任何其他插件。

Elementor 有一个小部件 - 登录小部件 - 您可以使用它来创建自定义登录页面。 Elementor 甚至提供登录页面模板,以便您可以立即创建登录页面。

如何使用 Elementor 创建自定义 WordPress 登录页面

请注意,登录小部件仅在 Elementor Pro 上可用。 因此,在创建自定义登录页面之前,您需要将 Elementor 升级到专业版。

1. 如何从模板创建登录页面

如前所述,Elementor 提供了模板,可让您立即创建个性化的登录页面。 要使用一个,首先创建一个新页面(页面 -> 添加)和 用 Elementor 修改它.

在 Elementor 编辑器中,单击文件夹图标以打开模型库。

寻找自定义登录页面模板。 您可以使用搜索框来方便您的工作。 找到您喜欢的模型后,将鼠标悬停在其上并单击按钮 插。

稍等片刻,直到 Elementor 完成加载模型。 加载模型后,您可以单击 发布 发布它。

瞧。

要查看页面,您可以单击左侧面板上角的三行图标,然后选择 显示页面.

如果您选择与我们相同的模型,这就是最终结果。

如何使用 Elementor 创建登录页面

2.如何从头开始创建自定义登录页面

如果您想拥有自己的登录页面设计,您还可以从头开始创建自定义登录页面。 首先,创建一个新页面并使用 Elementor 对其进行编辑。

在 Elementor 编辑器中,通过单击加号图标添加一个新部分。 您可以根据要创建的设计选择柱结构。

部分准备好后,通过将连接小部件从左侧面板拖动到画布区域来添加它。

如何使用 Elementor 创建登录页面

转到标签 包装内容 在左侧面板上设置基本选项。 您可以操作 3 个选项块:

1. 表单字段

您可以打开此块以启用/禁用标签并设置输入大小。

2。 按键

您可以打开此块来设置按钮文本、按钮大小和按钮对齐方式。

3.其他选项

您可以打开此块以启用/禁用登录页面的元素,例如链接 M忘记密码 和选项 记得我。 既然要创建登录页面, 激活 选项 登录后重定向 并粘贴 WordPress 仪表板 url (yourdomain.com/wp-admin) 在可用字段上。 您也可以激活该选项 注销后重定向 如果您愿意的话。

您可以激活该选项 自定义标签 如果您想在您的网站上使用自定义标签和自定义占位符 形式 联系。

一旦 定义 基本选项完成,去 样式选项卡 个性化 形式 联系。 有 5 个样式块可供选择:

1.表格

您可以打开此块来定义线条之间的空间、链接的颜色和链接指向的颜色。

2.标签

只有激活标签后才能看到该块 形式。 您可以打开此块来设置表单标签之间的间距、文本颜色和版式(字体系列、字体大小、字体样式等)。

3.领域

您可以打开此块来定义文本字段的颜色、排版(字体系列、字体大小、字体样式等)、控件的背景、控件边框的颜色、边框的宽度场的半径和场边界的半径。

4。 按键

您可以打开此块以自定义登录按钮。 您可以设置按钮文本颜色、悬停文本颜色、排版、按钮背景颜色、边框半径和按钮文本填充等内容。

5. 登录信息

用户登录后,您可以打开此块以自定义消息。 这是消息:

您可以设置消息的文本颜色和排版。

完成登录小部件的样式设置后,您可以自定义页面上的其他小部件。 页面编辑完成后,发布/更新您的页面并成功创建自定义登录页面。

另请参阅: 如何导出和导入 Elementor 模型

需要注意的一件重要事情。 创建自定义登录页面后,不要删除文件 WP-login.php中 在您的 WordPress 网站上。 您的 WordPress 站点仍然需要此文件来处理登录过程。

立即获取Elementor Pro!

结论

这是 ! 这篇文章就是这样,它向您展示了如何使用 Elementor 创建登录页面. 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...