自定义开发人员门户页面的样式

在 Azure API 管理中自定义开发人员门户有三种最常见的方法:

本教程介绍如何执行下列操作:

  • 自定义开发人员门户页面中元素的样式
  • 查看更改

自定义样式

先决条件

可用性

Important

此功能在 API 管理的“高级”、“标准”、“基本”和“开发人员”层中可用。

自定义开发人员门户

  1. 选择“概述”。

  2. 单击“概述”窗口顶部的“开发人员门户”按钮。 或者,可以单击“开发人员门户 URL”链接。

  3. 在屏幕的左上方,可以看到由两支画笔构成的图标。 将鼠标悬停在此图标上,打开门户自定义菜单。

    自定义样式

  4. 从菜单中选择“样式”,打开样式自定义窗格。

    可以使用“样式”自定义的所有元素都显示在该页面上

  5. 在“更改变量值以自定义开发人员门户外观:”字段中输入“headings-color”。

    **@headings-color** 元素将显示在页面上。 此变量控制文本的颜色。

    自定义样式

  6. 单击 **@headings-color** 变量对应的字段。

    此时会打开颜色选取器下拉列表。

  7. 从颜色选取器下拉列表中选择一种新颜色。

    Tip

    可实时预览所有更改。 自定义窗格顶部会显示进度指示器。 几秒钟后,标题文本的颜色将更改为刚刚选择的颜色。

  8. 选择自定义窗格菜单左下角的“发布”。

  9. 选择“发布自定义项”,以公开所做的更改。

查看更改

  1. 导航到开发人员门户。
  2. 可以看到所做的更改。

后续步骤

在本教程中,你已学习了如何执行以下操作:

  • 自定义开发人员门户页面中元素的样式
  • 查看更改

你可能还有兴趣了解如何使用模板自定义 Azure API 管理开发人员门户