如何在Weebly中创建登陆页面

如何在Weebly中创建登陆页面

登陆页面通常是为了吸引访问者的注意力而设计的。 例如,通过网络表单获取他们的电子邮件。 它们旨在根据您所营销的产品针对特定受众。

在这篇文章中,我们将解释如何在Weebly中创建登陆页面。 这将是您网站的入口点。

推荐:如何在Windows 11上删除Edge和Bing搜索

使用 Weebly 创建登陆页面

Weebly 曾经有一个添加登陆页面的简单功能,但不幸的是,这个功能被 Weebly 断开了。

我们将讨论目前构建 Weebly 登陆页面的选项。

首先,您可以 向您的 Weebly 网站添加新页面,或使用任何现有的启动布局进行工作。 完成后,您可以在目标网页上添加您想要的内容,然后您可能需要确保隐藏该页面上的导航。

在此示例中,我们使用“Unite 2 – Business”作为餐厅网站的主题。 我们选择 Splash 页面作为布局类型

启动页面 Weebly

到目前为止看起来很棒,但我们想隐藏导航,以便页面只有我们放在中间的内容。

现在大多数浏览器都带有一个非常有用的工具,称为“检查器”。 您可以使用此工具执行许多有趣的操作,但在我们的示例中,我们只需要获取具有导航菜单的元素的类或 ID。

为此,请右键单击或按住 CTRL 键单击导航,然后选择“检查”。

将弹出一个新窗口,并且将在显示的代码中选择您右键单击的元素。 检查器工具使这非常方便,因为它会突出显示页面上的元素。 您可以在我们的屏幕截图中看到我们要隐藏的元素的 ID 为“wsite-menu-item”。

隐藏 weebly 导航

接下来,回到 Weebly 网站编辑 并转到页面选项卡。 在对象中选择登陆页面,然后单击“SEO 设置”。 在标头代码字段中,输入以下代码:

<style>
	#wsite-menu-item { display:none; }
</style>
登陆页面 Weebly

现在,您只需重新发布您的 Weebly 网站,您就会看到您的登陆页面。

你们在 Weebly 网站中使用登陆页面吗? 您能分享一下您在此过程中发现的经验和/或挑战吗? 我们很想听听这一切!

推荐:WordPress代码片段专业插件Code Snippets Pro


发表评论