自訂開發人員入口網站頁面的風格

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

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

在本文中，您將了解如何在舊版開發人員入口網站的頁面上自訂元素的樣式，並查看您的變更。

注意

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

• 了解如何遷移至新的開發人員入口網站
• Azure API 管理的新開發人員入口網站概觀
• 存取及自訂新的開發人員入口網站

可用性

重要

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

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

必要條件

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

自訂開發人員入口網站

1. 選取 [概觀] 。

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

3. 在螢幕的左上方，您會看到由兩支筆刷組成的圖示。 將滑鼠停留在此圖示上可開啟入口網站的自訂功能表。

   

4. 選取功能表中的 [樣式] ，開啟自訂樣式窗格。

   您可以使用頁面上出現的 [樣式] 自訂所有元素

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

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

   

6. 按一下headings-color變數的欄位。

   此時會開啟色彩選擇器下拉式清單。

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

   秘訣

   您可以即時預覽所有變更。 進度列指示器會出現在自訂窗格的頂端。 幾秒之後，頁首文字就會變更為新選取的色彩。

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

9. 選取 [發佈自訂] 讓變更可公開使用。

檢視變更

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

後續步驟

您可能想要了解如何使用範本自訂 Azure API 管理開發人員入口網站。