AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
自定义分栏 功能作用 * 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。 * 自定义分栏各分栏之间可通过拖动来调整之间的比例,可更直观及细节的调整模块的位置。 实现效果 * 实现网站布局需要用到自定义分栏,如下图,一行需要放多个模块时,先添加一个自定义分栏选择5栏,再分别把把个模块对应拖到分栏内容区,再调整分栏之间的离距即可。 ![](http://help.yz168.com.admin.yz168.cc/comdata/16311/201902/20190218114959bb4ef7.png) 一、 添加模块 * 1.1 设置路径:网站编辑页面——左侧添加模块——自定义分栏——拖动模块到页面合适位置 ![](http://cdn.img-sys.com/comdata/16311/201902/201902161613282f3dce.png) * * * * 1.2 模块设置:选择设置电脑及手机分栏的预设布局 ![](http://cdn.img-sys.com/comdata/16311/201902/20190216161328b19fff.png) * * * * 以三列分栏,10分栏间距为例,添加后如下图: ![](http://cdn.img-sys.com/comdata/16311/201902/20190216161903ccd2e8.png) * * * * 分栏比例设置调整: ![](http://cdn.img-sys.com/comdata/16311/201902/201902161613280221dc.png) ![](http://cdn.img-sys.com/comdata/16311/201902/20190216161328c67659.png) ![](http://cdn.img-sys.com/comdata/16311/201902/2019021616225922bb2b.gif) * * * 二.跟旧响应分栏区别 2.1 自定义分栏可直接使用5栏布局分栏 ![](http://cdn.img-sys.com/comdata/16311/201902/20190218114959bb4ef7.png) 2.2 自定义分栏可自由调整不规则比例分栏(常见网站页尾信息不规则比例分布等) ![](http://cdn.img-sys.com/comdata/16311/201902/201902181149586293d3.png) 三.配合其它模块使用示例 * 汽车简介效果图: ![](http://cdn.img-sys.com/comdata/16311/201902/2019021616132815ff6d.png) * * * 3.1 、添加自定义分栏模块,选择分栏间距0,电脑“四列分栏”手机“一行两栏” ![](http://cdn.img-sys.com/comdata/16311/201902/20190216162729c6d0b2.png) * * * 3.2 、分别添加效果图的汽车“图片模块”及文字描述的“文本图文模块”,拖至对应分栏位置。 ![](http://cdn.img-sys.com/comdata/16311/201902/201902161613299120e0.png) * * * 3.3 、添加后分别在各栏之间鼠标拖动调整位置至合适即可。 ![](http://cdn.img-sys.com/comdata/16311/201902/2019021616132890d8e6.png) * * * 3.4 、 手机端适应的效果 ![](http://cdn.img-sys.com/comdata/16311/201902/20190216161329c0fb20.png) * * * 常见问题: 1. 问:为什么要添加响应分栏? 答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。 2. 问:响应分栏跟自定义分栏有什么区别? 答:响应分栏需要设置固定比例分栏,自定义分栏通过拖动方式设置比例,可更细节调整。 3. 问:响应分栏怎么设置模块整页显示?两边不留白? 答:高级设置——默认更改为全屏