选择首页模板之前,我们首先要打开选择首页风格,查看我们行业适合用哪个模板比较好看,打开首页风格如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/57231c8aa2ae5.png)
如上图所示,显示默认是常用的模板,可点后面的如:大图、典雅、黑炫、文艺等,去选择我们觉得可用的模板,然后在模板上点击如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aa96e92f5.png)
如上图所示,鼠标指向要选择的模板点击后,会弹出确认窗口对话框,点对话框中“确定”按扭,如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aaa4bcd1d.png)
打开首页风格时系统默认的是常用的第一个风格模板,如上选择到需要的模板后,点确定如上图显示,看到模板上有一个大的绿勾即可。然后要点更新微网站,才能在手机上查看首页显示效果,手机缓存可能打开会是之前缓存的模板(手机缓存一般在几分钟到十几分钟以内,具体要看网络的缓冲快慢而定)如果手机很久看不到可清理手机缓存,或直接在电脑浏览器上打开查看,方法如下:
(可以复制微网站链接到浏览器上查看效果)如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aab8c4812.png)
复制上面红箭所指的链接地址,打开谷歌浏览器或其他浏览器,点浏览器标题样右上角的向下还原按扭,然后向上和向左缩小浏览器窗口达到适合查看窗口即可,如下图:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aac4696fd.png)
复制链接到地址栏上打开如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aace7a038.png)
如上图就是在浏览器上打开的效果,如果每一个更新微网站后,还是没有自动显示出来,可点浏览器上的刷新按扭进行刷新后就能显示出来。
### 首页模板与栏目图标图片的关系
显示在手机前台首页的图片,不同的首页风格模板都要用不同的尺寸幻灯片图片和栏目、单页的图片,在选择首页风格模板时,在模板上会有显示提示。当然,也有的标示可有所不一样,系统后台有几百套首页风格模板,这就要看上传后看结果出来,再作调整了,在此也举例说明一些特殊模板用的不同尺寸的图标或图片。如关于我们在下面的图片上传有的模板必须用正方200*200或80*80的像素。这里是在微网系统—微官网栏目设置—关于我们的窗口如下图:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aae795465.png)
右边箭头指示的提示说明只是一个常用尺寸提示说明,这里不能代表所有首页风格模板的尺寸,这里的文章图片,会在手机前台首页第一窗口显示出来。如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729aaf63aa26.png)
如上图,关于我们“关于新城”图片是不显示出来的,因为排序在“0”第一个位置上,如果调整排序就会显示出来,如“微商APP”栏目里的图标一样,此图标调不同等一致的尺寸,就会影响到整个首页的显示美观度。
### 特殊首页风格简单说明
首页风格图片尺寸一般的模板图片或图标尺寸都有标出来的,如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab0a899c1.png)
但是有的首页模板因排序后位置有所变化或比较特殊性,所以没有完全确定图片尺寸所以没有准确的标明,那就要按实际操作当中进行设计图片上传,如果有变形的图片,就要不断调整图片尺寸,达到最佳效果止,最好是找专业美工,会熟悉操作PS软件,按照模板的大概范围调整最佳即可。
### 案例
如下图这个模板:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab1bebb57.png)
如上图,这红框里的图片如果按模板说明上传后显示不完整的,最好用300:100像素,这样显示出来比较完整,关于栏目的位置如果有改变排序,那么栏目位置就会跟随有所改变,如“关于美十”下面的如:服务场景、硬件设备、美十团队、原创展示下的花间水月等,是不显示图片的,如果有上传也不会显示出来,这就是模板的特殊性,如果需要显示,那可选择其他模板。如下图所示显示就不完整:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab25b58e1.png)
如上图去把图片尺寸改好后再上传,上传图片的位置如“产品服务”就在产品服务编辑里修改如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab2f6e078.png)
如上图所示,排序在“0”的就是在上图11模板上的第一个位置,点产品服务后面操作下面的编辑按扭,如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab3837fc1.png)
设计好图片尺寸后,再点选择文件上传图片,手机前台显示如下图:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab43ef157.png)
如上图所示,显示出来的图片就基本完整了。
其他特别模板图标或图片尺寸也差不多如此按实际模板进行调整,由于太多模板在此就不一一举例说明了。
在此加以说明如果栏目里面的添加文章和添加单页链接,不是显示到首页的图片,还是按照图片说明上传为准如下图所示:
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab5642a36.png)
如上图栏目里的单页文章编辑上传的文章图片上显示:JPG格式300*200像素,就按要求调整好上传即可。
### 类似模板
如下图餐饮模板
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab75d1871.png)
![](http://o7nr5vrkz.bkt.clouddn.com/image/5729ab7a75976.png)
这两个模板因为显示较小,图书尺寸也适合正方形的1:1(50*50像素)的模板上也有标明,但是也可以用80*80像素的,其他模板的图片就按上面的标示上传。但图片必须统一大小的尺寸,并且大图片容量不能大于200K,栏目里的单页小图片不能大于70K,要是大于这个容量,上传不了,就会提示上传失败。
- 新手必看
- 我的账号
- 账号信息
- 权限管理
- 绑定账号
- 信息设置
- 短信发送记录
- 移动应用
- 关注用户
- 用户消息
- 发送客服信息
- 群发信息
- 二维码营销推广
- 多客服接口
- 模板消息
- 支付宝服务窗
- 企业号应用
- 微网系统
- 关于我们
- 产品服务
- 新闻资讯
- 联系我们
- 单页管理
- 添加链接
- 添加栏目
- 幻灯片管理
- 首页风格设置
- 通用模块设置
- 首次订阅回复
- 图文消息设置
- 音乐消息设置
- 视频消息设置
- 语音消息设置
- 关键词回复设置
- 自定义菜单
- LBS 设置
- 微计划
- 自定义菜单设置
- 微网站小部件设置
- 推广二维码
- 更新微网站
- 通用功能
- 微导航
- 在线预约
- 在线留言
- 微贺卡
- 在线客服
- QQ咨询
- 售前/售后客服
- 在线报名
- 二维码名片
- 移动微名片
- 附近门店
- 会员登录
- 多门店地址
- 微砍价
- 微砍价
- 售后服务系统
- 疯狂加粉
- 疯狂加粉
- 在线排队
- 商城系统
- 商城设置
- 微商APP设置
- 产品管理
- 订单管理
- 配送管理
- 平台模式
- 公益基金
- 品牌代理商
- 供应商
- 商城扫码模式
- 奖励模式
- 商城三层分销设置
- 区域团队奖励
- 消费返现
- 股东分红
- 3*3模式
- 营销促销
- 大礼包
- 明星朋友圈
- 我是代言人
- 填写地址免费送
- 会员系统
- 会员卡列表
- 基本信息
- 提现设置
- 等级设置
- 通知管理
- 会员优惠券
- 会员卡说明
- 积分兑换礼品
- 门店列表
- 消费记录
- 会员卡余额明细
- 积分充值记录
- 会员提现记录
- 会员卡功能项
- 微信会员列表
- 实体店会员列表
- 会员卡高级接口
- 充值卡设置
- 分销模块
- 软文分销
- 会员分销
- 一元购
- 行业模块
- 微喜帖
- 微喜帖增强版
- 微团购
- 微酒店
- 酒店预订
- 酒店增强版
- 新酒店预订
- KTV
- 在线订餐
- 新在线订餐
- 展示模块
- 微相册
- 微请柬
- 梦想墙
- 微海报
- 邀请函
- 微小区
- 促销模块
- 刮刮卡
- 轮盘抽奖
- 有奖拼图
- 秒杀
- 有奖转发
- 微现场/微信墙
- 摇钱树
- 宠物老虎机
- 求爱大作战
- 扭扭蛋
- 拆礼盒
- 刮刮卡分享版
- 抢红包
- 微推广工具
- 翻牌
- 合体红包
- 集照片
- 微广告
- 刮刮卡新版
- 一战到底
- 年会抽奖
- 互动模块
- 优惠券
- 微调研/投票
- 微活动
- 微吧
- 优惠券2
- 微众筹
- 微助力
- 微投票新版
- 微投票定制版
- 卡券
- 微排号
- 微投票3版
- 微商投票
- 微众筹3版
- 微信硬件
- 微信WiFi
- 常见问题
- 微商城常见问题
- 渠道常见问题
- 源码常见问题
- 域名常见问题
- 支付常见问题
- 硬件常见问题
- 公众号常见问题
- 技术常见问题