主题定制

主题定制

Mobyform 的主题能力分为两个工作流：

• 在 主题设计器 中调整当前表单的视觉样式。
• 在 主题库 中应用公共主题或个人主题。

应用主题只会替换视觉样式，不会修改字段、逻辑规则、发布设置或已收集的数据。

主题设计器

在表单编辑器中打开 「主题」 标签，即可调整当前表单。

视觉样式

• 配色：主题色、页面背景、内容背景、问题文字和答案文字。
• 对比度保护：检测可读性不足的文字颜色，并提供快速修正。
• 字体系统：设置问题和答案字号，也可以通过字体选择器选择自定义字体。
• 视觉效果：设置输入框灰度、输入框样式和按钮样式预设。

内容显示

• 显示或隐藏表单标题、描述和表单编号。
• 预览内置字段文案使用的表单语言。
• 在 LTR 和 RTL 之间切换文字方向，适配多语言表单。

布局结构

• 封面页：启用颜色或图片封面，编辑封面内容，并设置通过按钮或滚动进入表单。
• 页眉：添加 Logo、设置 Logo 对齐方式、添加页眉装饰图，并选择表单布局。
• 页脚和提交按钮：显示或隐藏提交按钮，设置按钮文案、尺寸、圆角、颜色、间距和对齐方式。
• 底部说明：在表单底部补充说明文字。
• Powered by：在套餐允许时隐藏 Mobyform 品牌标识。

高级设置

• 当表单要求登录填写时，可在顶部显示填写者信息。
• 添加文字水印，或在水印中包含填写者用户名。
• 上传 CSS 文件，或直接粘贴自定义 CSS。
• 使用内置 CSS 参考选择器，例如 .mobyform-form、.mobyform-field、.mobyform-cover、.mobyform-button、.mobyform-input 以及字段类型选择器。

自定义字体和高级主题能力可能需要付费套餐。

主题库

当你不想从零调整样式时，可以从主题库复用已有主题。

浏览主题

1. 打开表单编辑器。
2. 进入 「主题」。
3. 打开主题库面板。
4. 浏览 「全部」、「我的」 或 「公共」 主题。
5. 按分类筛选，或按主题名称、分类名称搜索。

主题库只展示包含真实可复用配置的主题。空配置或占位主题不会显示。

应用主题

1. 选择主题卡片。
2. 查看预览、来源标识和分类。
3. 点击 「应用」。
4. 确认应用。

确认步骤很重要：应用主题会更新表单视觉样式，但不会改变表单内容和行为。

保存为我的主题

当你希望以后复用当前样式时，可以将其保存为个人主题。

1. 在主题设计器中调整好表单样式。
2. 打开主题库面板。
3. 选择 「保存为我的主题」。
4. 输入主题名称。
5. 选择分类，或保持未分类。
6. 保存。

主题名称必填，最长 120 个字符。保存时也可以新建个人分类。保存弹窗会根据当前颜色和布局生成预览卡片。

主题分类

主题分类用于管理可复用样式。

• 公共分类：由有权限的用户管理，供公共主题使用。
• 个人分类：属于当前账号，用来整理自己的主题。
• 未分类：不需要分类时可以使用。

拥有主题管理权限的用户，可以在管理页面创建、编辑、删除公共主题和公共主题分类。

安全说明

• 主题预览图必须使用安全图片地址，支持 HTTP、HTTPS 和 blob 地址。
• 不安全的图片协议和无效 CSS 颜色值会在主题预览中被忽略。
• 自定义 CSS 会影响公开表单体验，发布前应检查桌面端和移动端预览。

下一步

• 表单编辑器 - 了解主题标签在编辑器中的位置
• 如何复用主题 - 保存并应用可复用主题
• 发布表单 - 发布并分享你的表单
• 表单设置 - 配置表单行为