02. 如何修改首页 Banner 轮播图片、顺序、按钮和文案

02. 如何修改首页 Banner 轮播图片、顺序、按钮和文案

2026-10-12 更新：11 个 Run7 主题可通过“网站管理 → Run7 模板设置”选择桌面和手机轮播位置。经典企业主题（style 18）原默认位置为“Run7 首页轮播”（run7-home-default），保留 hill01 布局与动画。排序控件保存后生效，以下说明适用于 style 18 轮播。

一、进入正确的位置

先在 Run7 模板设置 确认对应主题桌面/手机所选位置，再进入“物料管理 → 轮播图片”（/admin_dm/banner）筛选相同位置。首次保存模板设置前，style 18 两端默认读取“Run7 首页轮播”；保存后以选择的位置为准。各主题独立配置规则见文末补充。

二、修改轮播顺序

1. 在首页所选位置的列表用排序控件调整顺序，完成控件要求的保存操作。
2. 首页按 sort 升序读取，值相同时按 ID 升序。保存后刷新首页，不需要重新生成模板。
3. 以后台实际保存的顺序为准，本次功能更新保留了你已有的图片和顺序。
4. 未更新时先核对位置和保存结果，再强制刷新；额外 CDN 或页面缓存由维护人员检查。

三、图片、标题和描述

1. 编辑记录，在“图片”中上传或选择新图。使用无品牌水印的蓝青 CMS 主题横图，关键主体居中，手机 cover 裁切可能不显示边缘。
2. 叠加文案和按钮时选“图片+标题+描述+链接”类型，填写“标题”“内容描述”“链接文字”“链接”。标题、描述按文本显示，不执行粘贴的 HTML。
3. 主标题尽量一行，描述一至两行，按钮建议四至六个汉字，保存后逐张检查桌面和手机效果。

四、按钮和跳转地址

“链接文字”是按钮文案，“链接”是点击目的地址，与位置绑定无关。站内建议用已验证可访问的根相对地址，例如 /products、/sp、/contact；外站使用完整 HTTPS 地址。不要填后台编辑页、本机地址或脚本链接。按钮沿用新窗口打开。

带文案样式中，链接或按钮文字为空则隐藏按钮；“图片”类型不叠加文案，有链接时整张图可点击；“视频”类型读取视频字段并显示播放控件。不同类型都需检查布局。删除这一位置全部记录会使首页没有轮播，至少保留一张有效图片。

五、样式边界和验收

当前使用 Run7 自有适配保留原外观。速度、自动播放、箭头、动画、文字颜色及遮罩仍由原 CSS/JS 控制，“颜色反转”暂未接入原首页；背景色只支持十六进制值。手机独立图片可在模板设置选择独立手机位置。其他动画与样式由主题开发维护，不通过正文插入样式代码。

• 逐张核对顺序、图片、标题、描述与按钮。
• 点击所有按钮确认无 404 或误跳后台。
• 桌面和手机检查裁切、文字遮挡、按钮居中及轮播切换。

相关教程：顶部菜单和 Logo；关于我们与服务区块；知识问答与首页推荐。