自定义分栏
功能作用
* 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。
* 自定义分栏各分栏之间可通过拖动来调整之间的比例,可更直观及细节的调整模块的位置。
实现效果
* 实现网站布局需要用到自定义分栏,如下图,一行需要放多个模块时,先添加一个自定义分栏选择5栏,再分别把把个模块对应拖到分栏内容区,再调整分栏之间的离距即可。

一、 添加模块
* 1.1 设置路径:网站编辑页面——左侧添加模块——自定义分栏——拖动模块到页面合适位置

* * *
* 1.2 模块设置:选择设置电脑及手机分栏的预设布局

* * *
* 以三列分栏,10分栏间距为例,添加后如下图:

* * *
* 分栏比例设置调整:



* * *
二.跟旧响应分栏区别
2.1 自定义分栏可直接使用5栏布局分栏

2.2 自定义分栏可自由调整不规则比例分栏(常见网站页尾信息不规则比例分布等)

三.配合其它模块使用示例
* 汽车简介效果图:

* * *
3.1 、添加自定义分栏模块,选择分栏间距0,电脑“四列分栏”手机“一行两栏”

* * *
3.2 、分别添加效果图的汽车“图片模块”及文字描述的“文本图文模块”,拖至对应分栏位置。

* * *
3.3 、添加后分别在各栏之间鼠标拖动调整位置至合适即可。

* * *
3.4 、 手机端适应的效果

* * *
常见问题:
1. 问:为什么要添加响应分栏?
答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。
2. 问:响应分栏跟自定义分栏有什么区别?
答:响应分栏需要设置固定比例分栏,自定义分栏通过拖动方式设置比例,可更细节调整。
3. 问:响应分栏怎么设置模块整页显示?两边不留白?
答:高级设置——默认更改为全屏
- 新手帮助
- QQ在线客服开通教程
- 网站界面简介
- 网站后台如何添加产品及文章
- 网站前台如何添加模块
- 网站管理员如何添加?如何用网址登陆网站后台?
- 页头区、页尾区及内容区有什么区别
- 了解网站布局模块
- 怎么修改网站的LOGO
- 网站装修
- 导航模块
- 图片模块
- 响应分栏模块如何搭配使用?
- 如何设置图片+文字效果(图文模块)?
- 相册模块
- 搜索模块
- 如何设置鼠标移动到按钮就切换内容(标签模块)效果?
- 如何添加调研表/调查表/表单收集(在线表单)功能?
- 语言切换模块
- 文章列表模块
- 友情链接模块
- 会员登陆模块
- 产品展示
- 通用分类模块
- 留言薄模块
- 下载列表模块
- 留言列表模块
- 购物车模块
- HTML模块
- 当前位置模块
- 音乐模块
- 按钮
- 视频模块
- 水平线
- 地图模块
- 360全景模块
- 返回顶部模块
- 产品分类:手机端专属分类带分类图片的展示样式
- 手风琴模块
- 大事记
- 关联模块
- 关联列表
- 数字递增
- Banner(幻灯片)模块如何操作?
- 九宫格模块
- 自定义分栏模块
- 文本模块
- 锚点
- 锚导航
- 悬停盒子模块
- 热门标签
- 弹窗功能
- 侧边栏布局
- 谷歌地图获取API_KEY方法
- 在线客服模块
- 社交分享
- Banner(幻灯片)模块
- 悬浮广告功能
- VR全景
- 产品/文章
- 如何添加文章
- 如何添加文章分类
- 如何添加产品参数
- 如何添加产品
- 如何添加产品分类
- HTML模块及应用
- 如何嵌入HTML模块
- 嵌入麦客CRM表单
- 嵌入天气预报
- 如何在百度站长平台验证网站
- 如何在360站长平台验证网站
- 产品详情页和文章详情页如何插入代码
- HTML模块实现禁止网站被复制
- SEO优化
- 微博接入
- 如何在百度提交自己的网站
- 高级SEO设置
- 基础SEO设置
