如何使用 Mailrelay 制作登陆页面，使用登陆页面编辑器的第一步

[suhasini523]

现在我们将了解使用注册表创建简单登陆页面的最常见步骤。

首先，您必须考虑的是，该表单必须事先在“订阅者”-“订阅表单”部分中创建，因为那些已创建的表单将被插入到登陆页面中。

如果您还没有表单，请按照此处所示的步骤创建一个基本表单。

获得后，您可以转到“登陆页面”菜单并使用“添加”按钮创建新页面。

为其命名后，您将看到如下屏幕：

创建注册页面的第一步
创建注册页面的第一步
此页面分为三个主要部分，从左到右：

元素部分。它们是可以添加到登陆页面的不同块。您只需将它们拖放到中心区域（内容）
内容。这将是一个可视化和工作区域，我们可以在其中向登陆页面添加内容。我们将看看结果如何。
选项。右列将显示所选元素的不同选项，如果没有选择元素，则显示整个页面的不同选项。
现在我们将逐步使用这些选项。

选择背景颜色
我们可以使用的第一个选项是选择整个注册页面的背景颜色。

默认情况下，您可以将颜色保留为白色，但有时使用更适合您的品牌的另一种背景颜色会很有趣。我们将从选项块中执行此操作：

选择注册页面的背景颜色
选择注册页面的背景颜色
在这种情况下，正如我提到的，我们将转到右栏，文档部分，然后选择“背景颜色”选项。

该选择将使页面的整个背景成为所选颜色。

选择主容器的背景颜色
为了执行此任务，我们将了解编辑器的另一个主要工具，即列表视图。

此列表视图是一个非常有用的工具，您将经常使用它来更好地编辑您的注册登陆，所以让我们看看：

非常有用的列表视图
非常有用的列表视图
单击左上方区域中的图标之一（第四个图标 ）即可显示列表视图。 立陶宛 whatsapp 号码数据库 当您单击时，它将向我们显示按层次结构组织的着陆页所有元素的列表。

这将允许您显示每个元素的块选项，甚至移动它们，以便它们在编辑器中出现得更早或更晚。将它们分组在一起，等等。

选择元素后，我们将看到右列如何显示该特定块的选项。例如，我们可以选择背景颜色，或者修改宽度。

在上图中，您可以在右侧看到箭头如何指向“背景”选项。

创建登陆页面后我们拥有的默认结构是
更大的主柱
另一个不太宽的内柱
为什么采用这种列中列的结构呢？

这可确保内部列始终保持在屏幕中央。可以在右栏中看到两个值：

内容。这将是内容的宽度。
广阔。这将是列的最大宽度。
这样，通过建立稍微较小的内容宽度，我们将在容器边缘和内容本身之间留出边距。

内容宽度和最大列宽
内容宽度和最大列宽
在图像右侧，您可以看到最大列宽如何设置为 900 像素，而内容宽度设置为 850 像素。从而留有很小的余量。

将项目拖至注册页面
现在让我们看看如何轻松地将新元素添加到工作区：

添加元素到您的注册页面
添加元素到您的注册页面
第一件事是选择左侧面板中的元素（在本例中为分隔符），然后用鼠标将其拖动到内容区域中的所需位置。

当将鼠标移到内容区域上时，我们可以看到一个蓝色条，指示内容的预期位置。

构建登陆页面的内容
即使您的注册页面相当简单，您也可能希望向其中添加一定量的内容。构建登陆页面最简单的方法之一是使用列：

各种注册页面栏选项
各种注册页面栏选项
正如您在上图中看到的，有多个列选项。一个非常有用的选项是三列，因为它允许我们使用中间列作为内容分隔符。

现在你就会明白我的意思了：


添加列后，您可以转到“列表视图”并选择中间列，在块列的右侧，我们将有空的“宽度”字段。但如果我们在这里定义 50px 的宽度，该列就会缩小并可以充当分隔符。

这样，各列就不会排列在一起，从而导致阅读困难。

然后您只需单击“+”符号即可为列添加内容。

将内容添加到列
将内容添加到列
请注意，通过单击“+”符号，您可以在可用块之间进行选择，在本例中为段落。

如果我们给它内容，它看起来会像这样：

将内容添加到列
将内容添加到列
在示例中，我们还在段落下方添加了一个“List”元素。可以用相同的方式继续向该列添加元素。例如更多的段落、图像等。

现在我们将重复该过程，但进行一次更改，我们将在第三列中添加一个表单：

将表单添加到您的注册页面
将表单添加到您的注册页面
正如我一开始就告诉你的，我们只能在现有的形式之间进行选择。因此，您必须事先创建所需的表单