使用Blocksy主题内置的添加即将上线页面和维护页面

在网站正式上线之前，或是在网站进行维护时，网站运营人员通常会在前端展示一个临时页面，告知访客当前网站正在建设或维护中，内容暂时无法访问。而网站管理员依然可以访问网站，包括网站前台和后台，从而在后台继续进行工作。

扩展阅读：

如果是最简单的“即将上线”或“维护模式”页面，可能仅包含一条非常简短的状态信息，如“网站正在维护，敬请稍候”。如果想制作更加精美的，可以通过插件设计出更专业的页面，不仅给访客留下深刻印象，还能帮助您吸引新的粉丝、订阅者或客户。

对于使用Blocksy高级版主题的用户，可以使用主题内置的功能，轻松创建专业的即将上线或维护模式页面。

先决条件

要使用本教程，您需要具备下面的条件：

1. 一个可以正常运行的 WordPress 网站；
2. 安装了 Blocksy 主题；
3. 安装了 Blocksy Pro 扩展，可让您访问专门构建的内容块，可以使用这些内容块创建任意数量的“即将上线”和“维护模式”模板，并设置相应显示条件。

注意：Blocksy主题的内容块功能，需要购买并激活 Blocksy Pro才能使用，如果您尚未购买和安装是无法使用的。

在本教程中，我们将创建以下三个页面 – 第一个是 Blocksy 的默认维护内容块设计，第二个是定制版本，第三个是高级版本的页面：

激活内容区块功能

如上所述，要使用 Blocksy 创建维护模式和即将上线页面的模板，需要使用Blocksy主题的内容块功能。内容块是高级版的一种功能菜单，具有专用功能，在块编辑器中有自定义设置，可以设置显示条件（包含和排除规则），可以设置可见性选项等。

目前，Blocksy Pro 提供九种类型的内容块：

1. 自定义内容/挂钩
2. 弹出窗口（PoPup）
3. 404 页面
4. 页头
5. 页脚
6. 归档页
7. 单页面
8. Nothing Found 页面
9. 维护页面

要创建即将上线和维护模式模板，我们需要使用维护页面内容块。

在 WordPress 网站上安装 Blocksy 主题和 Blocksy Pro 扩展后，单击管理区域左侧栏中的Blocksy > Content Blocks 菜单。在这里，您可以浏览已经创建的内容块：

一、如何在不到一分钟的时间内为 WordPress 网站开启维护模式

首先，让我们看一个最简单的用例：当您需要尽快地为网站开启维护模式时。

Blocksy 的维护内容块采用默认的简洁设计，适用于大多数 WordPress 网站。让您可以在不到一分钟的时间内开启它。

在Blocksy > 内容块页面上，单击添加新（Add New）按钮：

当屏幕上出现新内容块模式弹出窗口时，选择自定义模板选项：

对于模板类型字段，从下拉菜单中选择维护模板选项，然后在模板名称字段中输入模板名称（例如“默认维护页面”）。

最后，单击“创建内容块”按钮。请注意，点击此按钮后，您的 WordPress 网站将进入维护模式：

接下来，就会打开内容块编辑器（WordPress 块编辑器的定制版本），其中包含 Blocksy 预先设计的维护模板：

如上面的屏幕截图所示，页面右上角有一个更新按钮，这意味着维护页面已经发布（对于未发布的页面，WordPress 会显示发布按钮而不是更新）。

您可以在另一个 Web 浏览器中打开您的网站，查看未登录用户在前端看到的样子：

如果要禁用维护页面，可以导航到Blocksy > 内容块，找到对应模板，然后关闭对应的启用/禁用按钮：

二、如何在 WordPress 中自定义维护页面

虽然可以继续使用 Blocksy 默认的维护模板，但您也可以对其进行自定义，比如添加品牌Logo、显示针对目标受众定制信息、向页面添加其他元素（例如号召用语）等等。

1. 自定义维护内容块的设计

要自定义维护页面模板，可以通过点击块编辑器右上角的大写字母 B （即 Blocksy）图标。

然后，可以设置背景颜色或者背景图片，如在本示例中我们添加了绿松石色 – 青色线性渐变背景。

除了在背景中添加渐变之外，Blocksy 的设计选项还可以：

• 设置背景图像
• 设置纯色背景
• 调整垂直间距
• 为桌面、平板电脑和移动设备选择不同的内容区域样式
• ETC。

2. 编辑维护页面的内容

除了自定义维护页面的设计之外，还可以通过添加、编辑或删除块来更改其内容。

您可以使用所有默认的 Gutenberg 块以及其他第三方块插件添加的自定义块。

在在下面的例子中，我们进行下面的操作：

• 添加了一条简短说明，告知访问者网站何时恢复
• 添加了号召性用语，鼓励他们发送电子邮件或在社交媒体上关注品牌
• 添加一些社交媒体图标

3. 设置一个或多个显示条件

最后，您可以给维护模式模板设置显示条件。您可以设置显示的特定日期和时间段、用户角色和用户身份验证状态（登录与注销）。

要设置显示条件，请点击 Blocksy 面板中显示条件下方的编辑条件按钮：

在弹出窗口中，单击添加显示条件按钮，并定义显示规则。

例如，在下面的屏幕截图中，可以看到具有三个条件的组合显示规则：

1. 设置每周三凌晨 12:00 至凌晨 02:00 之间开启，允许定期进行维护（可以通过选择“仅限周三”字段来开启它们，开始和结束时间不会出现在模式中）。
2. 编辑身份被排除在维护模式之外。
3. 商店经理身份也被排除在维护模式之外。

在默认模式下，可以创建“OR”规则，但如果您打开高级模式开关，还可以使用“AND”和“OR”规则，从而可以创建更复杂的显示条件。

三、如何创建高转化率的“即将上线”页面

要为 WordPress 网站设置新的即将上线页面，可以在Blocksy > 内容块上创建维护内容块。

在下面的屏幕截图中，您可以看到两个维护内容块：

创建即将上线的内容块与设置维护模式内容块的流程相同，只需按照上面的步骤操作即可。这里我们重点讨论两点，显示倒计时和收集客户信息：

1.显示倒计时动画

如果网站会在某个特定时间上线，那么可以在即将上线页面添加倒计时，以明确告知网站上线时间。

在下面的示例中，我们使用的是免费版本的 GreenShift 块插件，来向“即将上线”页面添加了一个计时器，您也可以使用任何其他具有倒计时块的块插件：

2. 添加订阅表单来收集潜在客户信息

在“即将上线”页面上添加订阅表单，可以在网站上线之前收集潜在用户信息。

您可以通过开启 Blocksy 的Newsletter 订阅扩展来创建订阅表单。

要开启该功能，请转到Blocksy > 仪表盘 > 扩展 > 新闻订阅，打开对应的开关，然后单击保存设置按钮：

然后，返回模板并向页面添加一个Newsletter块。

如果需要，您还可以编辑块的样式（例如，您可以更改文本和颜色、添加新块作为子块等）：

下面，您可以看到我们在测试网站创建的“即将上线”页面的样子：

• 动画倒计时器
• 电子邮件订阅表单
• 社交媒体按钮
• 带有透明覆盖的背景图像

总结

使用Blocksy主题和Blocksy Pro扩展，可以轻松创建即将上线页面和维护模式页面。除了上面介绍的功能之外，Blocksy Pro 还有很多其他很棒的功能，例如高级菜单、设置个性化侧边栏、向内容添加动态数据、可自定义的钩子系统、可调节的颜色模式开关、WooCommerce 插件的电子商务附加功能等等。

如果您想要购买Blocksy扩展，现在就采取行动吧。