| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> PHP知识库 -> 如何使用 LoginPress 创建 WordPress 自定义登录页面 -> 正文阅读 |
|
[PHP知识库]如何使用 LoginPress 创建 WordPress 自定义登录页面 |
您是否要更改默认 WordPress 登录页面的外观或功能?如果是这样,您知道这可能是一项复杂的工作,涉及编辑核心 WordPress 文件。好消息是,有插件可以实现!?我们将使用LoginPress 创建 WordPress 自定义登录页面来完成这项工作。 目录 使您的 WordPress 登录页面独一无二如果您是网站的唯一 WordPress 用户,您可能从未考虑过默认登录页面。但如果您有其他用户或贡献者,您可能希望登录页面更好地匹配您的网站设计。或者,您可能只是在寻找改善用户体验的方法。 LoginPress 使这些更改变得容易。您不仅可以更改登录页面的外观,还可以更改默认消息。否则,这需要对 WordPress 登录部分的文件进行复杂的更改。 如何将 LoginPress 添加到 WordPress让我们安装插件,看看它是如何工作的。 1. 安装 LoginPress 插件登录到您的 WordPress 管理面板。 在左栏导航中,将鼠标悬停在“插件”链接上,然后单击“添加新”链接。 在“搜索插件…”框中,输入“LoginPress”。 找到插件后,单击“立即安装”按钮。 现在插件已安装,但必须先激活它才能使用它。 单击“激活”按钮。 这样就完成了安装和激活。现在让我们继续在您的网站上启动和运行插件。 2. 配置登录一旦插件被激活,它就会在您的登录页面上添加一个背景图像。 在对登录页面进行任何更改之前,您可能需要调整一些默认配置。 在左栏导航中,将鼠标悬停在“LoginPress”链接上,然后单击“设置”链接。 您第一次访问该插件时,它会要求您允许收集有关您网站的数据。如果您不想发送站点数据,请单击“跳过此步骤”链接。 “设置”页面可让您访问六项设置。
如果对设置进行了任何更改,请单击“保存更改”按钮。 3. 更改WordPress 自定义登录页面的背景插件提供的背景图像很可爱,但让我们更改它并开始我们的自定义登录。 对表单外观的更改是在WordPress 定制器中进行的。要访问它,请在左栏导航中,将鼠标悬停在“LoginPress”链接上,然后单击“Customizer”链接。 有很多选择。其中一些要求您购买插件的“专业”版本。我们将专注于免费版本中可用的内容。 要快速访问某些功能,请将鼠标悬停在登录页面预览上。您会看到许多编辑链接出现。 我们将首先单击“更改背景”图标。 插件提供了许多图像。您可以单击其中之一将其加载到预览中。 但您也可以通过上传或从媒体库提供您自己的图像。 在左栏中,向下滚动并单击“选择图像”按钮。 这将打开 WordPress 图像叠加层,让您上传图像或从媒体库中选择一个。 我从媒体库中选择了一张图片并将其添加为背景。 要随时保存更改,请单击左栏中的“发布”按钮。 除了设置页面背景图片,您还可以设置第二张图片作为表单背景。 4. 更改登录表单的背景单击左侧栏中的“自定义登录表单”。 然后在“表单背景图像”下,单击“选择图像”按钮。 在这里,我从媒体库中选择了另一个图像,它成为表单背景。 虽然我们仍处于“自定义登录表单”部分,但还有另一种方式来展示您的页面背景图片。 单击“启用表单透明度”切换按钮,看看会发生什么。 5. 更改登录页面文本颜色和大小那个透明的表格很酷,但现在我们无法阅读表格周围的所有文字。 我们将通过将文本更改为较浅的颜色并使其更大更易于阅读来解决此问题。 将鼠标悬停在预览上,然后单击“自定义导航”链接。 在左栏中,我们将更改页脚文本的颜色并增加字体大小。 现在“丢失密码”和“返回”链接清晰易读且更加突出。 6. 更改其他页面元素页面的每个元素都可以按照我们更改背景图像和表单文本的方式进行更改。这里只是其中的几个亮点。 可以更改按钮颜色、大小和填充: 可以编辑所有登录表单错误消息: 所有登录表单对话框都可以编辑: 登录、注册和丢失密码页面的几乎每个元素都可以更改和调整。包括:
如果您卸载 LoginPress 插件会发生什么如果您卸载插件,您的登录页面将恢复为默认的 WordPress 登录。 插件在选项数据库表中创建条目,卸载插件时不会删除这些条目。(即使您激活了“卸载时删除设置”设置。) 如果您需要删除数据库条目,请查看包含“loginpress”的选项行。 这是它们在 phpMyAdmin 中的样子: 自定义 WordPress 登录页面从未如此简单所有WordPress 插件都使用服务器资源,并且可能会增加页面加载时间。但是考虑到使用 LoginPress 更改登录页面是多么容易,权衡是合理的。 当您考虑手动编码更改登录页面所涉及的内容时,您会看到使用 LoginPress 的好处。它将为您节省大量时间和麻烦。 该插件拥有令人印象深刻的附加组件。社交帐户登录、登录小部件、限制登录尝试、隐藏登录甚至自动登录用户的功能。有了这些附加功能能节省不少时间。 希望本文可以帮助您更好地定制 WordPress 登录页面,如果希望定制网站的首页或其它页面,可以阅读我们的6个最佳拖放式WordPress页面构建器比较(2021年),了解如何通过拖拽式 页面生成器 来定制网页。 |
|
PHP知识库 最新文章 |
Laravel 下实现 Google 2fa 验证 |
UUCTF WP |
DASCTF10月 web |
XAMPP任意命令执行提升权限漏洞(CVE-2020- |
[GYCTF2020]Easyphp |
iwebsec靶场 代码执行关卡通关笔记 |
多个线程同步执行,多个线程依次执行,多个 |
php 没事记录下常用方法 (TP5.1) |
php之jwt |
2021-09-18 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/15 10:18:14- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |