使用教程
1. 添加“关于我们”模块
这个模块适合放在首页的企业介绍区域,也可以用于独立的关于我们页面。它将图片、介绍文字和按钮组合在一起,手机端会自动调整为上下排列。
- 登录网站后台,进入页面,打开需要修改的页面。
- 点击使用页面构建器编辑,进入可视化编辑界面。
- 切换到模块面板,在 Modular 分类中找到关于我们。
- 将模块拖到页面中需要的位置,点击模块工具栏上的编辑。
交付页面已经放好了模块时,直接编辑现有模块即可,无需重复添加。
2. 修改标题和介绍文字
编辑面板分为“模块设置”和“内容设置”。模块顶部的标题与图片旁的标题是两个独立字段,可以分别修改。
| 设置位置 | 字段名称 | 显示在哪里 |
|---|---|---|
| 模块设置 | 模块标题 | 整个模块顶部的居中标题。 |
| 模块设置 | 模块简介 | 模块标题下方的简短说明。 |
| 模块设置 | 模块样式 | 选择图片靠左显示或图片靠右显示。 |
| 内容设置 | 标题 | 图片旁的介绍标题。 |
| 内容设置 | 描述 | 标题下方的企业介绍正文。 |
建议介绍正文先写清楚企业的主营业务,再补充生产能力、服务范围或交付经验。修改文字后,在右侧预览中检查段落长度。
3. 更换图片或设置视频
使用企业图片
- 打开内容设置,将媒体类型设为图片。
- 点击特色图片,从媒体库选择图片,或上传新的图片。
- 确认选用后,检查图片与文字的搭配效果。
工厂环境、办公空间、团队合照和生产设备都适合用于企业介绍。上传前先整理好图片,避免使用带有其他公司水印的素材。
使用视频入口
将媒体类型切换为视频,填写视频地址,同时设置特色图片作为封面。前台会在封面上显示播放按钮。设置完成后,在实际页面中点击播放按钮,确认所填地址能够播放。
4. 设置按钮和联系电话
模块提供两组按钮,每组分别设置文字和链接。
- 按钮-1 文本/按钮-1 链接:适合填写“了解我们”,链接到企业介绍页面。
- 按钮-2 文本/按钮-2 链接:适合填写“查看产品”,链接到产品展示页面。
- 号码标题/电话号码:用于在介绍区域展示联系电话。
链接请从网站实际页面复制,确保地址完整。无需展示的按钮,将对应的按钮文字留空。
保存后要在前台实际点击按钮检查跳转。编辑器里的选中和拖动操作不能代替前台链接测试。
5. 保存并检查手机效果
- 点击构建器顶部的保存,等待保存成功提示。
- 打开页面前台,确认标题、图片和按钮已更新。
- 切换手机预览,检查文字换行、图片显示和按钮排列。
- 实际点击链接;使用视频时,再检查一次播放效果。
本页上方的演示区可以切换宽屏和手机宽度,帮助你理解同一模块在不同屏幕上的排列方式。