#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

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