回到所有的课程
课程库

密码保护您的网站或网页

使用密码来限制对内容的访问,并控制谁可以访问特定的页面、集合或整个网站。

注意:我们正在向工作区过渡,并且正在更新我们的内容。访问工作区博客欲了解更多有关这些更新和变化,或访问我们的更新了如何用密码保护您的网站或网页的课程.你也可以了解如何检查您的帐户是否在工作区
这个视频的特点是一个旧的UI。更新版本即将发布!

有时你会想要隐藏你的网页内容,不让网上冲浪者看到。您可以通过不发布内容或将页面保存为草稿来做到这一点。但是,如果您希望与特定的人共享内容,您可以对其进行密码保护。

如果你用Webflow托管您的站点,您可以保护您的整个网站或网站上的特定页面。您还可以自定义密码页面的设计。

在这节课中:
  1. 密码保护个别网页
  2. 密码保护文件夹中的所有页面
  3. 密码保护集合的所有页面
  4. 密码保护你的整个网站
  5. 设计你网站的密码页面

密码保护个别网页

可以为受密码保护的每个页面设置惟一的密码,以便每个受密码保护的页面都具有其惟一的访问凭据。

密码保护您希望与客户端或特定观众共享的页面。这些可以是内部文档、敏感的客户机原型,或者任何您希望限制访问的页面。对于您不需要私下分享的页面,把它们作为草稿保存代替。

在页面上设置密码

中启用“密码保护”可设置页面级密码页面的设置在设计器或编辑器中。然后为该页面设置一个唯一的密码,并发布您的网站。

通过设计器对页面进行密码保护。

页面设置面板包括一个带有页面名称输入字段、密码保护开关和密码文本输入字段的通用部分。密码保护区域突出显示。

通过编辑器对页面进行密码保护。

第一步在顶部,从编辑器底部工具栏单击页面按钮。中间的第二步,点击页面右侧的设置按钮。下面的第三步,打开密码保护开关,输入密码。

密码保护文件夹中的所有页面

若要一次隐藏多个页面的内容,可以在每个页面上设置密码,也可以将页面添加到一个文件夹中,然后为整个文件夹设置密码。

每个页面文件夹都可以有自己的惟一密码,就像所有页面都可以有自己的密码一样。子页面和文件夹将继承其父文件夹的密码。如果这些子项目的父文件夹有一个密码集,则这些子项目不能有单独的密码。因此,设置文件夹级别的密码将覆盖以前在该文件夹内的页面或文件夹上设置的密码。

为文件夹设置密码

中启用“密码保护”,可在“设计器”或“编辑器”中设置文件夹级密码文件夹设置.输入将应用于该文件夹中所有页面的唯一密码。发布你的网站。

文件夹设置面板包括父文件夹下拉菜单、文件夹名称输入字段、段码输入字段、用于密码保护的开/关开关和密码输入字段。密码保护区域突出显示。

密码保护集合的所有页面

对于Collection页面,您可以对Collection模板页面进行密码保护,并且该Collection中的所有自动生成的页面都将显示密码页面并需要登录凭证。通过这种方式,您可以隐藏仍在设计的集合的页面。

在采集模板页面设置密码

若要在集合的所有页面上设置密码,请在设计器中该集合模板页面的“页面设置”中启用“密码保护”。然后设置一个访问Collection中的任何页面时需要输入的唯一密码。发布你的网站。

若要在编辑器中对集合页进行密码保护,请在该集合中的任何页上设置密码。密码将适用于该集合中的所有页面。

密码保护你的整个网站

如果您想发布您的网站进行测试或私人演示,该怎么办?您可以通过在项目的所有域上要求密码来控制谁可以访问仍在进行中的项目。

所有网站都提供了网站密码保护托管网站如果你在一个职业计划团队计划

在整个网站上设置一个密码

您可以在项目设置的“常规”选项卡下访问网站密码设置。若要设置站点范围内的密码,请在项目设置中启用“密码保护”,设置密码并发布站点。

项目设置包括一个网站密码部分,其中包括一个开/关开关和密码文本输入字段。还有一个设置密码的按钮。

设置站点范围的密码将覆盖在该项目中的页面或文件夹上设置的密码。

设计你网站的密码页面

偶然发现受密码保护的URL的站点访问者将看到一个密码页面,需要在继续之前输入您设置的密码。

chrome浏览器窗口显示www.raktarban.com页面的密码保护页面,中间有一个锁定图标。在锁图标下面有一个文本输入字段和一个提交按钮。

进入密码页面

您可以在设计器中自定义密码页面的设计。您可以通过Pages面板或使用快速的找到

页面面板中的实用程序页面部分包括三个页面。这三个页面分别为404、密码(高亮显示)和搜索结果。

自定义并样式化密码页面

默认情况下,密码页面带有居中的一组元素,您可以根据自己的喜好对其进行自定义。您可以删除和重新排列密码页面上的大多数默认元素,但不能删除输入表单和提交按钮除外。您还可以向页面添加新元素,并按您的喜好设置样式。

您还可以样式的“错误消息”网站访问者看他们是否输入了错误的密码。在画布上选择实用工具页面表单元素并打开element settings面板。在那里,将Password form settings下的表单状态切换为“错误密码”状态,以在画布上显示Error消息。选择、自定义并设置样式。

在左侧,选择了一个表单错误元素。在右侧,密码表单设置部分包括两种显示状态,默认密码和错误密码。


尝试Webflow——它是免费的
Baidu
map