首页 / 使用帮助 / 在线编辑:可视化模板设置

在线编辑:可视化模板设置

左侧点选模板卡片、右侧实时预览,所见即所得的模板与配色设置方式。

什么是在线编辑

【在线编辑】是后台左侧菜单中的可视化设置中心:左侧面板选择模板与颜色,右侧内嵌真实前台页面实时预览,预览不会写入数据库,点击「保存并生效」后前台才正式更新,可以放心尝试各种搭配。

五个标签页

  • 首页:顶部导航(5 套)、顶部广告条 Banner(8 套)、客服浮动条(3 套)、底部(2 套)模板,以及客服浮动条开关。
  • 首页区块:选择某个首页模块,切换它的模块模板(关于 / 文章 / 产品模块各 5 套)与标题样式(5 种),预览时只有当前模块发生变化。
  • 文章列表:选择栏目后切换列表模板(12 套),按栏目分别保存,不同栏目可用不同样式。
  • 文章内容:选择栏目后切换内容页模板(3 套),自动调用该栏目最新一篇文章做预览。
  • 单页面:选择单页后切换页面模板(10 套),按单页分别保存。

实时预览技巧

  • 点模板卡片:右侧预览立即刷新为对应样式,展示的是站点真实内容与数据。
  • 改主题色:无需刷新,颜色通过 CSS 变量毫秒级呈现;输入框留空则恢复模板默认色。
  • 预览区顶部「电脑 / 手机」按钮可切换预览宽度,随时检查移动端效果。
  • 预览不计入访问统计与文章阅读量,可以放心反复刷新。

原来的下拉框去哪了?

站点设置的「模板选择」与「浮动条样式」、栏目管理的列表 / 内容页模板、单页管理的页面模板、首页区块的模板样式与标题样式,均已迁移到【在线编辑】;原表单中仅保留一行当前样式提示,保存这些表单不会改动你已选好的模板。