您可以创建并应用主题以风格化自适应表单或交互式通信。 主题包含组件和面板的样式详细信息。 样式包括背景颜色、状态颜色、透明度、对齐方式和大小等属性。 应用主题时,指定的样式将反映在相应的组件上。 主题是独立管理的,不引用自适应表单或交互通信。
您可以:
通过AEM Forms,您可以创建、下载或上传主题。 与其他资产(如表单、文档和信件)一样,创建主题。 主题将另存为单独的实体,并包含元属性(如表单)。 将主题作为单独的实体,可在多个自适应表单中重复使用和进行交互式通信。 您还可以将主题移动到AEM Forms的其他实例并重复使用。
执行以下步骤以创建主题:
单击Adobe Experience Manager,单击Forms,然后单击主题。
在“主题”页面中,单击创建>主题。
将启动创建主题的向导。
在“创建主题”向导的“基本”选项卡中,提供主题的标题和名称。 这些是必填字段。
在高级选项卡中,您会获得两个字段:
单击创建,然后单击编辑以在主题编辑器中打开主题,或单击完成以返回主题页面。
您可以将主题导出为zip文件,并在其他项目或AEM实例中使用这些主题。 要下载主题,请执行以下操作:
单击Adobe Experience Manager,单击Forms,然后单击主题。
在“主题”页中,选择一个主题,然后单击Download。 将显示一个包含主题详细信息的对话框。
单击下载。 主题将下载为zip文件。
如果您下载的主题具有与其关联的自适应表单,且关联的自适应表单基于自定义模板,则还应下载自定义模板。 将下载的主题和自适应表单上传到AEM Forms服务器时,还应上传相关的自定义模板。
您可以在项目中将创建的主题与样式预设结合使用。 您可以通过在您的项目上上传他人创建的主题包来导入这些主题包。
要上传主题,请执行以下操作:
单击Adobe Experience Manager,单击Forms,然后单击主题。
在“主题”页面中,单击创建>文件上传。
在“文件上载”提示中,浏览并选择计算机上的主题包,然后单击上载。
已上传的主题可在主题页面中使用。
主题的元属性列表(可在主题的属性页面中找到)。
ID
|
名称 | 可以编辑 | 属性描述 |
---|---|---|---|
1. | 标题 | 是 | 显示主题的名称。 |
2. | 描述 | 是 | 有关主题的描述。 |
3. | 类型 | 否 |
|
4. | 创建时间 | 否 | 主题创建日期 |
5. | 作者名称 | 是 | 主题的作者。 在主题创建时计算。 |
6. | 上次修改日期 | 否 | 上次修改主题的日期。 |
7. | 状态 | 否 | 主题的状态(已修改/已发布)。 |
8. | 按时发布 | 是 | 自动发布主题的时间。 |
9. | 发布关闭时间 | 是 | 该自动取消发布主题了。 |
10. | 标记 | 是 | 附加到主题的标签,用于标识,用于改进搜索。 |
11. | 引用 | 链接 |
|
12. | Clientlib 位置 | 是 |
|
13. | Clientlib 类别名称 | 是 |
|
AEM Forms随主题编辑器一起提供。 它是一个商业用户和Web设计人员/开发人员友好界面,提供轻松指定各种自适应表单和交互式通信元素样式所需的功能。 在创建主题时,它将作为单独的实体进行存储,如表单、交互式通信、字母、文档片段和数据字典。
通过主题编辑器,您可以自定义在主题中设置样式的组件的样式。 您可以自定义表单或交互通信在设备上的外观。
主题编辑器分为两个面板:
画布 — 显示在右侧。它显示了自适应表单或交互式通信示例,所有样式更改都可即时反映在其中。 您还可以直接从画布中选择对象,以查找与其关联的样式,并编辑这些样式。 顶部的设备分辨率标尺控制画布。 从标尺中选择分辨率断点可显示示例表单的预览或相应分辨率的交互式通信。 下面🔗详细讨论了画布。
侧栏 — 显示在左侧。具有以下项目:
选择器: 显示为样式选择的组件及其可设置样式的属性。选择器表示类型的所有组件。 如果您选择主题中的文本框组件来设置样式,则表单或交互式通信中的所有文本框都将继承样式。 选择器允许您选择通用组件或特定组件以进行样式设置。 例如,字段组件是通用组件,而文本框是特定组件。
为通用组件设置样式:
字段可以是数字框字段(如年龄)或文本框字段(如地址)。
设置字段样式时,所有字段(如年龄、名称、地址)都会设置样式。
特定于样式的组件:
特定组件会影响特定类别的对象。 设置主题中数字框组件的样式时,只有中的数字框对象会继承该样式。
例如,文本框字段(如地址)的长度较长,数字框字段(如年龄)的长度较短。 您可以选择数字框字段,缩短其长度并应用于表单。 表单中所有数字框字段的宽度都会减小。
使用特定背景颜色自定义所有字段组件时,所有字段(如年龄、名称和地址)都会继承背景颜色。 当您选择数字框(如年龄)并减小其宽度时,所有数字框(如年龄)的宽度会减少,家庭中的人数也会减少。 文本框的宽度不会更改。
状态: 允许您自定义处于特定状态的对象的样式。例如,您可以指定对象处于默认、集中、禁用、悬停或错误状态时的外观。
属性类别: 样式属性分为不同的类别。例如Dimension和位置、文本、背景、边框和效果。 在每个类别下,提供样式信息。 例如,在“背景”下,您可以提供“背景颜色”和“图像和渐变”。
高级: 允许您将自定义CSS添加到对象,该对象将覆盖在存在重叠时定义的可视化控件属性。
查看CSS:允许您查看所选组件的CSS
此外,在侧栏中,底部还显示一个箭头。 单击箭头时,您会再获得两个选项:模拟成功和模拟错误。 下面详细讨论了这些选项以及上述 选项。
您可以在多个自适应表单和交互式通信中使用主题,这会导入您在主题中指定的组件格式。 您可以设置各种组件的样式,如标题、描述、面板、字段、图标和文本框。 使用小组件在主题中配置组件属性。 虽然“CSS覆盖”部分允许您编写CSS代码或提供自定义选择器,但并非要求您事先了解CSS或LESS。 在侧栏中选择组件时,将显示“CSS覆盖”部分。
允许您选择和设置不同组件样式的侧栏中的选项。
单击侧栏中某个组件所对应的编辑按钮,将在画布中选择该组件,并允许您使用侧栏中的选项来设置组件样式。
某些组件(如文本框、数字框、单选按钮和复选框)在“字段”等通用组件下进行分类。 例如,您要自定义单选按钮的样式。 要选择用于样式设置的单选按钮,请选择字段>小组件>单选按钮。
单击侧栏中的展开所有 ,以查看、选择和设置前期不可见的分类组件的样式。
AEM Forms中的主题支持表单中面板布局中元素的样式和交互式通信。 支持现成布局和自定义布局中元素的样式。
现成面板包括:
左侧选项卡
顶部选项卡
折叠
响应
向导
移动设备布局
每种布局的选择器各不相同。
主题编辑器中的自定义布局样式涉及:
桌面和移动设备布局的样式可能略有不同或完全不同。 对于移动设备,平板电脑和手机共享相似的布局,但组件大小除外。
使用主题编辑器断点为不同屏幕大小定义替代样式。 您可以选择开始构建主题的基本设备或分辨率,并且系统会自动生成其他分辨率的样式变体。 您可以明确修改所有分辨率的样式。
该主题首先使用表单或交互式通信创建,然后应用于不同的表单或交互式通信。 主题创建中使用的断点可能与应用主题的表单或交互式通信不同。 CSS媒体查询基于主题创建中使用的表单或交互式通信,而不是基于应用主题的表单或交互式通信。
在画布中选择组件时,其样式属性会列在侧栏中。 选择对象类型及其状态,然后提供其样式。
主题编辑器会缓存最多10个应用于组件的样式。 您可以将缓存的样式与主题的其他组件一起使用。 最近使用的样式将作为列表框在侧栏的选定组件正下方提供。 最初,最近使用的样式列表为空。
在设置组件样式时,将在列表框中缓存并列出样式。 在本例中,文本框的标签已设置样式以更改字体大小和颜色。 您可以按照类似的步骤选择图像或更改颜色以设置组件样式。 观察更改字段标签样式时如何在列表框中缓存和列出样式。
在此示例中,字段标签的样式已更改,为样式选择响应面板描述时,资产库中会添加一个列表条目。 资产库中的条目可用于更改响应式面板描述的样式。
在资产库中添加样式后,该样式可用于其他主题以及表单编辑器或交互式通信编辑器UI的样式模式中。 同样,当您使用表单编辑器或交互式通信编辑器UI的样式模式来设置组件样式时,会缓存该样式,并在主题中可用。
利用资产库对应的加号按钮,可使用您提供的名称永久保存样式。 即使您未单击侧栏中的“保存”按钮以将样式应用于组件,加号按钮仍会保存样式。 样式模式中不提供用于保存样式以供日后使用的加号按钮。
当您为样式提供自定义名称时,该样式将绑定到主题,不再可用于其他主题。 要删除保存的样式,请执行以下操作:
在“画布”工具栏上,单击主题选项 > 管理样式。
在“管理样式”对话框中,选择已保存的样式,然后单击Delete。
样式中所做的修改会立即反映在画布中加载的表单或交互式通信中。 实时预览允许您以交互方式定义并查看样式的影响。 更改组件的样式时,侧栏中会启用Done按钮。 要保留更改,请使用Done按钮。
在字段中输入无效字符时,字段边界颜色将变为红色,屏幕左上角会显示一条错误消息。 例如,如果在接受数字字符作为输入的文本框中输入字母,则输入框边界颜色将更改为红色。 如果不解决顶部显示的错误,则无法保存此类主题。
创建主题时,会使用主题编辑器附带的表单进行创建。 您可以在此表单中为组件提供样式。 您可以选择表单或交互式通信,以提供样式并预览其结果,而不是主题编辑器附带的表单。
要替换主题编辑器画布中的当前表单或交互式通信,请执行以下操作:
在“主题编辑器”面板中,单击主题选项 >配置。
在“常规”选项卡中,浏览并选择自适应表单/文档字段的表单或交互式通信。
您可以撤消或重做意外发生的不需要的更改。 在画布中使用重做/撤消按钮。
图: 画布中的“撤消”/“重做”按钮
在主题编辑器中设置组件样式时,会显示重做/撤消按钮。
利用主题编辑器,可编辑您创建或上传的主题。 导航到Forms &文档>主题,然后选择一个主题并将其打开。 主题在主题编辑器中打开。
如上所述,主题编辑器有两个面板:侧栏和画布。
在主题编辑器中自定义文本框小组件的成功状态样式。 组件在画布中处于选中状态,并在侧栏中处于选中状态。 侧栏中可用的样式选项用于自定义组件的外观。
主题是使用现成表单创建的,或使用您选择的表单或交互式通信创建的。 画布显示用于创建主题的表单或交互式通信的预览,该主题具有在主题中指定的自定义设置。 表格上方的标尺用于根据设备的显示大小确定布局。
在“画布”工具栏中,您会看到:
切换侧 :允许您显示或隐藏侧栏。
主题 :提供三个选项
:模拟不同显示大小的主题外观。在模拟器中,显示大小被视为断点。 您可以选择断点并为其指定样式。 例如,台式机和平板电脑是两个断点。 您可以为每个断点指定不同的样式。
在画布中选择组件时,您会在其顶部看到组件工具栏。 组件工具栏允许您选择组件或切换到通用组件。 例如,在面板中选择一个数字文本框。 您会在组件工具栏中看到以下选项:
数字框小组件:允许您选择组件以自定义其在侧栏中的外观。
字段小组件:允许您选择用于样式的通用组件。在此示例中,将选择所有文本输入组件(文本框/数字框/数字步进器/日期输入)以进行样式设置。
:允许您切换到通用组件以进行样式设置。如果选择数字框并点按此图标,则会选择字段组件。 如果选择字段组件并点按此图标,则会选择面板。 如果您继续点按此图标进行选择,则最终会选择样式布局。
组件工具栏中可用的选项因您选择的组件而异。
图: 画布中数字框上的组件工具栏
主题编辑器中的侧栏提供了用于自定义主题中组件样式和使用选择器的选项。 选择器允许您选择一组组件或单个组件,并且您可以在侧栏中搜索选择器。 您可以为自定义组件编写选择器。
当您从侧栏的画布或选择器中选择组件时,侧栏会显示允许您为其自定义样式的所有选项。
以下是您在选择组件时在侧栏中看到的选项:
状态是用户与组件交互的指标。 例如,当用户在文本框中输入错误数据时,文本框的状态将变为错误状态。 主题编辑器允许您指定特定状态的样式。
自定义状态样式的选项因组件而异。
属性 | 用法 |
尺寸及位置 |
允许您设置主题中组件的对齐方式、大小、位置和放置样式。 您的选项包括显示设置、内边距、边距、宽度、高度和Z索引。 |
文本 |
用于自定义主题组件中的文本样式。 例如,您希望更改在文本框中输入文本的外观。 您的选项包括字体系列、粗细、颜色、大小、行高、文本对齐、字母间距、文本缩进、下划线、斜体、文本转换、垂直对齐、基线和方向。 |
背景 |
用于使用图像或颜色填充组件的背景。 |
边框 |
允许您选择组件边框的外观。 例如,您希望文本框具有深红色的粗边框,边框带虚线。 您的选项包括边框的宽度、样式、半径和颜色。 |
效果 |
允许您为组件添加特殊效果,如不透明度、混合模式和阴影。 |
高级 |
允许您添加:
添加自定义CSS代码时,它会覆盖您使用侧栏中的选项添加的自定义设置。 |
“模拟错误”和“成功”选项在侧栏底部可用。 您可以使用侧栏底部显示的显示/隐藏箭头来查看它们。 使用主题编辑器,您可以设置组件的各种状态样式。
例如,在表单中添加一个数字字段,并在主题编辑器中指定其样式。 当用户在字段中键入字母数字值时,您希望文本框的背景颜色发生更改。 在主题中选择数字字段,然后使用侧栏中的状态选项。 在侧栏中选择“错误”状态,然后将背景颜色更改为红色。 要预览行为,您可以使用侧栏中提供的“模拟错误”选项。 “模拟错误”和“成功”选项的详细描述如下:
模拟成功:
如果为成功状态指定组件的样式,则可让您查看组件的外观。 例如,在表单中,客户设置了密码。 用户可以根据您提供的准则设置密码。 如果用户键入密码时遵循您提供的所有准则,文本框将变为绿色。 当文本框变为绿色时,它处于成功状态。 您可以为处于成功状态的组件指定样式,并使用模拟成功选项模拟其外观。
模拟错误:
如果为错误状态指定组件的样式,则允许您查看组件的外观。 例如,在表单中,客户设置了密码。 用户可以根据您提供的准则设置密码。 当用户键入的密码不符合您提供的所有准则时,文本框将变为红色。 当文本框变为红色时,它处于错误状态。 您可以为处于错误状态的组件指定样式,并使用“模拟错误”选项模拟其外观。
例如,在您的表单中,您有两种类型的文本框:仅接受数字值的,或接受字母数字值的。 您可以为仅接受数值(数字框)的文本框自定义样式。
执行以下步骤以自定义特定组件(此示例中的数字框)的样式:
在主题编辑器中,在画布中选择数字框。
选择数字框时,您可以看到包含三个选项的组件工具栏:
数值框小组件
字段小工具
选择数字框小组件。
侧栏标题会更改为数字框小组件,并显示用于自定义其外观的选项。
使用侧栏中的Dimension和位置选项来自定义组件的大小。 确保状态为Default。
选择组件工具栏中的字段小组件,然后执行上述步骤,而不是选择数字框小组件。 当您为字段小组件选项选择维度时,除数字框外的所有文本框都具有相同的大小。
通过组件工具栏,您还可以为组件的不同状态指定组件样式。 例如,如果某个组件处于禁用状态,则该组件将处于禁用状态。 可在主题编辑器中设置样式的组件的常用状态包括:默认、集中、禁用、错误、成功和悬停。 您可以在画布中选择组件,然后使用侧栏中的状态选项来自定义其外观。
执行以下步骤以自定义特定状态下组件的样式:
在画布中选择一个组件,然后从组件工具栏中选择相应的选项。
侧栏显示用于自定义组件样式的选项。
在侧栏中选择状态。 例如,错误状态。
使用侧栏中的边框、背景等选项来自定义组件的外观。
使用侧栏底部的模拟错误选项,查看编辑样式的显示方式。
在指定组件状态后自定义组件的样式时,仅针对指定状态显示组件的自定义设置。 例如,如果在选择悬停状态时自定义组件的样式。 当您在已呈现的表单或应用主题的交互式通信中将指针移到组件上时,将显示组件的自定义设置。
要模拟除错误和成功以外的状态行为,请使用预览模式。 要使用“预览”模式,请单击页面工具栏中的预览。
在画布中使用标尺为显示屏较小的设备选择断点。 在画布中单击模拟器以查看标尺和断点。 断点允许您预览表单或交互式通信,以显示与不同设备(如手机和平板电脑)相关的显示大小。 主题编辑器支持多种显示大小。
要为不同断点设置组件样式,请执行以下操作:
在画布中,选择标尺上方的断点。
断点表示移动设备及其显示大小。
使用侧栏可针对所选显示大小自定义主题中表单或交互式通信组件的样式。
确保保存自定义设置。
您可以为多个设备设置表单或交互式通信组件的样式。 桌面和移动设备的表单和交互式通信组件可能具有完全不同的样式。
您现在可以通过自适应表单或交互式通信方式使用Web服务中提供的字体。 现成的Typekit(Adobe的Web字体服务)可作为配置使用。 要使用Typekit,请创建工具包及其中的字体,并从Typekit网站获取工具包ID。
执行以下步骤以在AEM中配置Typekit:
在创作实例中,单击Adobe Experience Manager >工具
>部署>Cloud Services 。
在Cloud Services页面上,导航至第三方服务 > Typekit ,然后单击Typekit下的立即配置。 如果配置已可用,请单击+按钮以创建新实例。
在创建配置对话框中,指定配置的标题,然后单击创建。
系统会将您重定向到配置页面。
在显示的编辑组件对话框中,提供您的工具包ID,然后单击确定。
请执行以下步骤来配置主题以使用TypeKit配置:
在创作实例中,在主题编辑器中打开一个主题。
在主题编辑器中,导航到主题选项 > 配置。
在Typekit Configuration字段中,选择一个工具包,然后单击Save。
现在,您可以看到字体是在主题的font-family属性中添加的。
您可以使用主题配置服务向主题编辑器添加更多字体。 执行以下步骤以添加字体:
使用管理权限登录AEM Web Console。 AEM Web控制台的URL为https://[server]:[port]/system/console/configMgr
。
打开自适应表单主题配置服务。
单击+,指定字体名称,然后单击保存。 该字体已添加并可在主题编辑器中使用。
您可以使用+按钮添加字体。 添加字体时,该字体会列在侧栏中。
除了主题配置选项之外,您还可以从主题编辑器本身添加字体。 在侧栏下的字体系列字段中键入要使用的字体,然后按键盘上的返回键。
选择字体时,该字体会添加到字体系列列表下。 您可以使用主题编辑器中的“蒙版”选项来禁用或启用列出的字体。
您可以看到组件字体更改。
“字体系列”字段支持多种字体。 键入字体时,浏览器会查找该字体并将其应用于选定的组件。 如果浏览器找不到字体,则会在系列中查找该字体旁边的字体。 您可以首先键入要查找的特定字体。 如果找不到要使用的字体,可以在族中键入通用字体并使用该字体。
您可以掩盖在主题中应用的样式。 在主题编辑器侧栏中,您可以使用图标来禁用应用的样式。 例如,如果您在表单或交互式通信中更改组件的维度,则可以使用属性左侧的蒙版按钮来禁用组件。 保存主题时,将保留选定的掩码选项。
以下示例显示了主题中已蒙版和未蒙版的样式。
要将主题应用到自适应表单,请执行以下操作:
在编辑模式下打开您的表单。 要在编辑模式下打开表单,请选择一个表单,然后单击打开。
在编辑模式下,选择一个组件,单击 > 自适应表单容器,然后单击
。
您可以在侧栏中编辑表单的属性。
在侧栏中,单击Styling。
从自适应表单主题下拉菜单中选择您的主题,然后单击完成 。
要将主题应用于交互式通信,请执行以下操作:
在编辑模式下打开交互式通信。 要在编辑模式下打开交互式通信,请选择一个表单并单击打开。
在编辑模式下,选择一个组件,单击 >文档容器,然后单击
。
您可以在侧栏中编辑表单的属性。
在侧栏的Basic下,从Theme下拉菜单中选择您的主题,然后单击Done 。
主题样式表单中的不同组件。 您可以使用themeOverride
属性动态更改表单的主题。 表单的典型URL是:
https://<server>:<port>/content/forms/af/test.html
您可以使用themeOverride参数在运行时应用主题。
https://<server>:<port>/content/forms/af/test.html?themeOverride=/content/dam/formsanddocuments-themes/simpleEnrollmentTheme
themeOverride
选项允许您提供主题的路径。 它会更改表单的主题,并使用更新的样式刷新表单。
有了AEM Forms以及默认的现成画布主题,还有许多其他主题。 如果要使用其他主题设计表单或交互式通信,以及进行其他更改,请从主题库文件夹中复制主题。 将复制的主题粘贴到“主题库”文件夹之外,然后根据所需的更改编辑复制的主题。
要复制主题,请执行以下步骤:
自定义主题后,将其应用于表单或交互式通信。
请勿修改“主题库”文件夹中可用的主题。 此文件夹包含系统主题。 安装较新版本或热修复程序时,您对这些主题所做的任何更改都会被覆盖。AEM Forms
选择查看CSS时,主题编辑器会收集所有样式信息并构建CSS。 它按以下顺序收集信息:
例如,在基本客户端库中,文本框的背景颜色为蓝色。 您可以使用侧栏中的属性将其更改为粉红色。 生成CSS时,您会看到文本框的背景颜色为粉红色。 使用属性更改背景颜色后,另一位作者使用CSS覆盖选项将背景颜色文本框更改为白色。 生成CSS时,在生成的CSS中,背景颜色显示为白色。
在主题编辑器中指定组件样式时,将生成一个CSS。 设置通用组件的样式时,其中包含的多个组件也会设置样式。 例如,当您设置字段样式时,其中的文本框和标签也会设置样式。 设置字段中文本框的样式时,它会获得自己的CSS。 如果要调试为字段和组件生成的CSS,主题编辑器会提供用于查看CSS的选项。
您可以使用以下选项查看生成的CSS:
侧栏 中的查看CSS选项:在主题中选择组件后,您可以在侧栏中看到“查看CSS”选项。它显示生成的CSS,包括::before
和::after
伪元素的CSS。
在画布工 具栏中查看主题CSS选项:在画布工具栏中,单 > 查看主题CSS。您可以查看从在主题编辑器中定义的属性生成的整个主题CSS。
避免使用其他主题中的资产
编辑主题时,您可以浏览其他主题中的资产(如图像)并添加这些资产。 例如,您正在编辑页面的背景。 例如,当您选择Page > 背景>添加>图像时,您会看到一个对话框,通过该对话框可以浏览并添加其他主题中的图像。
如果从其他主题添加资产,而另一个主题被移动或删除,则您可能会遇到当前主题的问题。 建议您避免从其他主题浏览和添加资产。
使用基本clientlib、主题编辑器和内联样式
Base clientlib:
基本客户端库包含样式信息。 在主题的客户端库中使用样式信息。
您在客户端库中指定的样式将在使用该样式的主题中导入。 例如,您为文本框、数字框指定样式,并在客户端库中切换。 在主题中导入客户端库时,会导入文本框、数字框和开关的样式。 然后,您可以使用主题编辑器来设置其他组件的样式。
您还可以创建主题、创建主题副本,然后修改复制的主题中为类似用例提供的样式。
请参阅使用主题获取特定外观
主题编辑器:
主题编辑器允许您创建主题以设置表单或交互式通信的样式。 您可以在主题中指定组件的样式,以便在您开发的多个表单或交互式通信中保持一致的外观。 建议在主题中指定样式信息,然后将该主题应用到表单中。
内联样式:
处理表单时,您可以使用表单中的样式模式或交互式通信多渠道编辑器来设置组件样式。 使用样式模式更改表单组件样式将覆盖主题中指定的样式。 如果要更改特定表单中某些组件的样式,请参阅组件的内联样式。
使用客户端库
如果要创建客户端库以导入样式信息,请参阅使用客户端库。 创建客户端库后,可以使用上述步骤将其导入主题中。
更改容器面板布局宽度
不建议更改容器面板布局宽度。 指定容器面板的宽度时,该面板会变为静态,且不会适应不同的显示。
何时使用表单编辑器或主题编辑器来处理页眉和页脚
如果要使用字体样式、背景和透明度等样式选项来设置页眉和页脚的样式,请使用主题编辑器。
如果要提供徽标图像、页眉中的公司名称以及页脚中的版权信息等信息,请使用表单编辑器选项。