使用 Elementor 的即将推出的最佳网站

已发表: 2021-11-22

您是否正在寻找一种使用 Elementor 创建即将推出的最佳网站的方法? 即将推出的页面是在您支持网站建设时保持访问者参与度的好方法。

通常我们需要更新或更改站点布局以跟上最新趋势。 但是您不希望您的访问者在您处理损坏的设计时看到它。 有一个错误页面可以让访问者转身寻找其他你不希望发生的选项。

这就是为什么最好在您进入维护模式后立即挂起即将推出的页面。 让我向您展示如何使用 Elementor Page Builder 插件制作即将推出的最佳网站。

通过简单的步骤使用 Elementor 创建即将推出的最佳网站

首先,在您准备好为您的网站设计即将推出的页面之前,需要进行一些计算。 您需要确定站点停止运行的时间量并添加一个显示延迟的计数器按钮。

这样,您的访问者可以在他们再次访问该站点之前跟踪剩余时间。 同时,您还可以通过将即将推出的页面与时事通讯订阅表格相结合来提供电子邮件通知服务。

无论如何,如果您以前没有使用 Elementor 设计过任何东西,请不要害怕。 Elementor 插件的操作非常简单,只需 5 分钟即可设计即将推出的页面。

感觉非常激动? 让我们开始设计吧!

步骤 1:手动创建即将推出的页面模板

首先,让我们转到 WordPress 网站上的模板选项,然后单击添加新按钮。

使用 elementor 的最佳即将推出的网站

模板库选项是您可以放置​​网站的各种模板的地方,包括来自 Elementor 页面构建器的模板。

由于模板在您的站点数据库中是可用的并且随着时间的推移不会受到影响,因此最好使用模板来使用 Elementor 创建即将推出的最佳网站。

在新的弹出窗口中,从第一个下拉选项中选择页面,并为即将推出的页面提供合适的标题。

单击“创建模板”按钮后,模板将保存到数据库中,您将被重定向到该模板的 Elementor 编辑器页面。

第 2 步:自定义和设计即将推出的网站

既然您被重定向到一个空白的编辑器页面并想知道下一步该做什么,那么我们可以从这一点开始有两种方法-

  1. 从头开始创建模板
  2. 使用就绪块并自定义它

对于初学者来说,从头开始创建所有东西需要相当大的努力。 不用担心, Element Pack Pro模板库中有可用于此作业的模板。 足以帮助您使用 elementor 创建即将推出的最佳网站。

请注意,您必须事先在您的网站上安装 Element Pack Pro 或 Element Pack Lite(免费)。

在访问库之前,让我们先更改页面布局。

单击 Elementor 编辑器页面左下角的小页面设置按钮。

然后单击Page Layout选项并选择Elementor Canvas

这样做将从页面中删除所有内容,包括全局页眉页脚、菜单、徽标等。空白页面现在非常适合使用 Elementor 放置即将推出的最佳网站。

现在,单击代表 Element Pack 模板库的绿色小圆圈。 它将在弹出窗口中打开模板库。

模板库有 2300 多个资产,结合了所有就绪页面、页眉、页脚和就绪块。 从如此庞大的库中找到一个模板似乎很困难。 但是,Element Pack 的模板库并非如此。

您会发现模板按类别(左侧)和部分(顶部)排列。

现在,转到“”部分,然后在左侧向下滚动,直到找到“倒计时”类别。

在这里你会发现很多很酷的即将推出的页面设计。 只需选择自己喜欢的东西作为使用 elementor 的即将推出的最佳网站,然后单击模板下的小插入按钮。

第三步:模板定制

我们选择了一个简约的即将推出的页面块,它有一个中等大小的标题、一个大计数器块和底部的电子邮件提交表单。

您可以立即使用此模板使用 Elementor 创建即将推出的最佳网站。

但是考虑到一个现成的块模板,它需要一些自定义以使其看起来与众不同。

让我们首先更改倒数计时器。 单击倒计时,然后单击截止日期选项。

您将在底部看到一个带有时钟的弹出日历。 只需根据需要更改计数器日期和时间。

然后让我们更改计数器编号颜色以使其更加突出。

只需将颜色调整为亮白色并在下面添加一些文本阴影。

现在设计已经准备好了,是时候将即将推出的页面挂在前端了。

第 4 步:设置即将推出的模板

最后一步,返回您的 WordPress 仪表板并查找Elementor选项卡。

在那里,转到“工具”部分,然后单击“维护模式”选项。

单击第一个选项并选择即将推出。 将第二个选项保留为Logged In ,这是为了让只有后端的人才能访问该站点。

在第三个选项中,从下拉菜单中选择您刚刚制作的模板。

现在,点击保存更改按钮,您就完成了!

尝试以用户身份访问该站点以查看它是否正常工作。 如果您没有跳过任何内容,那么一切都会正常进行。

结论

您是否学会了如何使用 Elementor 成功创建即将推出的最佳网站? 如果您在阅读本文之前对 Elementor 有一些经验,那就更容易了。

谢谢你熬夜。