（1）当选择跳转微官网页面时，需要编辑新版微官网，而编辑过程主要通过可视化编辑完成

（2）首次进入可点击【随机生成】或自定义地址，点击“发布”地址才生效已发布过微官网地址不可修改，只能复制

注：自定义地址最多 30 个英文字符/数字

4.1可视化编辑

可视化编辑可由用户自定义微官网，主要通过拖拽形式进行编辑，本栏目分为页面管理、元素库、元素编辑区域、顶部操作区域进行可视化编辑

4.1.1页面管理

系统初始化在页面管理中保留【首页】，为避免用户误删操作，造成进入微官网无页面显示， 规定首页不可删除，首页名称不可修改

（1）添加新页面

场景说明：为了丰富微官网内容，用户可以添加多个页面，在点击某个元素时可以选择链接页面进行跳转

操作说明：点击【页面管理】右上角的“+”，在文本框中输入页面名称，点击空白处即可添加成功

（2）修改、复制、删除页面

【首页】只允许复制页面，其他页面都可进行修改、复制、删除操作A.修改

当页面名称需要进行文字调整时，可点击修改，在文本框中直接更改页面名称B.复制

当用户希望添加与已有页面内容一致或类似的新页面时，可采取复制操作

点击复制，可直接在下方展示“复制页面”，可以根据需要进行页面名称修改

C.删除

当某页面不需要显示时，可直接删除，并不能恢复，若该页面曾经被某现有元素添加跳转链接，删除后显示“无法访问该页面”

（3）顶部操作栏

顶部操作主要是为页面管理服务，包含撤销、恢复、预览、保存、发布五项操作

A.撤销、恢复页面操作

如果用户对某元素操作不当，需要撤销或恢复，可点击此按钮进行相应的操作，在本次登录期间可以记录最新十次之内的动作

B.预览

预览模式主要为用户提供了查看手机端页面效果和验证链接跳转的正确性服务点击“预览”，可预览当前编辑显示手机端样式

C.保存

当用户未保存离开当前页面，会提示当前编辑内容未保存，需点击【保存】按钮如果点击确定离开，即选择不保存当前编辑内容

D.发布

场景说明：当用户编辑完成后必须进行“发布”才能使当前编辑内容生效，否则手机端仍然显示上一次发布的内容

首次发布时，用户可自定义地址或生成随机地址，如果非首次即可直接确认点击“发布”，手机端会收到来自“微官网”的消息通知

4.1.2元素库及元素编辑

新版微官网可视化编辑页面中的内容主要由各个元素构成，下面介绍一下元素库及其编辑方式。

（1）元素库中的元素，包括标题、文本、按钮、单图、多图、文章列表、导航分类、分隔符|留空

（2）下面说明一下如何操作： A.【标题】

第一步：在新建页面中，鼠标点击“标题”，拖拽至页面中，页面右侧展示该元素的内容及样式编辑区域

第二步：编辑元素内容

每个元素的可编辑项分为“内容”和“样式”，“内容”下主要包含：文本内容、跳转链接， “样式”下主要包含：文本样式、字号、颜色、对齐方式等

其中跳转链接可分为选择链接页面，即选择点击该元素链接到在页面管理中除本页外的其他页面；编辑外链地址，即在文本框中输入外部地址，点击该元素跳转至除本系统外的其他页面

注：标题文字最多 30 中文字符

第三步：编辑元素样式

点击“编辑当前样式”，可选择填充颜色，编辑字体大小及颜色，对齐方式

第四步：选择完成后，一个元素便编辑完成了

B.【文本】

其他元素拖拽方式同上，主要介绍如何编辑每个元素第一步：编辑元素内容

注：文字最多 300 中文字符

第二步：编辑元素样式

C.【按钮】

第一步：编辑元素内容

点击添加并列按钮，并可对并列按钮进行内容编辑注：按钮文字最多 8 个中文字符

第二步：编辑元素样式

D.【单图】

第一步：编辑元素内容

选择本地上传图片或从系统相册中选择，并可对照片添加描述

添加照片描述，最多 100 字，该文字默认会展示在照片下方

选择链接地址，可选择链接页面或跳至外链地址

第二步：编辑元素样式

E.【多图】

第一步：编辑元素内容

添加图片有两种方式：1.关联某个相册 2.上传图片 其中 2.上传图片又包含：2.1 本地上传 2.2 相册选择

注：【多图】添加图片不能少于 3 张，最多 30 张

选择关联相册，为避免与相册中的照片描述发生冲突，在此处不可对照片进行编辑，如果用户需要显示照片描述可以在相册中对该照片补充照片描述

选择上传图片可以对图片进行文字描述，选择跳转链接地址

第二步：编辑元素样式

F.【文章列表】

第一步：编辑元素内容

场景说明：如果用户选择“文章列表”，须选择文章目录进行同步，才可查看该目录下的文章，如果选择目录下没有文章将同步不成功

注：除文章目录外，还可关联至“媒体直达” 点击选择文章目录进行同步，选择显示文章条数

显示同步文章名称、图片、日期，预览时点击查看详情可见文章内容

第二步：编辑元素样式

选择文章显示样式，图文形式或列表形式

G.【导航分类】

第一步：编辑元素内容

添加导航：可添加并排导航，最少 1 个，最多 4 个

第二步：编辑元素样式

编辑当前已选样式的文字

H.分隔符|留空

第一步：选择样式为分隔符或留空

（3）删除元素

如果需要删除该元素可将鼠标点击该元素，在元素右上角显示“X”，可进行删除

4.2文章管理

点击【文章管理】进入微官网的文章管理页面

文章管理主要用于展示校园里的师生作品、校园新闻和校园文化等，这些文章通过在可视化编辑中与“文章列表”元素建立关联，可在校园微官网进行展示

数量限制：最多创建 10 个文章目录，每个目录下最多 1000 篇文章。

4.2.1添加文章目录

用户可在文章管理中自定义目录，更适用于各类文章的分类整理点击“+”，输入新建文章目录名称，点击确定即可

4.2.2修改、删除文章目录

鼠标滑到文章目录上，显示修改、删除操作，根据提示信息进行修改，删除即可

注：修改文章目录后，不影响之前已经关联过的文章显示，但新添加“文章列表”元素，选择关联目录时展示最新的文章目录

删除文章目录时，如果该目录下有文章会被一起删除

4.2.3添加文章

文章目录下必须有文章才可以与“文章列表”元素建立关联成功，下面介绍添加文章的主要步骤：

第一步：点击添加文章，选择新文章所属目录

第二步：填写文章标题、上传封面图、填写文章摘要、作者、文章正文第三步：点击发布，提示发布成功即可

预览模式，可预览在 H5 页面显示的效果

4.2.4修改、删除文章

（1）修改文章

当用户对已发布并可在微官网进行展示的文章进行修改后，系统将更新后的文章自动同步至微官网

点击“修改”操作，可以进入到修改文章页面，文章内容修改后需要执行“发布”操作，修改才能生效

（2）删除文章

当用户对已发布并可在微官网进行展示的文章进行删除后，系统将不再显示该文章，当该文章目录下文章全部删除后，微官网展示“文章列表”元素

点击“删除”操作，根据提示信息选择是否删除，删除后文章将不能恢复

4.2.5复制、移动文章

（1）复制文章

当用户需要发布某篇文章，内容格式与之前发布过的相似，希望借鉴该文章，可以点击“复制”，选择要复制到的目录，复制之后可以在原基础上进行修改

（2）移动文章

当用户需要对某篇文章移动到其他目录时，可以点击“移动”，选择要移动到的目录即可，微官网展示与文章管理实时同步，只显示建立关联目录下的所有文章

4.2.6置顶文章

场景说明：用户可对重要级别较高的文章进行置顶，多篇文章置顶按照发布时间倒序排序， 最新发布的在最上方。

置顶：选中某一文章，点击“置顶”，该文章排在最上方，其余文章按时间先后排序；取消置顶后，按创建时间对文章进行重新排序

4.3相册管理

点击【相册管理】进入微官网的相册管理页面

相册管理主要用于展示校园里的活动相册、师生留念、校园文化展等，这些照片通过在可视化编辑中与“单图”或“多图”元素建立关联，可在校园微官网进行展示

数量限制：最多创建 500 个相册，每个相册最多 100 张照片。

4.3.1创建新相册

场景说明：用户可自己创建新相册，更便于学校管理员分类整理照片

步骤：点击“创建新相册”，填写相册名称，相册描述，点击“保存”即可注：按相册创建顺序排序，最新创建的排在最前方

4.3.2修改、删除相册

场景说明：鼠标移至相册上方时，显示修改和删除图标

（1）修改相册

当用户需要修改相册名称时，点击修改图标，可重新编辑相册名称及相册描述微官网将自动同步修改后的相册名称，不影响照片展示

（2）删除相册

当用户需要删除该相册时，点击删除图标，经过提示框二次确认可进行相册删除微官网将展示“多图”元素的图标，删除相册对“单图”元素没有影响

4.3.3添加照片

点击相册进入该相册，点击“添加照片”，可从本地一次上传多张照片（最多 30 张），点击

“确定即可”

本地上传照片，支持批量上传，一次最多 30 张

4.3.4复制、移动、添加描述照片

场景说明：鼠标移至某个照片上，可见“移动”、“复制”、“删除”操作

（1）移动

当某张照片上传错误相册，用户可以对该张照片进行“移动”

点击“移动”，选择要移动到的相册，点击“保存”，即可移动成功

（2）复制

当某张照片适用于多个相册展示，用户可以“复制”该照片

点击“复制”，选择要复制到的相册，点击“保存”，即可复制成功

（3）点击添加描述，可在文本框中补充对此张照片的描述点击照片下方区域，可直接添加/修改描述，最多 90 字

4.3.5删除照片

场景说明：当某照片不再需要展示或上传错误，可“删除”该照片

点击“删除”，经过二次确认可执行删除操作，删除成功后不可恢复，但微官网仍可展示该相册其他照片

4.3.6排序照片

相册顶部显示照片数量和排序按钮

场景说明：当用“多图”元素展示相册时，默认相册中的照片排序，如果需要调整多图轮播顺序，可在相册中进行“排序”

点击“排序”，可在弹框中进行拖拽排序，点击“完成”即可保存成功