Elementor公司介绍页面首屏搭建

以案例网站为例,实操演示Elementor公司介绍页面首屏搭建流程,涵盖一行两列布局创建、内容宽度与最小高度设置、背景颜色配置,以及左右两侧标题与文本的排版样式调整,帮助外贸建站用户快速掌握页面首屏设计方法。

Elementor独立站页面搭建
外贸建站

公司介绍页面,最上面一个是主屏幕的内容。在学习了主页的构建后,我们就会明白,这是一行两列的布局,左边是两个标题,右边是一个普通的文本编辑器,并设置了一个整体的背景颜色。

页面首屏搭建

我们首先在后台待编辑内容块创建一个大的一行两列待编辑内容块,然后在"布局"中设置"内容宽度"为1400px,在"高度"下拉列表中选择"最小高度",并将系统默认的400px设置为600px。接着在"样式"中找到背景,在"标准"模式下设置经典模式的背景类型,然后设置背景颜色参数为#FFF7F1。

对于左侧第一个标题"Learn about the REALET family","HTML标签"设置为H3,对齐设置为左对齐,然后在"样式"中设置文本颜色为#848484,在"排版"中设置字体为Montserrat,"尺寸"为15px,"重量"为400。

左侧第二个标题"THE BEST REAL ESTATE OUT THERE","HTML标签"设置为H1,对齐设置为左对齐,然后在"样式"中将文本颜色设置为#011640,在"排版"中设置字体为Montserrat,"尺寸"为60px,重量为300。

对于右侧的文本,在内容功能的可视化窗口中输入相应的文本(请注意,不要选择文本窗口,文本窗口类似代码编辑器,可以使用一些前端HTML和CSS代码)。然后将对齐模式设置为"样式"中的左对齐,颜色设置为#848484,字体设置为Montserrat,"尺寸"为16px,"重量"为300。

(本文内容根据网络资料整理,出于传递更多信息之目的,读者需判断其时效性,不代表连连赞同其观点和立场)

更多