在 Elementor 中的布局

简介

Elementor 是一个强大的网站和页面构建器，允许您高效地创建精美的网站。话虽如此，您仍需遵守一些网站形式和功能的规则。

您需要将页面元素指定到特定的位置，而 Elementor 允许您使用其可视化 Editor（编辑器） 来实现这一点。

在本文中，我们将介绍 Elementor 的布局。让我们开始吧！

网页设计 vs. 一般设计

Elementor 被设计用于构建网页，这意味着它与一般的设计软件不同。这意味着您不能简单地将元素拖放到任意位置。

这些 Elements（元素） 必须符合网页的标准化约束。

为什么网页需要标准化？

有些人使用台式机和笔记本电脑，而其他人更喜欢使用智能手机和平板电脑。有些人喜欢使用 Google Chrome 浏览器，而另一些人则偏好 Firefox、Safari 以及其他浏览器。

据估计，全球有 60 亿人可以访问互联网，每个网站都必须考虑到大量不同的配置，标准化是确保网站能够接触尽可能多人的最佳方式。

在 MacBook Pro 2020 上使用 Google Chrome 查看 Elementor 首页

在 iPhone 13 Pro Max 上使用 Safari 应用查看 Elementor 首页

标准化网页意味着任何浏览器都可以读取它们。它还有另外两个好处——优化和响应性。Responsiveness（响应性） 衡量您的网站对不同屏幕尺寸的响应程度——在手机上看起来与在宽屏电视上一样出色。Optimization（优化） 反映您的页面加载速度有多快。

这就是为什么 Elementor 确保您构建的网页符合这些标准的约束。

为什么页面速度很重要？

从技术角度来看，页面速度很重要。它对于增加您的网络流量，更重要的是，留住访问者在您的网站上也很重要。

人们不想等待网页加载。

我们不会涉及诸如跳出率、参与度和转化率等营销术语。关键是：如果您的业务依赖于您的网站，您需要对其进行优化，以免失去客户。

在 Elementor 中页面是如何布局的？

想象一下，您的网页是一个网格。如果您考虑一下，网格不仅仅是对称的方块集，而是垂直和平面交错的结果。因此，将 Sections（部分） 视为行（水平），而 Columns（列） 当然是垂直部分。

最佳实践是使用 Sections 将您的网站划分为片段来构建网站。

Elementor 的网站像美味的草莓蛋糕一样被划分为 Sections（部分）

接下来，您需要将这些 Sections 内的元素和内容组织成 Columns（列），以便它们更容易呈现。

看看内容是如何整齐地组织到 Columns（列） 中的？这对眼睛更友好，更容易导航，并且从心理学角度来看，我们的大脑处理信息的工作量更少。