使用这些插件自定义您的 WordPress 登录、注册和个人资料页面

如果您构建的只是一个拥有少量用户的基本站点,那么默认的 WordPress 注册和登录页面就可以了.但是,如果您经常参与客户项目,那么创建自定义页面是超越他们的期望并使您的生活更轻松的好方法.

确保用户可以注册、登录和检查他们的详细信息,而无需看到 WordPress 的后端,从而提供更舒适(更不用说减少混乱)的体验.

最重要的是,您可以控制这些页面的样式和功能,确保它们的设计与您网站的其余部分相匹配.

您还可以添加您可能需要的任何额外内容-例如额外的个人资料字段到准系统注册表单.

在今天的帖子中,我们将介绍一些适用于 WordPress 的最佳前端配置文件、注册和登录插件.

通过这种方式,您可以创建完全自定义的页面,无需编辑任何代码!您最多需要复制并粘贴一行.

那么废话不多说,让我们开始吧.

开头:

用于自定义 WordPress 登录页面的插件

默认的 WordPress 登录页面简单而乏味.

这就是它应该的样子.

毕竟,它是全球数百万个网站(都有自己的设计)的切入点,因此它必须准备好适应任何类型的网站.

不幸的是,WordPress 还没有发展到您可以在后端自定义登录页面的阶段.

好消息是,使用插件可以轻松调整外观.

*附注:如果您更喜欢基于代码的自定义,我们的帖子"如何完全自定义 WordPress 登录页面" 将引导您完成所有片段你需要改变.从登录页面的背景到更新字体、链接和图像的所有内容.

A look at a unique login page
创建您自己独特的 WordPress 登录页面的力量.

但正如所承诺的,这篇文章都是关于"无代码"的生活.

这里有一些很棒的 WordPress 插件,可让您自定义登录页面的外观:

  • 布兰达

    Screenshot of Branda from wordpress.org

    这是有原因的Branda 是我们最受欢迎的插件之一.

    它易于使用,您可以进行快速自定义,从而在您或您客户的网站上打上您的品牌烙印.

    例如,您可以从其中一个预先设计的模板中进行选择:

    adjust your login screen background using Branda

    然后您可以调整登录页面的内容.

    这可能是您的徽标和页面背景等元素.以及登录表单字段,甚至错误消息的内容.

    change up the settings of your content with Branda对内容满意后,您可以使用自定义设计元素、颜色和字体完全重新设计登录屏幕.

    adjust the design elements of your WordPress login page

    adjust the colors of your login page

    Example of a custom login page
    使用 Branda 创建精美的自定义登录页面.

    如果需要,您还可以使用 Branda 来为网站的其他区域添加白色标签,例如管理区域、小部件和前台的其他方面结尾.观看下面的视频,了解布兰达在行动:

  • LoginPress

    接下来我们有 LoginPress,它使用 WordPress 定制器来帮助您(您猜对了!)自定义您的登录页面.

    这也意味着您可以实时查看所做的任何更改和自定义.

    customize your login page using the customizer

    您会看到该插件为您提供了大量自定义字段供您选择.所有这些都可以帮助您调整 WordPress 登录页面的整体布局和外观.

    从徽标、背景图片和 reCAPTCHA 到登录错误消息、忘记错误消息、注册错误消息、忘记密码提示消息等的外观.


    对 LoginPress 感兴趣?

    详情

  • Colorlib 登录定制器

    类似于LoginPress,您可以调整登录的外观和感觉使用 WP 定制器的 Colorlib 页面.

    您还可以访问预期的自定义选项.点击后,这些选项中的每一个都允许进一步自定义(与上面的其他插件一样).

    Select from a bunch of different customization options

    例如,如果您想将自己的徽标添加到您的登录页面,您可以添加您的图片,给它一个"悬停标题",并在需要时添加一个指向您的徽标的链接.

    Customize the logo shown

    接下来,您可以选择更改登录页面的布局.

    如您所见,您可以将页面分成几列、更改列的宽度以及调整表单的对齐方式.

    Adjust the layout of your page and the login form

    对 Colorlib 登录定制器感兴趣?

    详情

用于自定义 WordPress 注册表单的插件

让您的注册表单具有自定义外观(正如我所提到的)是一种直接的方式,可以让您感觉它更能融入您的网站.

此外,与登录页面一样,您可以根据需要自行更改代码.

但对于其他人,以下是我们的一些自定义注册表单插件首选:

  • BuddyPress

    BuddyPress plugin

    你可能会惊讶地发现 BuddyPress 在这列表,因为它的主要目的是创建一个社交网络类型的社区.

    这个插件有用的原因在于它用自己创建的方式替换了默认的 WordPress 注册表单.

    例如,默认的 BuddyPress 注册表单添加了一个自定义密码字段,要求用户选择密码并调整其强度:

    buddypress lets you add additional password fields

    您还可以添加无限量的自定义字段,这些字段存储在用户的个人资料中.

    只是为了好玩,我添加了一个"最喜欢的颜色"下拉字段,以及"你的目标是什么?"清单字段:

    you can add more fields to your register page using BuddyPress
    what it looks like when you add custom fields

    以下是您可以创建的一些其他类型的字段:

    • 文本框.
    • 多行文本框.
    • 日期选择器.
    • 单选按钮.
    • 多选框.

    总的来说,如果您希望网站的注册表单添加密码和自定义字段,这个插件非常值得安装.

  • 配置文件生成器

    要开始使用 Profile Builder,您只需粘贴"注册页面"短代码,无论您希望在何处显示您的注册字段.

    但是,您不必创建新页面,因为默认情况下,此插件会为您设置一个注册页面.

    Add the profile builder shortcode and your registration form will be all ready to go

    正如您将在下面看到的,短代码预加载了多个注册字段.

    A preview of your registration page

    如果要调整显示的字段,可以通过设置来实现.您还可以添加未设置为默认值的其他字段:

    Choose which fields you wish to show
    Examples of the fields you can add to your forms

    如果您想创建自定义字段并添加其他功能,它们可作为高级升级使用.

    使用此插件,您还可以选择启用额外功能,例如:

    • 前端密码恢复.
    • 允许用户使用他们的用户名或电子邮件登录.
    • 能够在用户注册时为其设置最低密码强度.

    最后,另一个很棒的功能是能够在用户登录时选择谁可以看到 WordPress 管理栏.

    Choose who sees the admin bar while logged into wordpress

    对配置文件生成器感兴趣?

    详情

  • 馅饼寄存器

    如果你需要一个定制的注册表怎么办前端用户配置文件?

    请放心,Pie Register 不会剥落你的一丁点儿.

    首先,您可以管理您的注册字段,默认情况下,这些字段带有您期望的字段.

    如果您想更改字段的顺序,只需拖放即可,直到您满意为止.

    Select which fields you'd like to feature on your registration page

    在右侧,您还可以选择添加大量其他字段.

    从 Re-Captcha 和 Math Captcha 到核对清单和下拉列表的任何内容.

    Add more fields if required

    用户还可以在您选择的前端页面上编辑他们注册的信息.

    只需将短代码粘贴到您指定的用户个人资料页面:

    Drop in the shortcode for a user profile page

    这将设置一个简单的用户页面,可以轻松更改基本设置.

    Users can then edit their profiles

    如前所述,您可以在 WordPress 的前端更新您的个人资料,而无需使用插件.我们只是认为插件让事情变得更容易.

    Pie Register 插件还允许您:

    • 启用 PayPal 付款.
    • 自定义用户和管理员通知电子邮件.
    • 阻止 wp-login.php 页面并让用户登录自定义页面或小部件以提高安全性.
    • 启用两步电子邮件验证.
    • 自定义 CSS.
    • 对订阅者隐藏 WordPress 管理栏.

    对 Pie Register 感兴趣?

    详情

  • 用户元数据

    使用 User Meta 插件,您可以创建自定义注册表单具有无限数量的字段.

    表单提交然后通过电子邮件发送给管理员,并且也可用于给定用户的个人资料.

    这个免费插件还包括创建前端个人资料页面供用户查看和编辑的功能.

    表单构建器有一个拖放界面,提供许多可用选项,包括使您选择的字段提交只能由管理员查看.

    Adjust the fields you wish to display on your registration or profile pages

    除了通常的字段,您还可以添加独特的字段,例如复选框和下拉列表.

    Add extra fields

    一旦您对这些字段感到满意,只需将短代码粘贴到您想要的位置,然后查看您的实时页面是什么样子:

    Enter the shortcode on any page you wish to be a registration or profile page
    What your page will look like live

    如果您想启用其他字段,例如验证码、文件上传、国家或完全自定义的字段,可以使用高级升级选项.

    如果您升级,还可以使用许多其他设置,包括自定义电子邮件通知和多站点功能.

    对用户元感兴趣?

    详情

  • 注册魔法

    Registration Magic 是一个免费插件,使您能够创建自定义登录、联系方式和注册表.

    它也非常易于安装和使用.可以在几秒钟内创建一个表单,然后用短代码显示在页面上.

    This plugin makes creating forms easy.
    创建一系列不同的表格,然后粘贴短代码以激活它们.
    select the fields to go in your form
    调整表单上显示的字段.
    Adjust the design of your form and fields
    自定义字段和表单的设计.

    可以在设置页面上启用添加 reCAPTCHA 等功能以及捕获表单用户的 IP 地址和浏览器信息.

    该插件还有许多用于创建自定义表单的独特选项,例如在提交表单后创建自动回复和页面重定向.

    Create an autoresponder to go with your forms

    如果基于角色的表单是您所追求的功能,则您必须升级.文件附件字段和表单分析也是如此.

    对注册魔术感兴趣?

    详情

用于自定义 WordPress 前端配置文件的插件

最后一步是自定义您的前端配置文件表单.这可能是进行基本更改,以彻底改变表单的样式和功能.

当然有一些很好的选择可以做到这一点.但是,我们认为您只需要一个插件即可完成此任务.

是的,这恰好是我们自己的骄傲和喜悦......

  • Forminator

    Forminator 是一个免费插件,可让您创建表单、投票、提交、测验和订单表单.

    它的拖放界面使完全按照您想要的方式构建表单.您还可以访问大量独特的表单字段选项(见下文).

    start by choosing the form fields

    然后您可以轻松调整表单的外观和样式:

    Forminator makes it easy to build forms
    Adjust other settings like font styles

    如果需要,还可以免费访问 Forminator 强大的 API 以构建您自己的自定义扩展.

    Forminator 还具有注册和登录选项.您可以自定义用户注册和登录的方式.

    Forminator registration form example.
    Forminator 注册表示例.

    查看此视频,了解有关使用 Forminator 设置登录和注册表单的详细演练:

    想让您的访问者共享帖子提交而无需访问 WordPress 仪表板?

    借助 Forminator,用户可以从您网站的前端提交帖子想法,因此您可以轻松策划和发布他们的想法.


    A live view of a post submission form

    除此之外,Forminator 还支持与第三方应用集成,例如 Zapier、Google Sheets、Mailchimp 和许多其他电子邮件营销应用.

    您还可以使用 Stripe 或 PayPal 与插件收款.


    对 Forminator 感兴趣?

    详情

为您的 WordPress 表单注入新的活力

就像那样,您现在拥有了创建自己的自定义 WordPress 页面和表单所需的插件.

无论您是想彻底改变通常沉闷的 WordPress 登录页面的外观和风格,还是想添加更多字段和功能到您的注册和个人资料页面.此列表中的插件将帮助您做到这一点.

您还有像 Forminator 这样的多功能插件,它可以帮助您处理表单和页面的所有事情.

最重要的是,您无需成为编码魔术师即可完成所有这些工作.

不要忘记您的用户.

您可以在他们注册、登录和查看详细信息时提供舒适、轻松的体验,让他们的生活更轻松.无需他们查看 WP 的后端.

同样,如果您想了解有关创建自定义和前端功能的更多信息,请查看我们的其他帖子:如何自定义 WordPress 文本编辑器以使其外观和功能与您的前端相似如何完全自定义 WordPress 登录页面.

标签:

47

发表回复