Customizing the Web Console

目录

Introduction

Alauda Container Platform 的 Web 控制台可以根据贵组织的品牌和偏好进行自定义。本文档介绍了管理员可用的各种自定义选项。

User Preferences

Theme and Language Settings

个人用户可以通过控制台右上角的用户菜单自定义其 Web 控制台体验。

更改主题和语言设置的方法:

  1. 点击右上角的用户名
  2. 从下拉菜单中选择“User Preferences”
  3. 进入“Theme”或“Language”部分
  4. 选择您偏好的设置
  5. 点击“Save”以应用更改

注意: 如果语言选择器中没有您偏好的语言,可能需要安装相应的语言插件。请联系您的平台管理员协助安装额外的语言插件。

Administrator Customizations

以下自定义操作需要管理员权限,可通过 Platform Management 视图访问。

Customizing the Login Page

自定义登录页面的方法:

  1. 进入 Platform Management 视图
  2. 从导航菜单选择“System Settings”
  3. 点击“Login Page”
  4. 自定义以下元素:
    • 更新 Logo:点击“Update Logo”上传自定义 Logo 图片(推荐尺寸:200px × 60px)
    • 更新背景图片:点击“Update Background Image”上传自定义背景图片(推荐尺寸:1920px × 1080px)
  5. 点击“Save”以应用更改

Customizing the Portal Page

自定义 Portal 页的方法:

  1. 进入 Platform Management 视图
  2. 从导航菜单选择“System Settings”
  3. 点击“Portal”
  4. 自定义以下元素:
    • 主标题:输入作为主标题显示的文本
    • 副标题:输入作为副标题显示的文本
    • 顶部图片:上传显示在 Portal 页顶部的图片
    • 底部图片:上传显示在 Portal 页底部的图片
  5. 点击“Save”以应用更改

Customizing Platform Branding

自定义平台品牌元素的方法:

  1. 进入 Platform Management 视图
  2. 从导航菜单选择“System Settings”
  3. 点击“Logo”
  4. 自定义以下元素:
    • 平台 Logo:上传平台自定义 Logo(推荐尺寸:180px × 40px)
    • 平台名称:输入作为平台名称显示的文本
    • Favicon:上传自定义 favicon(推荐尺寸:32px × 32px)
  5. 点击“Save”以应用更改

Customizing View Names

自定义视图名称的方法:

  1. 进入 Platform Management 视图
  2. 从导航菜单选择“System Settings”
  3. 点击“Platform Parameters”
  4. 在“Product Config”下找到要重命名的视图
  5. 在“Name”字段中输入您偏好的名称
  6. 点击“Save”以应用更改

重命名后的视图将在视图切换器和 Portal 页面中以新名称显示。

Customizing the Left Navigation

管理员可以自定义平台的左侧导航菜单,对 Administrator 和 Projects 视图隐藏、重命名或添加导航项。

有关如何配置和管理自定义左侧导航的详细步骤,请参阅:

Customizing the Left Navigation

Integrating External Products

您可以将外部产品的 URL 集成到平台中,这些产品将以视图卡片的形式显示在 Portal 页面和视图切换器中。

集成外部产品的方法:

  1. 进入 Platform Management 视图
  2. 从导航菜单选择“System Settings”
  3. 点击“Platform Parameters”
  4. 在“Product Config”下点击“Integrate Product”
  5. 提供以下信息:
    • 名称:显示的产品名称
    • 图标:上传产品图标
    • URL:输入外部产品的 URL
    • 描述:简要描述产品
  6. 点击“Submit”完成集成

集成后,外部产品将以卡片形式显示在 Portal 页面和视图切换器中。点击卡片或选择视图将导航用户至指定的 URL。

Best Practices for Customization

  • 保持所有自定义元素的品牌一致性
  • 使用尺寸和文件大小合适的图片文件
  • 确保自定义文本清晰、简洁且适合所有用户
  • 在不同浏览器和屏幕尺寸下测试自定义效果
  • 选择颜色和对比度时考虑无障碍指南