菜单

网页配置

网页配置-用户操作文档

功能概述

「网页配置」用于维护协会平台官网的整体展示效果。管理员可以选择需要配置的站点，设置网站全局样式、顶部区域、首页模块和底部信息，并通过网站预览检查配置结果。

网页配置支持主站点和副站点分别维护。切换站点后，当前页面中的配置内容会随站点变化，保存时应确认正在编辑的站点正确。

路径：平台官网 → 网页配置

网页配置包含的内容

配置区域	主要内容
站点选择	选择主站点或副站点
全局配置	列表样式、菜单样式、主题色、背景、浮动入口等
顶部配置	网站标识、导航样式、登录搜索和入会入口等
首页模块	首页模块的添加、编辑、排序、上下线和删除
底部配置	底部样式、二维码、联系方式、版权和备案信息
网站预览	查看当前站点的官网效果
SSL证书购买	购买网站安全证书

网页配置的生效原则

不同站点的配置相互独立；
修改配置后需要点击对应区域的保存；
首页模块需要单独保存，并根据状态决定是否上线；
保存后应通过 网站预览 检查；
浏览器仍显示旧内容时，应刷新网页或清理缓存后再确认。

流程图

秘书处使用流程（管理后台）

第一步：确认站点和发布内容

开始配置前，先明确：

本次要调整的是主站点还是副站点；
需要修改全局样式、顶部、首页还是底部；
是否需要新增首页模块；
是否需要调整导航栏内容；
是否需要同步更新联系方式、版权或备案信息；
是否需要立即上线，还是先保存后确认；
是否有网站公告、活动或专题需要突出展示。

建议先整理好图片、文字、链接和联系方式，再进入网页配置，避免配置过程中频繁中断。

第二步：选择需要配置的站点

进入 平台官网 → 网页配置 后，页面顶部会显示可配置的站点。

点击站点标签切换主站点或副站点。切换后应确认：

站点名称是否正确；
当前预览地址是否对应目标站点；
原有配置是否属于当前站点；
本次修改是否需要同步到其他站点。

主站点和副站点的页面内容可能不同。不要将一个站点的图片、导航或联系方式直接复制到另一个站点，除非已经确认业务上需要保持一致。

第三步：配置全局样式

在站点下打开 全局配置，可以设置官网整体页面的通用样式。

设置文章列表样式

文章列表可以选择：

图文列表；
栅格列表；
纯文字列表。

该设置作为子页面文章列表的默认样式。具体文章栏目如果单独配置了样式，可能以栏目自己的设置为准。

选择时应结合文章内容：

图片内容丰富时，适合图文列表或栅格列表；
以通知公告为主时，适合纯文字列表；
移动端和电脑端都需要查看时，应先通过预览确认排列效果。

设置子页面菜单

子页面菜单可以设置为：

菜单显示在左侧；
菜单显示在右侧；
不显示菜单，使用简约列表。

菜单位置应与网站整体布局保持一致。选择不显示菜单前，应确认用户仍然能够通过顶部导航或页面入口返回其他栏目。

设置菜单样式

选择网站菜单样式后，查看预览图确认：

菜单文字是否清晰；
选中状态是否容易识别；
菜单颜色与背景是否协调；
不同屏幕宽度下是否出现遮挡。

设置悬浮图片和链接

全局配置支持设置两组悬浮图片和链接。可用于：

临时活动入口；
服务入口；
重要通知；
需要长期展示的宣传入口。

设置时：

上传悬浮图片；
填写对应链接；
选择右侧悬浮或首页漂浮；
保存后在网站预览中检查位置和点击效果。

图片和链接必须一一对应。删除图片时，应同步检查对应链接是否还需要保留。

设置二维码显示

可以控制以下位置是否显示小程序二维码：

栏目菜单小程序码；
右侧浮动小程序码。

如果网站当前没有有效二维码，不建议开启显示开关。二维码过期或对应站点错误时，应先更换二维码，再开启展示。

设置主题和页面效果

全局配置可以设置：

主题色；
全站变灰；
文章摘要显示或隐藏；
置顶颜色；
首页标题背景图；
首页标题样式；
浏览量显示或隐藏；
页面背景图。

全站变灰适合特殊纪念或哀悼场景，使用后应按业务要求及时关闭。

上传页面背景图和标题背景图时，应选择清晰且适合网页比例的图片，避免文字与背景颜色冲突。

设置首页布局参数

可以设置：

轮播速度；
首页模块宽度；
模块上下间距。

首页模块宽度应在预览中检查，避免设置过窄导致内容换行，或设置过宽导致页面出现横向滚动。

配置完成后点击保存。保存前检查页面背景、主题色和浮动入口，避免只修改局部但遗漏其他已调整内容。

第四步：配置网站顶部

打开 顶部配置，维护官网顶部区域的内容和样式。

上传网站标识

在 logo 中上传网站标识图片。

上传前确认：

使用协会正式标识；
图片清晰；
横向比例适合顶部区域；
图片中没有多余边框或无关文字；
不同背景下仍然容易识别。

上传后点击图片预览，确认没有变形或裁切。

设置顶部功能入口

可以控制以下入口是否显示：

显示天气；
显示登录按钮；
显示搜索按钮；
显示入会按钮；
显示会员数量。

开启入口前，应确认对应功能已经准备完成。暂时没有业务内容或不希望公开展示的入口，应关闭显示。

设置导航样式

导航栏可以选择：

logo右侧显示；
logo下方显示；
logo下方使用另一种布局。

选择后在网站预览中确认导航栏高度、间距和换行情况。

设置导航字体

可以设置：

导航栏背景色；
导航栏字体；
字体大小；
字体颜色；
导航栏宽度；
导航栏单个项目宽度。

导航文字较多时，不建议将字体设置过大或单个项目宽度设置过窄，以免导航栏换行或遮挡。

设置顶部背景

可以上传顶部背景图并设置背景高度。

上传背景图时应参考页面提示的推荐尺寸，并在预览中检查：

logo是否清晰；
导航文字是否与背景区分；
背景高度是否合适；
页面顶部是否出现空白或裁切。

设置导航栏内容

点击 导航栏内容设置 → 去设置，进入导航栏管理页面。

导航栏内容可以使用：

已有栏目；
栏目下的子栏目；
链接列表；
单个链接。

导航栏内容调整后，应回到网页配置或预览页面检查顶部菜单是否正确显示。

第五步：配置首页模块

打开 首页模块，可以维护官网首页的内容模块。

页面会显示：

模块上线数量；
模块总数量；
模块排序；
模块标题；
模块分类；
模块样式；
模块状态；
模块操作。

模块状态包括：

状态	说明
上线	模块展示在官网首页
下线	模块保留在后台，但不展示在官网首页

第六步：添加首页模块

点击 添加模块，选择模块样式后填写对应设置。

常见模块样式包括：

容器模块；
轮播图；
公告列表；
文字列表；
图文列表；
图文轮播列表；
文字超链接；
图片超链接；
会刊；
广告图；
工具栏；
滚动公告；
风采轮播；
分支机构；
图文瀑布；
分组超链接；
广告轮播；
富文本；
栏目板块；
个人风采；
单位风采；
图片拼图；
卡片轮播；
单位展示；
数据图表；
栏目文章平铺；
图文混合列表。

不同模块样式对应不同的设置内容。选择样式后，应按照页面出现的设置项完成标题、图片、栏目、链接或展示数量配置。

添加模块的通用检查

模块标题是否清晰；
模块内容来源是否正确；
图片和链接是否有效；
文章栏目是否已创建；
模块宽度和展示数量是否合适；
是否需要添加子模块；
保存后是否需要立即上线。

保存模块后，先保持下线状态进行预览；确认无误后再点击上线。

第七步：配置容器和子模块

容器模块用于组织多个首页子模块。

配置时：

添加容器模块；
设置容器宽度；
保存容器；
点击 添加子模块；
选择子模块样式；
配置子模块内容；
保存并检查层级关系。

子模块只应添加到正确的容器下。页面树形结构中可以查看一级模块和下级模块，发现层级错误时应编辑或重新添加到正确位置。

第八步：编辑和排序首页模块

编辑模块

在模块列表中点击编辑，修改模块标题、内容来源、图片、链接或展示样式。

修改后点击保存，再检查模块状态。如果原模块已经上线，修改保存后应重新查看官网效果。

调整模块顺序

点击模块排序号，可以调整模块在首页中的上下顺序。

调整时应考虑：

首屏是否展示最重要内容；
轮播图和公告模块是否放在合适位置；
不同模块之间的视觉间距；
移动端或窄屏页面的阅读顺序。

上线或下线模块

点击模块操作中的上线或下线，切换模块展示状态。

下线模块不会从后台删除，后续仍可编辑或重新上线。临时隐藏模块时，应使用下线，不要直接删除。

删除模块

点击删除前，应确认模块不再需要。删除后关联配置可能无法恢复，重要模块应先保存必要的文字、图片和链接资料。

第九步：配置网站底部

打开 底部配置，维护官网底部的展示样式和联系信息。

选择底部形式

底部可以选择预设样式或自定义样式。选择预设样式后，应检查：

底部高度；
背景颜色；
二维码排列；
联系信息位置；
版权和备案信息是否清晰。

选择 自定义样式 时，点击自定义内容编辑器编写底部内容，保存后检查网页底部排版。

配置二维码

可以上传并设置以下二维码：

公众号二维码；
小程序二维码；
视频号二维码；
抖音号二维码。

每个二维码可以填写展示标题。标题为空时，页面可能使用默认协会名称。

二维码应经过实际扫码验证，确认：

图片清晰；
扫码后进入正确内容；
二维码没有过期；
标题与二维码对应。

配置联系方式

可以填写：

联系电话；
联系传真；
电子邮箱；
联系地址。

联系方式属于对外公开信息，保存前应确认号码、邮箱和地址准确有效。

配置版权和备案信息

可以填写：

中文版权；
英文版权；
ICP备案号；
公安备案号；
是否显示技术支持；
是否显示意见反馈。

备案信息应与实际备案信息保持一致，不确定时应先向负责人员确认，不要自行填写或修改。

完成后点击保存，再通过网站预览检查底部。

第十步：预览和确认网页效果

网页配置页面顶部提供 网站预览。

预览时建议按以下顺序检查：

首页顶部 logo和导航；
登录、搜索和入会入口；
首页轮播和公告；
首页模块顺序和展示内容；
页面背景和主题颜色；
子页面菜单位置；
文章列表样式；
浮动图片和链接；
页面底部二维码；
联系方式、版权和备案信息。

重点点击检查：

导航栏目是否能正常打开；
图片链接是否跳转正确；
首页模块中的文章或栏目是否对应；
浮动入口是否进入正确页面；
二维码是否能够正常识别；
页面在不同窗口宽度下是否出现错位。

发现问题时，返回对应配置区域修改并重新保存，不要只依赖浏览器刷新。

第十一步：购买网站 SSL 证书

网页配置页面提供 购买SSL证书 入口。需要为网站购买安全证书时：

选择目标站点；
点击 购买SSL证书；
查看可购买的证书套餐；
选择合适的套餐；
填写发票信息；
点击 立即支付；
完成支付并保存订单信息。

购买前应确认：

当前站点确实需要购买证书；
套餐年限和价格符合要求；
发票抬头及开票信息正确；
支付账号和审批流程符合组织规定。

SSL证书购买属于费用操作，提交支付前应由负责人员核对金额和发票信息。

第十二步：发布前检查

网页配置完成后，建议进行一次完整检查：

内容检查

网站名称和标识正确；
导航栏目名称无错别字；
文章和栏目链接有效；
图片内容已取得使用授权；
联系方式和备案信息准确。

样式检查

页面主题色统一；
顶部和底部没有错位；
首页模块间距合适；
图片没有拉伸或裁切异常；
文字颜色和背景有足够对比度。

功能检查

网站预览可以正常打开；
导航和首页模块可以正常跳转；
浮动入口可以正常使用；
二维码可以正常扫码；
上线模块和下线模块状态符合预期。

异常排查

1. 网页配置中没有目标站点

确认当前协会是否已经配置对应官网站点，刷新页面后重新进入。仍然没有时，联系平台维护人员检查站点配置。

2. 修改后预览没有变化

检查对应区域是否点击保存，首页模块是否已经上线。然后刷新预览页面，必要时清理浏览器缓存。

3. 修改了主站点但副站点没有同步

主站点和副站点配置相互独立。确认副站点是否也需要修改，并切换到副站点单独保存。

4. logo或背景图显示异常

检查图片是否上传成功、尺寸比例是否适合、图片链接是否有效。重新上传清晰且尺寸合适的图片后保存。

5. 导航栏没有显示新栏目

检查导航栏内容是否已经保存，栏目是否存在，栏目是否被删除或调整到其他层级。返回网页预览后重新刷新。

6. 首页模块保存失败

检查模块标题、内容来源、栏目、图片、链接和展示数量是否填写完整。不同模块样式的必填内容不同，应按当前页面提示补充。

7. 首页模块已经保存但不显示

检查模块状态是否为上线，模块是否被放到了错误的容器或下级位置，以及首页是否存在缓存。确认后重新上线并刷新预览。

8. 首页模块顺序不正确

重新检查模块排序号和父子层级。容器模块中的子模块需要在对应容器下调整，不能只修改一级模块顺序。

9. 底部二维码无法识别

检查二维码图片是否清晰、是否上传了正确文件、二维码对应内容是否有效。更换二维码后保存并用手机实际扫码验证。

10. 联系方式显示错误

返回底部配置，核对电话、传真、邮箱和地址后重新保存。联系方式属于公开信息，修改前应确认最终版本。

11. 网页显示旧内容

先确认后台已经保存成功，再刷新预览页面。仍未更新时，尝试清理浏览器缓存或使用隐私窗口查看。

12. SSL证书购买信息不正确

不要重复支付。先核对目标站点、证书套餐和发票信息，保留订单提示并联系财务或平台维护人员确认。

入口速查

使用对象	入口	主要操作
管理员	平台官网 → 网页配置	选择站点并进入各配置区域
管理员	网页配置 → 全局配置	设置页面样式、主题、背景和浮动入口
管理员	网页配置 → 顶部配置	设置 logo、导航、顶部入口和背景
管理员	网页配置 → 首页模块	添加、编辑、排序、上下线和删除模块
管理员	网页配置 → 底部配置	设置底部样式、二维码、联系方式和备案
管理员	网页配置 → 网站预览	检查官网页面效果
管理员	网页配置 → 购买SSL证书	选择套餐、填写发票并支付

上一个

平台官网

下一个

功能模块

最近修改: 2026-07-17Powered by

大纲