创建主题

您可以复制现有主题并对副本进行更改来创建新主题。还可以在新主题中导入并使用 Bootstrap 内容。

注:

无论是创建新主题还是对现有主题进行更新,始终要生成主题的副本并处理该副本。通过示例站点或实际站点的副本测试该副本,以确保它正常运行。请注意,对现有主题进行的更改会在修订的主题发布后立即在使用该主题的所有站点上实施。

复制主题

  1. 在主页上,单击开发人员

    此时将显示开发人员页。

  2. 单击查看所有主题

    此时将显示现有主题的列表。您可以通过单击“视图”图标并选择列表中的某个选项来控制主题的显示方式。

  3. 选择主题,然后在右键单击菜单中选择复制,或单击操作栏中的 “复制”图标

    将复制该主题的所有文件夹和文件,包括任何示例页和内容。

    注:

    复制主题时,不复制该主题的共享信息。
  4. 输入所复制主题的名称。您无法使用已由另一个主题使用的名称。

    可以在名称中使用字母、数字、下划线 (_) 和连字符 (-)。如果输入空格,则使用连字符自动取代空格。

    不要将以下名称用于模板、主题、组件、站点或站点页:authsite、content、pages、scstemplate_*、_comps、_components、_compsdelivery、_idcservice、_sitescloud、_sitesclouddelivery、_themes、_themesdelivery。下面的名称虽然可用于站点页,但不要将其用于模板、主题、组件或站点:documents、sites。

  5. (可选)输入主题的说明。

  6. 单击复制

    进度栏中显示新主题名称和复制状态。复制了主题之后,该名称显示在主题的列表中。可以单击主题列表中的主题名称来浏览构成主题的文件夹和文件。

  7. 使用 Oracle Content Management 桌面应用程序将主题文件夹和文件同步到您的本地系统。这样,您可以浏览本地文件夹并直接处理文件。对主题进行的更改将自动同步。您可以使用喜爱的 HTML、代码或文本编辑工具进行更改。

设置是否可以在站点中使用定制样式

主题管理员可以指定主题随附的样式或者定制样式。

主题 components.json 文件中的设置指定是否可以在站点构建器中定制样式。这是为了控制站点内容提供者在构建站点时保持在站点的样式内,不使用其他字体和颜色等。

要不允许在站点中使用定制样式,请执行以下操作:

  1. 隐藏组件的设置面板中的定制选项。

    在主题的 components.json 文件中,添加以下对象以及其他组件定义:

    [
        {
            "showStyleClassOnly": "true"
        }
    ]
  2. 定制 CKEditor 的工具栏组和按钮以删除定制样式:

    在主题的 components.json 文件中,可以指定 CKEditor 的 toolbarGroupsremoveButtons 属性,以为 TitleParagraph 组件定制组和组内的按钮。

    例如,添加以下对象以及其他组件定义,以从 Styles 组中删除样式、字体和颜色:

    [
        {
            "name": "",
            "list": [
                {
                    "type": "scs-title",
                    "id": "scs-title",
                    "config": {
                        "toolbarGroups": [
                            {
                                "name": "basicstyles",
                                "groups": ["basicstyles"]
                            },
                            {
                                "name": "styles",
                                "groups": ["styles"]
                            },
                            {
                                "name": "colors",
                                "groups": ["colors"]
                            },
                            "/",
                            {
                                "name": "undo",
                                "groups": ["undo"]
                            },
                            {
                                "name": "links",
                                "groups": ["links"]
                            },
                            {
                                "name": "paragraph",
                                "groups": ["list", "indent"]
                            },
                            {
                                "name": "align",
                                "groups": ["align"]
                            },
                            {
                                "name": "cleanup",
                                "groups": ["cleanup"]
                            }
                        ],
                        "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                    }
                },
                {
                    "type": "scs-paragraph",
                    "id": "scs-paragraph",
                    "config": {
                        "toolbarGroups": [
                            {
                                "name": "basicstyles",
                                "groups": ["basicstyles"]
                            },
                            {
                                "name": "styles",
                                "groups": ["styles"]
                            },
                            {
                                "name": "colors",
                                "groups": ["colors"]
                            },
                            "/",
                            {
                                "name": "undo",
                                "groups": ["undo"]
                            },
                            {
                                "name": "links",
                                "groups": ["links"]
                            },
                            {
                                "name": "paragraph",
                                "groups": ["list", "indent"]
                            },
                            {
                                "name": "align",
                                "groups": ["align"]
                            },
                            {
                                "name": "insert",
                                "groups": ["image", "table"]
                            },
                            {
                                "name": "cleanup",
                                "groups": ["cleanup"]
                            }
                        ],
                        "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                    }
                }
            ]
        }
    ]
  3. 防止将样式粘贴到 CKEditor 中。

    粘贴遵循配置的样式和按钮。在前面的示例中,Font 被从粘贴的数据中删除。

不允许定制样式具有以下效果:
  • 在所有内置组件中,样式选项卡隐藏 (o) 定制选项。
  • 在 CKEditor 中,用于设置样式的工具栏按钮已隐藏,字体系列、字体颜色等的指定已覆盖。
  • 此外,在 CKEditor 中,不能对粘贴的文本设置样式。允许使用粗体或斜体。

隐藏主题的组件和部分布局

您可以通过编辑主题的 component.json 文件来隐藏组件和部分布局,以便防止站点开发人员使用它们。您可能为了提升一致的外观而这样做。请参见隐藏主题的组件和部分布局

通过站点验证主题

完成主题编辑后,您需要检查所有项是否按计划与站点协同工作。

  1. 确保您复制的文件夹和文件与 Oracle Content Management 桌面应用程序已同步并且所有修改都已保存。

  2. 在站点构建器中打开站点(可以是测试或现有脱机站点)并将该站点切换为使用新主题。

  3. 通过添加页和使用设置、查看图像、检查导航以及您在新主题中更改的其他任何项,测试具有该主题的站点。

  4. 检查是否正确呈现所有内容,包括所有文件和链接。

  5. 发布主题,以便站点实施主题更改,然后在运行时环境中进行检查。

请参见发布主题

使用 Bootstrap 主题

由于 Oracle Content Management 主题与 Bootstrap 主题之间的相似性,所以可以转换现有 Bootstrap 主题页和内容以用于 Oracle Content Management 主题。

Bootstrap 是用于创建网站和 Web 应用程序的免费且开源的工具集合。它包含用于界面组件和 JavaScript 扩展的基于 HTML 和 CSS 的设计模板。

您将遵循用于创建主题的相同说明,但是您处理代码(使用您选择的任何编辑器)以从 Bootstrap 主题导入和编辑所需的任何页或内容。

您不可能将整个 Bootstrap 主题都用于其所有页和内容。通常,您将选择该主题的某些部分用于 Oracle Content Management 主题,可能仅几个页模板以及仅其中的某些部分。例如,Bootstrap 主题包含模板内的多个块,包括页眉、导航块、正文块和页脚块。由于 Bootstrap 主题作为可从文件系统直接查看的文件的集合来提供(无 Web 服务器),它们在每页内包含许多重复内容(它们不得不这样,因为未包含页组合引擎)。在 Oracle Content Management 主题中使用此信息时,您需要获取这些部分并将其添加到可重用的 Oracle Content Management 页模板,然后使用 Oracle Content Management 从这些模板动态组合多个页。

导航部分即是将信息添加到可重用模板的一个示例。典型 Bootstrap 主题中的导航将在所有页上复制,但是当您将其移至 Oracle Content Management 主题中时,必须使用 JavaScript 代码动态经过站点的层次并生成导航结构。然后,您只需在所有页上包括该脚本,它们都将获得导航,并且在添加页或从站点删除页时,该导航将进行调整。

请参见基于 Bootstrap 或网站设计模板创建站点模板