视频教程配套：从零开始建外贸B2B独立站

首页首屏Banner 首页是整个网站权重最高的页面，首页Banner是访客打开首页时，第一眼看到的内容，应该争取让访客第一眼就明白提供的产品或服务，吸引访客往下看。 外贸B2B工厂独立站首页常见内容 首页是整个网站权重最高的页面，它不仅要起到整站导航的作用，还要展示公司实力、赢得用户信任，目标是激发访客的合作意向，促使他们愿意建立初步联系。常见模块有：产品类目、关于我们、工厂展示、Call to Action（行动号召）、为什么选择我们、资质证书、知名客户LOGO、客户评价、FAQ 创建模块 统一样式 先设置第一个模块的样式，然后将其样式复制到其它模块。 首页常用模块制作 提前准备好各模块要用的文案、图片、视频，以便快速创建首页。建议每制作一个版块保存一次。 产品目录模块 Catalog 用图像框制作，以产品类目名称为标题，图像框设置自定义宽度33%，容器方向为水平。先设置好第一个图像框的样式，然后把样式应用于其它图像框。 关于我们模块 About us 左右结构的Container，左边放视频，右边放标题和文本。视频可以设置Poster、自动播放、循环播放、静音播放等。文本太长可以分成多个模块。首页的About us描述建议精简些，详细内容可以放在About us专用页面。 工厂环境模块 Factory 插入Elementor【基本图库】部件，插入工厂内部环境组图。提前统一图片尺寸，以便获得最佳展示效果。样式标签下可设置图片间距、圆角、边框、阴影等。 行动号召模块 Call to Action 从Elementor模板库中选择一个模板，修改文本与样式（背景色、字体系列、间距）。 展示优势模块 Why Choose us 对应Elementor模板库中的Benefits分类，导入模板后，修改模板的内容和样式。 外贸证书与客户评价版块 Certificates & Testimonial 由于演示用的工厂没有相关素材，删除了这两个模块。Certificates通常用图像轮播部件制作，Testimonial通常用Testimonial Carousel部件制作。 常见问题版本 FAQ 可以从Elementor模板库中选择模板，也可以用Elementor部件从创建，常用部件：Tab选项卡、Toggle切换、Accordion手风琴。 Toggle切换与Accordion手风琴非常相似，区别在于Accordion部件最多展开一项详情，Toggle部件可以同时展开多项详情。 首页样式调整 Banner 首页大图 为Banner容器添加背景图，在网速不足以加载视频时，先加载背景图片。修改按钮的背景颜色、文本颜色、文本内容。 Categories 产品分类 修改产品分类模块中的标题样式，直接在Elementor站点设置的排版中修改H3标题（首字母大写），以便应用于整个网站。 About us 关于我们 调整容器与元素的结构，使其更精简。适当调整各元素的宽度。 Our

Elementor编辑器的安装与设置 安装Elementor编辑器（免费） 安装 – 启用 – 关闭Elementor初始化设置页面 – 刷新主题设置页面 设置Elementor主题的全局颜色 设置主要颜色、次要颜色、文本颜色、摘要颜色，可以添加自定义颜色，方便后期调用。 设置Elementor主题的全局字体 设置主要字体格式、次要字体格式、文本字体格式、摘要字体格式，包括字体系列、字号、粗细、大小写转换、字体正斜、字体装饰、行高、字符间距、单词间距。 禁用Elementor部件的默认字体和颜色 WordPress后台 – 常规 – 勾选【禁用默认颜色】和【禁用默认字体】，禁用后，Elementor部件颜色和字体会继承主题颜色和字体。 为全局排版添加示例标题 添加一些标题和文本，以便查看演示效果。 为整个站点设置排版格式 Elementor – 站点设置 – 排版。这里可以设置内容的颜色、字体格式、段落间距、链接颜色、H1~H6标题颜色和排版。 全局设置的便利性 提前设置全局颜色 – 在网站内容编辑中调用全局颜色 – 后续修改全局颜色时，网站上所有相关内容的颜色都会随之改变。全局排版效果同理。 全局元素设计：顶部导航栏 设计顶部导航栏Header 修改全局按钮样式 把全局按钮样式改为与顶部导航栏按钮一样。 导航栏所有元素垂直居中，菜单栏水平居中 垂直居中：高级设置 – 自对齐 – 居中。水平居中：内容 – Alignment – 居中 将顶部导航栏应用于整个网站 发布 – Condition设置为Entire Site – 效果预览 全局元素设计：底部导航栏