WordPress的Divi主题中添加登录模块使用教程

word-image-167-1080x558

文章概要

有时候使用Divi设计网站时,

由于会员站点要求用户登录访问所有或部分内容,

那么我们就需要在页面中添加会员的登录系统,

登录信息模式是WordPress建站中最常用的样式之一。

可以让您自己的会员登录页面添加登录表单变得容易。

什么是登录模块

由于会员站点要求用户登录访问所有或部分内容,

那么您可以使用Divi的登录模块用作会员系统,

该表单以Divi风格设置,可以直接在页面上添加登录表单。

真实案例需求

我们在使用WordPress为客户做外贸网站时,

有位客户希望能在页面中设置一个会员站点登录访问模块,

那么使用Divi的登录模块就能很快解决这个问题。

登录模块编辑

在向页面添加登录模块之前,

您首先需要在您的网站上请确保自己正确安装了divi主题。

然后在页面中单击灰色加号按钮将新模块添加到页面,

注意:新模块只能添加到“行”内部。

在模块列表中找到【登录】模块,

然后单击它以将其添加到页面中。

word-image-160-1024x466

添加成功后在内容选项中输入标题和内容

标题:登录模块标题

内容:[输入简短描述或登录说明]

word-image-161-1024x547

在这里,您可以选择是否将用户重定向到当前页面

word-image-162-1024x546

在登录设计选项中,您将找到模块的所有样式选项,

例如字体,颜色,大小和间距。这是用于更改模块外观的选项卡。

每个Divi模块都有一长串设计设置,您可以用来更改几乎所有内容。

word-image-163-1024x545

在【字段】可以修改登录的文字大小及颜色的设置

word-image-164-1024x540

在【标题文本】里可以设置登录内容文字样式

word-image-165-1024x547

在【按钮】设置中将【按钮自定义样式】打开就可以对按钮进行编辑。

word-image-166-1024x538

设置完成点击保存,就完成了本次的操作。

word-image-167-800x314

结语

Divi中的登陆模块中能够方便快捷的设置会员登录页面,

方便网页会员站点和用户登录的快速访问,使添加登录表单变得容易。

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论