共用方式為


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

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

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

顯示您在舊版開發人員入口網站中變更設定位置的螢幕快照。

備註

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

適用於:開發人員 | 基本 | 標準 | 進階

先決條件

自定義開發人員入口網站

  1. 選取 [ 概觀]。

  2. 請點擊「概觀」視窗頂端的「開發人員入口網站(舊版)」按鈕。

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

    突顯兩個畫筆刷圖示的截圖。

  4. 從功能表中選取 [樣式 ],以開啟樣式自定義窗格。

    您可以使用 樣式 自訂的所有元素都會出現在頁面上

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

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

    自定義樣式

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

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

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

    小提示

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

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

  9. 選擇 發佈自訂設定 以公開提供變更。

檢視您的變更

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

後續步驟

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