在 Elementor 中创建网页时,构建网页结构至关重要。这是所有页面都必须遵循的通用结构。有时,您的特定需求可能需要 2 到 4 种类型的模板页面。对于每一种模板页面,您都需要仔细研究其结构。务必花时间认真做好,因为如果一开始就打好基础,您的网页就不会摇摇欲坠!这最终可以避免很多修补的麻烦。
所以,所谓“正确构建页面结构”,我的意思是弄清楚页面的布局。页面会有标题吗(通常都会有)?会有副标题或子类别吗?会有下载区吗?主要内容标题是什么样的?正文内容又是什么样的呢?
在分析这些要素中的每一个时,你需要弄清楚三件事。
- 文字将是什么颜色?
- 文本的字体设置(大小、粗细等)是什么?
- 你需要分别在台式机、平板电脑和手机上设置这些选项(否则台式机的设置会在手机上显示异常)。别忘了,现在大多数人都是用手机和平板电脑上网!所以——你必须这样做。没错,这很费劲,但你只需要做一次。
Elementor 通过全局字体和全局颜色功能,让您更轻松地实现这一点。简单来说,您可以为所有页面的标题设置全局颜色,也可以为所有页面的标题设置全局字体。这样做有两个优点……
- 您无需费力地为每个页面(例如标题)单独设置字体和颜色。全局字体和颜色会自动完成这些操作。
- 如果您将来想要更改所有页面的标题颜色,只需在“全局颜色”部分更改设置,而无需逐个网页进行设置。想象一下您现在正在浏览的这个网站——超过 300 个页面——想象一下,只需在一个部分更改所有页面的颜色,就能节省多少时间!
以下是我网站的设置。如果您想先了解更多关于全局字体和全局颜色的信息,请在 YouTube 上搜索“Elementor 全局字体颜色”。我创建此页面是为了方便日后参考,您或许也想为自己的网站创建类似的设置。
DT = 桌面
TAB = 平板电脑
PH = 电话
例如,DT 表示桌面:37,400,LS -2.5,下划线 = 37字号,400字重,LS行距,下划线为装饰。LH = 行高。WS = 字间距。
类别例如:伦理
颜色 #0097FD
字体:Courier Prime
DT: 27, 400, LS -2.5, 下划线
TAB:27,400,LS -2.5,下划线
PH: 17, 400, LS -2.5, 下划线
子类别,例如:行星健康
颜色 #F94A00
字体:Roboto
DT:35,600
表格:35, 600
PH:25, 600
标题示例:入职培训
颜色 # F94A00
字体:Roboto
DT:35,600,下划线
表格:35,600,下划线
PH:23,600,下划线
副标题例如:你想知道的一切
颜色 #0097FD
字体:Courier Prime
DT:17,400,LS -2.5
TAB:17,400,LS -2.5
PH:14,400,LS -2.5
下载
方框颜色 = #DDDDDD
边框:实线,宽度 1 1 1 1,边框半径 5 5 5 5
文字颜色 #35C3FF
字体:Lato
DT:35,600
表格:16, 500
PH:16, 500
网页链接
颜色 #24B72F
文本字体和 DT、TAB、PH 设置:与左侧“下载”部分相同
泳道栏和文本
紫色盒子颜色 #610071
文字颜色: #FFFFFF
文本字体:Ubuntu Condensed
DT:35,600
TAB:27,600
PH:20,600
正文
颜色 #333333
字体:Lato,15,400,左高 24
文本将以这样的形式显示……
Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Ut elittellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Ut elittellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Ut elittellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Ut elittellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Ut elittellus,luctus nec ullamcorper mattis,pulvinar dapibus leo。