首页编辑

SailorMoon

视频讲解:
复制此链接在浏览器打开即可进行播放（视频学习地址：https://v.qq.com/x/page/y0891qe5gte.html）

一、功能介绍
首页编辑在此微官网首页页面

二、功能路径
系统后台--微官网--首页编辑


三、操作流程
首页编辑里包含有设置固定模板或者是DIY首页

固定模板设置流程如下；
注：首页编辑时可以在此页面更换每张图片和每张图片后的链接地址，在链接地址后方点击放大镜即可进行选择链接地址





DIY首页设置流程


1.幻灯片设置流程
设置幻灯片，在左侧组件中选择幻灯片组件拖动到中间空白区域，然后选择需要编辑幻灯片组件，在右侧组件属性编辑进行编辑。
幻灯片部分最多可以上传5张图片，每张图片的尺寸要求：宽640px，高自定义，每张图片可以选择链接地址，在链接地址后选择需要链接的链接网址

效果图如下；

2.一行两列设置流程
设置一行两列，在左侧组件中选择一行两列组件拖动到中间空白区域，然后选择需要编辑一行两列组件，在右侧组件属性编辑进行编辑。
可以上传两张图片，每张图片的尺寸要求宽320px，高自定义，图片下方可以设置此图片文字和文字颜色和背景颜色（如下图）
每张图片可以选择链接地址，每张图片可以选择链接地址，在链接地址后选择需要链接的链接网址


效果图如下；


3.文字组件设置流程
设置文字组件，在左侧组件中选择文字组件拖动到中间空白区域，然后选择需要编辑文字组件，在右侧组件属性编辑进行编辑。
在右侧编辑部分可以设置文字上传图片


效果图如下；


4.电话拨号组件设置流程
设置电话拨号组件，在左侧组件中选择电话拨号组件拖动到中间空白区域，然后选择需要编辑电话拨号组件，在右侧组件属性编辑进行编辑。
在右侧编辑部分可以设置电话和联系人姓名，例如：15324981772/李经理 （下方设置电话信息的颜色、背景颜色和电话号码的大小）


效果图如下；


以上是针对DIY官网首页的操作方式；
效果图如下图；