首页

外贸独立站首页搭建进入收尾阶段，文章展示负责让访客顺畅浏览站内内容，页脚则承担联系信息与站点信息的收纳。这里把这两个版块放在一起完成设置。

（1）设置完前面版块的内容后，我们再来设置首页收尾的版块。

首页收尾工作涉及文章展示、订阅表单与页脚的搭建，这些版块决定访客能否顺畅浏览内容并留下联系方式。以下用Elementor完成这些版块的设置。

这个部分是一行两列的布局。左边是三个标题，底部是一个文本按钮，操作方法与前面的文字排版相同，这里不再赘述。右边是Posts功能元素的效果，即文章的功能，以下是其设置方法。

首先通过Posts功能元素在"Layout"中选择"皮肤"为Cards，"Columns"设置为2，"Posts Per Page"设置为2，"Show Image"设置为Yes，"图像尺寸"设置为完整，"Image Ratio"设置为0.62（在实际操作中，该参数应根据图片大小自行设置），"Title"设置为SHOW，"Title HTML Tag"设置为H3，"Excerpt"设置为SHOW，"Excerpt Length"设置为25（摘要长度可自行设置）。

基础设置完成后，我们需要配置Query，该功能用于设置文章的具体来源。在"Source"中设置内容来源时，可以是文章或页面，也可以手动选择具体内容。"INCLUDE"和"EXCLUDE"用于设置包含和排除，一般我们可以在INCLUDE中设置。"Include By"和"Term"用于设置具体需要呈现的内容。由于每个人的具体情况不同，需要自行配置。记得在完成相关设置之前，在这一行两列的大内容块上设置对齐。

（2）添加底部（页脚部分）并设置。

添加页脚部分可以用与添加页头相同的方式操作，即新建模板，然后应用到全局，也可以为不同的页面做不同的页脚。从这个案例来看，它的页脚应该是每个页面独立，所以我们选择了第二个方案。

首先，新建一行三列待编辑内容块，将整体宽度设置为1400px，然后将这行三列的宽度比例分别设置成35%、33%和32%，整个内容块的背景颜色设置为#011640，内距的"顶部"设置为200px，"底部"设置为160px。

然后依次添加第一列的三段文字和一个文字按钮。这部分操作是基于文本排版操作，文字按钮的添加方法与前面版块相同。在第二列联系信息中，我们可以直接使用Elementor编辑器中的文本编辑器功能元素操作，也可以以图标列表的形式操作（需要删除图标，优点是当鼠标指针悬停在相应的联系信息上时具有变色效果）。最后一列的Explore Our Properties可以设置Elementor编辑器的Posts功能元素，也可以用新增内部区段的方法，左边加图片，右边加标题和描述性文字。