# 7.2 DIY布局
![](https://img.kancloud.cn/39/24/3924d2f174b1b9ec3898bba02126d310_1356x121.png)
**DIY布局页面主要用于小程序首页面,及二级页面的创建。
如果自己不会设计,可以套用下面系统自带的现成模板,可以选择使用或参考。**
![](https://img.kancloud.cn/20/45/204578fed5f02f6c26ab1d165741b720_928x627.png)
模板分类,点击选择:
![](https://img.kancloud.cn/7d/77/7d77890bdf0aa0eb037020985f69f0d1_1600x817.png)
编辑小程序首页指南如下:点击编辑使用中的页面模板(使用中的为首页面)
![](https://img.kancloud.cn/c0/b2/c0b2a799832567fe04dd525443a9e42f_821x601.png)
1、页面中:左侧1----模块列表:为页面可以选择使用的功能,(可以自行添加一个空白页面,都点击一下功能,使用了解)。
中间部分2----为页面的预览效果和点击删除,拖动调节位置。
右侧3----为对功能个性化编辑的作用,(调节板块的颜色、数量、大小、跳转路径等diy化)。
页面灰色栏目,最右上角----为保存页面功能。
![](https://img.kancloud.cn/0f/83/0f83caedcbcdb22af09aee5db01e7c80_1917x903.png)
左上角----主题设置为:设置页面标题、分享标题和背景颜色等。
![](https://img.kancloud.cn/6a/9c/6a9c7cbf4e2214e8645017ac4cdcef15_1779x860.png)
左上角----页面设置为 首页启动图、弹窗广告、背景音频的设置。
![](https://img.kancloud.cn/97/b7/97b78341f5d84c0e55530c94628414a9_1218x764.png)
左上方---页面列表 ,针对二级DIY页面的添加、复制、删除,可添加多个,也可以通过首页面图片跳转到二级页面(首页只能设置一个)。
![](https://img.kancloud.cn/bc/99/bc99691301507da75dee1055684799b9_1906x574.png)
**页面功能概述:**
** 图文展示使用:封面图片、大图模块、图文广告、图片轮播、富文本、组图模块、图片橱窗、图文组、文章列表**
根据不同样式需求选择适合的展示模块,例如图片轮播适合banner图;如需要单页滑动效果可选用图文组……
** 标题使用:标题2、标题栏**
题2样式多样有主副标题,满足样式需求;标题栏可添加跳转链接。
* 按钮:按钮组、文字按钮、单个按钮、选项卡。
* 商品、插件:秒杀模块、多商户模块、多商户列表、产品模块、拼团模块。
商品最好不要使用不对应的模块,比如多规格商品使用秒杀模块,可能导致显示错误。
* 布局:辅助线、辅助空白(进行板块间隔断使用)。
* 营销:公告+营销模块+万能表单+流量主。
公告栏:滚动文字显示,可以读取文章,也可以手动填写。
订单轮播:可读取的订单数据。
优惠券、万能表单:都是从系统—营销中的对应部分读取/选取内容。
**注:首页面为小程序的框架排版,快捷入口设置,每个版块的内容,需要在后台对应栏目设置上传。**
- 常用工具
- 图片剪辑工具使用教程
- 小程序绑定公众号教程
- 平台注册
- 1.1 微信小程序注册
- 1.2 百度小程序注册
- 1.3 支付宝小程序注册
- 1.4 头条/抖音小程序注册
- 1.5 QQ小程序注册
- 1.6 腾讯短信注册
- 第一章 总览
- 1.1 数据预览
- 1.2 销量统计
- 1.3 销量排行
- 第二章 商品
- 商品栏目
- 商品列表
- 商品设置
- 栏目风格
- 第三章 内容
- 文章栏目
- 文章列表
- 文章评论
- 付费视频
- 付费音频
- 付费内容订单
- 组图栏目
- 组图管理
- 短视频
- 第四章 订单
- 商品订单
- 售后订单
- 第五章 用户
- 4.1 用户管理
- 4.2 消费流水
- 4.3 积分流水
- 4.4 会员设置
- 4.5 会员等级
- 4.6 申请记录
- 4.7 开卡记录
- 4.8 标签管理
- 第六章 分销
- 基本设置
- 分销管理
- 分销等级
- 申请列表
- 分销订单
- 提现申请
- 第七章 DIY
- 7.1 全局设置
- 7.2 DIY布局
- 7.3 个人中心
- 7.4 底部菜单
- 第八章 系统
- 基础设置
- 多端设置
- 8.2.1 微信小程序配置
- 8.2.2 支付宝小程序配置
- 8.2.3 H5配置
- 8.2.4 PC配置
- 8.2.5 百度小程序配置
- 8.2.6 头条字节跳动小程序
- 8.2.8 QQ小程序配置
- 物流接口
- 运费模板
- 同城配送
- 模板消息
- 订阅消息
- 海报设置
- 通知设置
- 小票打印
- 远程附件
- 退货地址
- 页面链接
- 第九章 应用
- 限时秒杀
- 9.6.1 商品栏目
- 9.6.2 商品管理
- 9.6.3 订单管理
- 9.6.4 基础设置
- 多人拼团
- 9.8.1 拼团设置
- 9.8.2 栏目设置
- 9.8.3 商品管理
- 9.8.4 订单管理
- 9.8.5 成团管理
- 9.8.6 退款管理
- 预约预定
- 9.7.1 商品栏目
- 9.7.2 商品管理
- 9.7.3 订单管理
- 9.7.4 基础设置
- 全民砍价
- 9.12.1 基础设置
- 9.12.2 栏目管理
- 9.12.3 商品管理
- 9.12.4 砍价管理
- 9.12.5 订单管理
- 摇一摇抽奖
- 9.4.1 活动管理
- 9.4.2 积分规则
- 优惠券
- 优惠券列表
- 领取记录
- 礼品卡
- 卡券栏目
- 卡券列表
- 实物订单
- 小程序直播
- 直播列表
- 商品库
- 商品源
- 文章营销(微信端)
- 文章管理
- 文章数据
- 营销数据
- 短视频营销(微信端)
- 短视频管理
- 短视频数据
- 营销数据.
- 9.1 餐饮小程序
- 9.1.1 基础设置
- 9.1.2 分类管理
- 9.1.3 桌号管理
- 9.1.4 商品管理
- 9.1.5 订单管理
- 9.2 多商户
- 9.2.1 系统设置
- 9.2.2 店铺分类管理
- 9.2.3 店铺管理
- 9.2.4 商品分类管理
- 9.2.5 商品管理
- 9.2.6 订单管理
- 9.2.7 提现管理
- 9.2.8 店内支付
- 9.3 微同城
- 9.3.1 分类管理
- 9.3.2 发布管理
- 9.3.3 评论管理
- 9.3.4 相关设置
- 9.5 供求关系
- 9.5.1 发布管理
- 9.5.2 评论管理
- 9.5.3 相关设置
- 9.9 积分签到
- 9.9.1 基础设置
- 9.9.2 签到管理
- 9.10 积分兑换
- 9.10.1 栏目管理
- 9.10.2 商品管理
- 9.10.3 订单管理
- 9.11 名片
- 9.11.1 名片样式
- 9.11.2 名片列表
- 多门店展示
- 门店设置
- 门店列表
- 万能表单
- 表单列表
- 信息列表
- 积分规则
- 会员储值
- 手机核销
- 第十章 (帮助) 页面路径