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

WordPress 登录屏幕功能齐全,可通过安全插件更安全。 但是,在访问界面时看到一些独特的东西难道不是很棒吗? 您可能希望为注册用户和团队成员提供更具吸引力的视觉对象。

与管理系统的许多其他部分一样,创建自己的 WordPress 登录页面并不难。 事实上,有几种方法可以做到这一点,而不涉及一行代码。

本教程演示如何更改登录页以赋予其更独特的吸引力。

为什么我需要担心我的登录页面?

如果您是网站的唯一用户,则可能不需要更改登录页面。 但是,给人一种风格感对其他用户非常有吸引力。 而不是基本的巨大的“W”字压标志,他们可能会面对更有吸引力的东西。

通常,访问者对网站的兴趣是一个小的视觉调整。 它看起来更独特,“饼干切割机”的登录屏幕越少,网站在内存中保留的就越多。 此外,以这种方式展示您的品牌有助于吸引客人的共鸣,而不是默认的WordPress徽标。

使用 SeedProd 自定义登录页更改 WordPress 登录页面

插件可以做无数的事情 对于WordPress网站。 在这种情况下,您要查找的登录页的外观已更改。 在此示例中, 自定义登录页面 。.plugin。

此插件的免费版本提供了许多自定义体验的选项,而专业版包括幻灯片、视频、Google 字体支持和许多其他功能。 如果您正在寻找多个用户访问解决方案,这可能是您的插件。

要安装和设置自定义登录页面,请执行以下操作:

第 1 步:从 WordPress 访问插件区域,[新規追加]单击该按钮。

步骤2:搜索并安装自定义登录页面,然后激活它。

自定义登录页面插件

步骤3:激活后,此插件将立即转到设置页面。 这是 WordPress 安装[設定]转到[ログインページ]您还可以通过查找标记为 的控件来查找它。

插件设置页面

步骤4:在“设置”页上,您将看到禁用或启用插件的选项。 在它下面,有一个大按钮,用于“自定义登录页面”。 单击此按钮。

[ページにログイン]自定义按钮

第 5 步:转到可自定义屏幕的所见即所得编辑器。

第 6 步:添加徽标。 单击“选择图像”按钮以查找要使用的图形。 这将替换默认 WordPress 的“W”图像。

添加徽标

步骤7:选择背景颜色。 这是十六进制格式,您可以通过输入代码或单击选项右侧的调色板来更改它。

设置背景颜色

步骤8:选择背景图像。 与徽标一样,您可以选择直接从计算机或 WordPress 媒体文件夹中获取特定背景的图像。

选择背景图像

步骤9:选择背景后,您可以打开高级设置来控制重复、位置、大小等。

背景设置

步骤10:选择按钮的颜色。 这是用于屏幕上的“登录”按钮。 您还可以使用十六进制输入或单击右侧的调色板进行更改。

按钮颜色

步骤11:选择表单文本的颜色。 这将更改用户名和密码格式的实际文本。

步骤12:选择表单下方文本链接的颜色。 这将控制密码丢失时返回网站的链接和功能。

步骤13:选择排版。 在这里,您可以选择页面的字体、粗细和样式、大小和行高。

排版

步骤14:输入自定义CSS。 这纯粹是一个选项。 如果您正在使用 CSS 进行编程,则可以在此处添加自定义代码,以便在屏幕上使用。

自定义 CSS 代码

步骤15:设置完成后,您可以检查登录方法,屏幕将显示在桌面或移动设备上,单击左上角的相应按钮。

步骤16:单击“保存”按钮。

第 17 步:当屏幕符合设计理念时,单击左上角[設定に戻る]单击链接。

步骤18:选择“启用自定义登录页面”单选按钮。

启用自定义登录页

步骤19:在底部[すべての変更を保存]单击该按钮。

专业版提供了一长串可用的自定义选项。 例如,您可以添加社交配置文件、动画、特殊效果以及向页面本身添加文本的方法。 这些选项使插件成为那些想要引起注册用户兴趣的人更具吸引力和功能丰富的插件之一。

使用“我的登录”主题更改页面

用于编辑用户访问屏幕的最有效插件之一是 主题我的登录它配备了许多有用的工具,易于实现。

要使用“我的登录主题”:

第 1 步:转到 WordPress 插件区域 管理面板.

第 2 步:在顶部[新規追加]按钮,然后在搜索栏中键入“主题我的登录”。

第 3 步:找到正确的插件,然后安装并激活它。

TML 插件

第 4 步:左侧边栏中提供了新选项 管理面板 接近底部。 标记为“TML”。 单击此链接。

第 5 步:您可以从多个设置中选择主题“我的登录”。 我们建议您保留“启用主题我的登录.css复选框。

启用 CSS 设置

步骤6:选择登录类型。 默认情况下,将接受用户名或电子邮件。 但是,您只能将其更改为其中一个。

登录类型

步骤7:选择要使用的模块。 此插件具有各种模块,您可以通过选中相应的复选框来选择这些模块。 这些选项包括自定义重定向、电子邮件、reCAPTCHA 选项、安全性,甚至主题配置文件。 选择所有适用的内容,然后单击底部[変更を保存]单击该按钮。

模块

步骤 8:对于每个选定的模块,设置列在左侧的 TML 工具下。 管理面板导航到每个模块并更改设置以自定义页面的布局和功能。

步骤9:保存每个设置后,单击左侧[外観]转到工具 管理面板.

步骤10:单击小部件控件。

步骤11:主题我的登录安装一个新的小部件,允许您拖动登录屏幕到主题的任何侧边栏。 这允许用户从网站前端访问配置文件和信息。 这是一个社区,如果您有大量注册用户,则此功能非常有用。

步骤12:使用小部件提供了几个选项。 您可以设置默认值以显示登录、注册和丢失的密码。 此外,标题、登录链接和用户 格拉瓦塔 如果他/她有它。 检查所有适用的内容,然后单击[保存]单击。

小部件

reCAPTCHA 是一个很好的附加功能,因为它有助于减少垃圾邮件流入您的网站。 虽然这并不能阻止一切 来自访问 WordPress 的垃圾邮件机器人这是一个有用的选择,以消除其中一些。

设置完成后,您将看到屏幕现在使用网站的基本主题作为背景,而不是默认的 WordPress 页面。

这些只是一些方法,以帮助您更改WordPress登录页面。 有很多插件可供选择,但也许这两个是最容易使用。 添加一些自定义选项以吸引访问者,使您的网站更具吸引力。 你以后更有可能注册回来。

您的网站提供哪些服务来吸引目标受众? 您向 WordPress 网站添加了哪些自定义项?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何找到高质量的 WordPress 帮助来快速解决问题

2022-11-3 6:47:48

WordPress 教程

如何在 WordPress 上安装发现注释系统

2022-11-3 8:50:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索