如何在 WordPress 中自定义受密码保护的页面

您想在您的网站上创建一个自定义的密码保护页面吗？

您可以使用 WordPress 密码保护隐藏内容并限制对某些页面的访问。 但是，默认的登录名和密码输入布局很简单，没有吸引力。

在本文中，我们将向您展示如何在 WordPress 中自定义受密码保护的页面。

为什么要在 WordPress 中自定义受密码保护的页面？

如果您想在您的 WordPress 博客上创建一个只对选定的客户或成员可见的页面或帖子，那么您可以使用密码保护功能来锁定内容。

同样，如果您正在创建一个新的 WordPress 网站并且不希望每个人都查看它，那么使用受密码保护的页面是有意义的。

然而，默认的密码保护页面设计非常简单，没有吸引力。 这是它的外观预览：

自定义受密码保护的页面允许您按照自己的方式更改其设计和布局。 它有助于使您的页面更具吸引力，并且您可以将其与您的品牌相匹配，以获得更专业的外观和更好的用户体验。

也就是说，我们将向您展示如何在 WordPress 中启用密码保护以及自定义特定页面、整个站点和不同部分的不同方法。

您可以单击下面的链接跳转到您喜欢的部分：

如何在 WordPress 中使用密码保护页面

在我们向您展示如何自定义 WordPress 页面之前，您应该知道 WordPress 带有内置设置，可以用密码保护您的页面和帖子。

您所要做的就是编辑页面或添加新页面。 进入 WordPress 内容编辑器后，继续并单击右侧设置面板中“状态和可见性”下的“公开”选项。

接下来，您将看到不同的帖子可见性选项。

只需选择“密码保护”选项并为您的页面输入密码。

现在，继续并单击“更新”或“发布”，实时页面将受密码保护。

您现在可以访问您的网站并查看正在运行的页面。

现在，让我们看看如何自定义受密码保护的默认页面。

使用 CSS Hero 自定义默认密码保护设计

当您从 WordPress 内容编辑器启用密码保护时，该页面将使用您网站的主题进行样式设置。

要自定义页面，您可以简单地使用像 CSS Hero 这样的工具。 它允许您在不编辑代码的情况下编辑页面的设计和布局。

首先，您需要安装并激活 CSS Hero 插件。 有关更多详细信息，请参阅我们关于如何安装 WordPress 插件的指南。

激活后，CSS hero 选项将添加到顶部的 WordPress 管理栏中。 继续并单击“使用 CSS Hero 自定义”选项。

这将启动 CSS Hero 可视化构建器，您可以在其中编辑和自定义您的页面。

要开始，只需单击页面上的任何元素。

接下来，您可以从左侧的面板更改背景颜色、添加背景图像、使用不同的字体、编辑间距等。

例如，让我们通过转到“背景”选项卡来添加具有渐变效果的背景颜色。 我们还将更改用户需要输入密码的框的颜色，以及“输入”按钮的颜色。

除此之外，您还可以通过转到“边框”选项卡在页面的主标题周围添加边框。

只需选择边框宽度、颜色、样式以及您喜欢的任何其他更改。

完成更改后，不要忘记单击底部的“保存并发布”按钮。

您现在可以访问您的网站以查看自定义的默认密码保护页面。

使用 CSS Hero 的缺点是您无法获得登陆页面构建器提供的灵活性和高级自定义选项。

例如，您不能使用 CSS Hero 添加联系表单、社交媒体按钮、选择表单、倒数计时器等元素。

也就是说，让我们看看如何使用登陆页面构建器来自定义 WordPress 中的特定页面。

使用 SeedProd 自定义受密码保护的特定页面

自定义受密码保护的特定页面的最简单方法是使用 SeedProd。 它是最好的 WordPress 网站和页面构建器。

对于本教程，我们将使用 SeedProd Pro 版本，因为它包含高级模板和更多自定义功能。 您还可以免费使用 SeedProd Lite 版本并创建即将推出的页面。

首先，您需要安装并激活 SeedProd 插件。 如果您需要帮助，请参阅我们关于如何安装 WordPress 插件的指南。

激活后，您将被带到 WordPress 仪表板中的 SeedProd 欢迎屏幕。 接下来，您需要输入许可证密钥并单击“验证密钥”按钮。 您可以在您的 SeedProd 帐户区域找到许可证密钥。

之后，从您的 WordPress 仪表板前往SeedProd » 登陆页面并添加一个新的自定义密码保护登陆页面。

在本文后面，我们将向您展示如何选择受密码保护的页面。 您可以使用密码保护整个站点或仅特定页面。

对于本教程，我们将为具有密码保护的网站启动创建一个即将推出的页面。 但是，如果您仅将其用于密码保护特定页面，则可以轻松自定义您的设计。

要开始，只需单击“设置即将推出的页面”按钮。

在下一个屏幕上，SeedProd 将向您显示不同的页面模板，因此您可以快速自定义它们。

继续并将鼠标悬停在您要使用的任何模板上，然后单击橙色复选标记按钮。

选择模板后，SeedProd 将打开一个标题为“输入您的新页面详细信息”的弹出窗口。

您只需要选择一个页面名称和 URL slug，然后只需单击“保存并开始编辑页面”按钮即可。

这将启动 SeedProd 拖放页面构建器。

在这里，您可以自定义受密码保护的登录页面并添加不同的元素，如文本、图像、按钮等。 SeedProd 提供高级模块，例如选择表单、联系表单、倒计时计时器、进度条、社交共享选项等。

要添加元素，您只需将左侧菜单中的任何块拖放到右侧的模板上即可。 然后，您只需单击它并调整出现的选项即可自定义该元素。

这也是 SeedProd 允许您在页面前端添加密码表单以保护您的内容的方式。

首先，您可以在 SeedProd 构建器中添加“自定义 HTML”块。 只需将自定义 HTML 块拖放到模板上即可。

接下来，您可以单击自定义 HTML 块。

在这里，在“自定义代码”字段中输入[seed_bypass_form]简码。 而已！ 完成后不要忘记点击“保存”按钮。

SeedProd 还集成了不同的电子邮件营销服务。 您可以将联系表添加到您的登录页面并连接电子邮件营销工具以构建您的电子邮件列表并与用户保持联系。

只需转到登录页面构建器中的“连接”选项卡，然后选择您的电子邮件营销服务。

为 SeedProd 中的特定页面设置密码保护

创建使用[seed_bypass_form]简码的自定义即将推出页面后，下一步是使用 SeedProd 在特定页面上设置密码保护。

首先，您需要转到 SeedProd 构建器中的“页面设置”选项卡，然后单击“访问控制”设置。

之后，您可以在“绕过 URL”字段中输入密码，人们可以使用该密码访问您的受限内容。

请注意，您在“绕过 URL”字段中写入的文本将充当密码，同时也是客户和团队成员可以用来绕过密码保护并访问页面的链接。

SeedProd 允许您从站点中排除特定的 URL，例如管理员、登录名、仪表板和帐户。 这可确保网站所有者不会被锁定在他们的网站之外。

现在，您需要选择哪些 URL 将受密码保护。

只需向下滚动到“访问控制”设置下的“包含/排除 URL”部分。 之后，选择“包含 URL”选项，然后输入您要限制的特定页面。

完成后，只需单击顶部的“保存”按钮。

接下来，您可以转到“页面设置”选项卡下的“常规”设置，并将页面状态从“草稿”更改为“发布”。

之后，您可以关闭登陆页面构建器并从您的 WordPress 管理面板前往SeedProd » 登陆页面。

在这里，单击“即将推出模式”下的开关以激活您的自定义密码保护页面。

就这样！ 您已经成功创建了一个自定义的受密码保护的登录页面，该登录页面将仅出现在 WordPress 的特定页面上。

只需访问您网站上的这些页面，即可查看正在运行的自定义密码保护页面。

为整个网站创建自定义密码保护页面

使用 SeedProd，您还可以在网站的每个页面上显示受密码保护的页面。 这样，用户将需要输入密码才能访问您的任何内容。

首先，您可以从 WordPress 仪表板转到SeedProd » Landing Pages 。 然后，单击“即将推出模式”面板中的“编辑页面”按钮。

接下来，您可以前往顶部的“页面设置”选项卡，然后转到“访问控制”设置。

之后，向下滚动到“包含/排除 URL”部分，然后选择“在整个网站上显示”选项。

完成更改后，继续并单击顶部的“保存”按钮。

SeedProd 将在您的整个网站上显示自定义密码保护页面。

在 WordPress 中创建自定义密码保护部分

您还可以使用密码保护 WordPress 中的不同网站部分免受不同用户组的影响。 如果您正在运营会员网站并希望控制对您的内容、插件、应用程序和其他可下载文件的访问，这将非常有用。

限制网站不同部分的最佳方法是使用 MemberPress。 它是最好的 WordPress 会员插件，可让您创建多个会员级别以密码保护您的内容。

您可以使用 MemberPress 设置不同的规则，因此用户只能根据其会员级别访问内容。 有关详细信息，请参阅我们关于创建 WordPress 会员网站的指南。

首先，您需要先向您的网站添加会员资格。 只需从您的 WordPress 仪表板转到MemberPress » 会员资格，然后单击“添加新”按钮。

之后，您可以为您的会员级别输入名称、添加描述并设置价格。

您还可以将计费类型从一次性更改为重复计费，以及将会员资格编辑为终身或在特定时间段后到期。

完成后不要忘记单击“发布”按钮。

接下来，您可以从 WordPress 仪表板转到MemberPress » 规则，然后单击“添加新”按钮。

从这里，您可以单击“受保护内容”选项下的下拉菜单。 MemberPress 提供了很多选项来保护您的内容，无论是单个页面还是所有 WordPress 页面。

对于本教程，我们将使用密码保护单个页面。 只需从下拉菜单中选择“单页”选项并输入页面标题。

接下来，您需要设置访问条件并配置谁可以查看受限页面。 MemberPress 让您可以根据会员级别、WordPress 用户角色、能力和个人会员来保护内容。

让我们从本教程的下拉菜单中将“会员资格”设置为“高级”。 这样，只有高级会员才能访问该页面。 您可以添加更多条件并允许超过 1 个会员级别查看该页面。

完成后，不要忘记单击“保存规则”按钮。

然后您可以访问您的网站以查看受密码保护的页面。 会员必须登录他们的帐户才能查看页面内容。

您可以为视频设置密码，也可以为公司团队提供群组成员资格。 此外，您可以创建一个密码，让订阅者可以访问付费时事通讯等。

我们还有一个指南，介绍如何在 WordPress 中使用密码保护您的表单。

我们希望本文能帮助您了解如何在 WordPress 中自定义受密码保护的页面。 您可能还想查看我们的指南，了解如何在不编写任何代码的情况下创建完全自定义的 WordPress 主题，或者我们对最佳 WordPress SEO 插件的比较。

如果您喜欢这篇文章，请订阅我们的 YouTube 频道以获取 WordPress 视频教程。 您还可以在 Twitter 和 Facebook 上找到我们。

如何在 WordPress 中自定义受密码保护的页面一文首次出现在 WPBeginner 上。