在Weebly登录页面中添加删除按钮

所有 Weebly 主题在登陆页面上都有一个按钮，用于号召性用语。如果使用得当，它会非常有效，并会带来更高的转化率。但是如果你不想要这个按钮怎么办？这是从 Weebly 登录页面删除号召性用语按钮的分步教程。 Weebly 使用两种类型的主题 – 响应式和非响应式，并且该过程因您使用的主题而异。

Weebly 中的号召性用语按钮

在本文中，我们将解释在 Weebly建站的非响应式和响应式主题中添加两个号召性用语按钮。您还可以将号召性用语添加为小部件、自定义默认按钮并在 Weebly 中添加 3D 按钮。

删除响应主题上的号召性用语按钮

当您在响应式主题上有一个登陆页面时，只需不要添加任何按钮文本或链接，该按钮将自动隐藏在已发布的站点上。这也适用于登录页面上的标题和简短描述。

删除非响应主题上的号召性用语按钮

在非响应主题上，即使您没有按钮文本或链接，按钮也会显示在已发布的网站上。在这里，您需要通过编辑“landing.html”标头类型的源 HTML 来删除该按钮。

在 Weebly 站点编辑器中，单击“主题”选项卡下的“编辑 HTML/CSS”按钮。
您将被带到 Weebly 代码编辑器，单击“标题类型”下的“landing.html”。
在代码中搜索单词按钮。在 Windows 中使用“Ctrl+F”或在 Mac 中使用“Command+F”进行搜索。
完全删除以下
部分。

<div class="button-wrap">{action:button global="false"}</div>

此行通常可用于“button-wrap”类，如下所示：

您可以在代码下看到预览，以检查按钮是否已删除。保存您的主题并发布您的网站。请注意，代码可能会根据您的主题而有所不同，通常应该有一行“{动作：按钮全局=“假”}” 用于在您可以删除的所有主题中添加号召性用语按钮。查看以下视频，了解如何从您的 Weebly 网站的着陆页中删除号召性用语按钮：

创建多个登陆页面布局

上述方法将从您的登录页面布局中完全删除该按钮，您将无法再添加该按钮。如果您想在您的网站上创建多个登录页面并希望在某些页面上而不是在其他页面上添加按钮，那么这里是解决方案。

如上所述，打开“landing.html”页面的源代码并复制整个代码。
现在通过单击“New Header Type”选项创建一个新的页面布局，如下所示：

您将看到使用默认源代码创建了一个新的页面布局。
删除整个代码并将其替换为您从原始“landing.html”页面复制的代码。
将新的标题类型名称更改为“无按钮登陆page.html”（或任何你想要的名字）。基本上我们正在复制具有不同名称的登录页面。
现在您删除号召性用语标签“{动作：按钮全局=“假”}“ 从 ”无按钮登陆page.html”。
保存您的主题。

你可以看到一个新的页面布局“无按钮登陆page.html”添加在“页面”选项卡下或带有标题图像的任何页面上的“设置”按钮下的编辑器中。

您可以在布局之间切换或创建带有或不带有号召性用语按钮的多个登录页面。

如何添加两个号召性用语按钮？

许多用户询问我们如何在 Weebly 登录页面上添加两个或更多号召性用语按钮。只需再添加一行“{动作：按钮全局=“假”}” 在“landing.html”上将和编辑器上的一个附加按钮。但问题是这两个按钮不能有不同的文本，在已发布的网站上，第二个按钮的行为就像第一个按钮的副本一样。这是添加两个号召性用语按钮的方法。

与移除按钮类似，进入“landing.html”布局并替换代码“{动作：按钮全局=“假”}” 使用以下代码：

<div class="button-wrap">{button:content global="false"}</div>

修改后的代码如下所示：

保存您的主题以转到 Weebly 编辑器，默认的号召性用语可能已被删除。拖动一个按钮元素并放到号召性用语按钮区域（在简短描述下方）。您可以在第一个按钮元素旁边再添加一个按钮元素。现在您有两个具有默认 Weebly 按钮样式的按钮，并像往常一样添加您的文本/链接。

您可以将第一个按钮向右对齐，将另一个第二个按钮向左对齐，以便在布局上正确对齐。此外，“Spacer”元素可用于在按钮之间创建所需的空间。如果需要，请确保检查移动设备上的按钮并添加 CSS 媒体查询以更好地对齐。
使用上边距在按钮和简短描述之间创建足够的空间。
“button-wrap” 类使用默认的 Weebly 按钮样式，如果您愿意，可以使用自定义类名并在“main_style.css”文件下定义 CSS 样式。
您还可以在标题区域添加任何其他元素，例如块引用或社交图标，而不是号召性用语按钮。

查看带有两个号召性用语按钮的 Weebly 登录页面演示。

在Weebly登录页面中添加删除按钮