自定義開發人員入口網站頁面的樣式

在 Azure API 管理中自訂開發人員入口網站有三種最常見的方式：

• 編輯靜態頁面和版面配置元素的內容
• 更新開發人員入口網站中頁面元素所使用的樣式（本指南所述）
• 修改用於入口網站所產生頁面的範本 （例如，API 檔、產品、使用者驗證）

在本文中，您將瞭解如何自定義舊版 開發人員 入口網站頁面上元素的樣式，並檢視您的變更。

備註

下列檔內容與已淘汰的開發人員入口網站有關。 您可以照舊繼續使用，直到其在 2023 年 10 月淘汰，屆時便會將其從所有 API 管理服務中移除。 已被取代的入口網站只會接收重要的安全性更新。 如需詳細資訊，請參閱下列文章：

• 瞭解如何移轉至新的開發人員入口網站
• Azure API 管理新的開發人員入口網站概觀
• 存取和自定義新的開發人員入口網站

可用性

這很重要

這項功能可用於 API 管理的進階、標準、基本與開發人員層。

如需 v2 層的功能可用性（預覽），請參閱 v2 層概觀。

先決條件

• 了解 Azure API 管理術語。
• 完成下列快速入門：建立 Azure API 管理執行個體。
• 同時也請完成下列教學課程：匯入和發佈您的第一個 API。

自定義開發人員入口網站

1. 選取 概觀。

2. 按兩下 [概觀 ] 視窗頂 端的 [開發人員入口網站 [舊版] 按鈕。

3. 在畫面的左上方，您會看到由兩個油漆筆刷組成的圖示。 將滑鼠停留在此圖示上以開啟入口網站自定義功能表。

   

4. 從選單中選取 [樣式]，以開啟樣式自訂窗格。

   您可以使用樣式自訂的所有元素，將會顯示在頁面上。

5. 在 [變更變數值以自定義開發人員入口網站外觀：] 欄位中輸入 「headings-color」。

   @headings-color 元素會出現在頁面上。 此變數會控制文字的色彩。

   

6. 點擊 @headings-color 變數的欄位。

   色彩選擇器下拉式清單隨即開啟。

7. 從色彩選擇器下拉式清單中選取新的色彩。

   小提示

   所有變更皆可即時預覽。 進度指示器會出現在自定義窗格頂端。 幾秒鐘後，標題文字的顏色會變成新選擇的顏色。

8. 在自定義窗格功能表的左下方，選取 [發佈]。

9. 選取 [[發佈自訂設定]，以讓變更公開可用。

檢視您的變更

1. 流覽至開發人員入口網站。
2. 您可以看到所做的變更。

後續步驟

您可能也有興趣瞭解如何使用範本 自定義 Azure API 管理開發人員入口網站。