外贸独立站首页第二屏内容的设置

使用Elementor编辑器为外贸独立站首页第二屏进行内容排版与样式设置,涵盖背景颜色配置、标题与描述文字的字体参数调整、内容编辑块宽度与内外距设定,以及第四屏藏青色图标框的添加与复制操作,帮助卖家搭建美观且信息清晰的独立站首页。

外贸建站

为外贸独立站首页搭建收尾,还需要对各内容版块做精细化的样式设置,让页面既美观又能清晰传达信息。第二屏以文字排版传达信息,以下使用Elementor编辑器完成这部分的设置。

独立站首页排版

接下来,我们将设计首页的第二屏内容。

上面部分内容有点特殊,它不是全屏宽度,而且占据了背景的一部分,所以我们首先选择一行一列内容编辑块,然后在Elementor编辑器中添加"内部区段"功能元素。这样就完成了一行两列的内容布局。

为整个内容编辑块设置背景颜色。

左部分的文字是标题,HTML标签是H2。标题的字体参数设置在"样式"的"排版"功能中,右边的文字描述也是同样的操作。在文本编辑器的样式功能中,设置文本对齐,并设置文本字体,内容编辑块的外距最终设置在"高级设置"选项卡中。

对下面部分的文字内容进行设计。第一行标题为#848484,字体为Montserrat,尺寸为15px,字体重量为400。第二行标题文字设置为#011640,字体为Montserrat,尺寸为30px,字体重量为300。第三行文本描述,对齐设置为中心,文本颜色参数#848484,字体Montserrat,大小为16px,字体重量为200。然后调整整个内容块的宽度。将整体内容宽度设置为600px,然后在"高级设置"中设置整个内容内部距离的上下部分为80px。


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

更多