一、基本操作
拖拽功能须知:在编辑器的设计模式进行
1、我们在页面中添加一个表单组件的版块来做为例子进行说明,如图,这个表单的左右两侧是有间距组件,所以距离页面两边会有一定距离
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qv0ch.png?imageView2/2/q/100)![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qv977.png?imageView2/2/q/100)
2、设置版块中不同组件的页面比例
(1)在版块空白处点击鼠标
(2)再把鼠标移动到间距组件和表单组件的边缘,左右拖动出现的边缘线,便可以调整组件大小
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qwclf.png?imageView2/2/q/100)
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qwmtt.png?imageView2/2/q/100)
3、当我们删除间距组件,左边的间距便会消失,这时我们可以通过组件拖拽,在表单组件的上下左右添加组件
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qx7v0.png?imageView2/2/q/100)
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qxgc6.png?imageView2/2/q/100)
4、比如我们要将图中(下图1)上方的地图组件,拖动到表单组件的左边,我们可以点击地图组件,选中移动,将地图组件拖拽到表单组件的左边,当表单组件的左边出现灰色长条即可释放鼠标(下图2),释放后的效果如同(下图3),拉动图中(下图3)黑色小黑方块可以改变组件长度
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qxzco.png?imageView2/2/q/100)图1
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qyckp.png?imageView2/2/q/100)图2
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qyuic.png?imageView2/2/q/100)
图3
5、拖拽组件时,当表单下方出现灰色长条表示组件将排列在表单下方,其它方向同理
![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qzhs4.png?imageView2/2/q/100)
提示:组件拖拽时请细心一点哦,这样才能快速找到准确的位置
- 站点管理
- 网站概况
- 设计界面
- 组件拖拽功能
- 板块介绍
- 区块设置
- 文字组件
- 图文组件
- 文章搜索组件
- 视频组件
- 按钮组组件
- 社区分享组件
- 栏目条组件
- 面包屑组件
- TAB组件
- 子导航组件
- 地图组件
- 在线表单组件
- 幻灯片组件
- 图片组件
- 社交网络
- 操作问题
- 如何添加组件
- 文章编辑时如何添加视频
- 图片高度调整
- banner图片添加更换
- banner去掉按钮、文本等样式
- 区块背景
- 添加产品
- 表单提交失败解决方法
- 网站设计
- 页面管理
- 外链
- 301跳转设置
- 文章相关
- 文章管理
- 网站设置
- 基本设置
- 网站图标
- SEO设置
- 在线客服(编辑器组件功能)
- 调整窗口宽度
- 更改位置(网站左边)
- 网站视频储存方案
- 编辑器直接上传(限20M以下)
- 七牛云储存
- 文章内添加视频
- 七牛云视频压缩转码
- 在线客服咨询平台解决方案
- 百度商桥
- 53快服
- 商务通
- 美恰客服
- 腾讯QQ
- 建站系统自带
- 高级教程
- 网页载入动画
- 禁用右键
- 网站导航在手机端自动打开时展示子导航
- 修改表单城市选项默认城市
- 网站地图
- 百度站长平台
- 阿里云域名解析
- 常见问题
- 支付宝如何获得合作身份ID及安全校验码
- 域名是什么
- 新站如何被百度快速收录
- 百度搜索网页标题规范
- 百度搜索的站点LOGO说明
- 如何正确设置网站标题、关键词、描述
- 站长之家:站长工具使用教程
- 长尾关键词
- 目标关键词
- 注意事项