自訂外觀

您正在查看 Apigee Edge 說明文件。
前往 Apigee X 說明文件。 info

您可以自訂開發人員服務入口網站的外觀，以配合公司主題，也可以在入口網站中新增內容區域，或是變更入口網站上任何頁面的版面配置。這項設定的大部分內容都需要具備 Drupal 的實際知識。不過，本頁面會說明您可能要執行的部分基本工作，以便自訂入口網站。

自訂網站標題和標語

您可以設定網站的標題和標語。在首頁上，標題和標語會顯示為：

「標題 | 標語」

標題為必填欄位，預設值為「New Apigee Site」。標語為選填欄位，預設為空白。

如何設定標題和標語：

  1. 以具備管理員或內容建立權限的使用者身分登入入口網站。
  2. 在 Drupal 管理選單中，依序選取「Configuration」>「System」>「Site Information」。
  3. 在「網站資訊」頁面中，設定「網站名稱」，並視需要設定「口號」。
  4. 儲存設定。
    請注意，由於快取功能，資訊方塊和標語的變更可能不會立即顯示。您可以選擇清除快取，讓這些變更顯示。如要清除快取，請選取 Drupal 管理選單最左側的 Drupal 圖示，然後選取「清除所有快取」。

自訂首頁版面配置

下圖顯示首頁的版面配置：

Drupal 提供多種機制，可控制這個頁面的顯示方式。本節將說明預設主頁面的版面配置元素，以及如何修改這些元素。如要徹底重新設計網頁，請參閱 Drupal 說明文件。

首頁分為下列幾個部分：

  • 主選單：包含 Apigee 標誌，以及「網誌」和「論壇」選單項目。 請參閱下文，瞭解如何設定主選單。
  • 歡迎訊息：主選單下方的字串，開頭為「Welcome to the...」文字。自訂主題說明如何設定歡迎訊息。
  • 頂端區域：主選單下方的區域，包含歡迎訊息、兩個方塊 (其中一個連結至說明文件，另一個則連結至含有存取金鑰的建構)，以及大型圖示。這個區域是由 Drupal 區塊定義。區塊是 Drupal 網頁上的矩形內容區域。如要設定頂端區域，請編輯定義該區域內容的 Drupal 區塊，如下所述。
  • 底部區域：包括「最近的網誌文章」、「論壇討論」和「熱門主題」區域。這三個區塊是以 Drupal 檢視畫面實作。如要瞭解如何編輯這些檢視畫面，請參閱「新增網誌和論壇貼文」一文。
  • 頁尾：包含隱私權政策、使用條款和聯絡資訊的連結。 請參閱「編輯頁尾」。

自訂定義首頁頂端區塊的區塊

  1. 以具備管理員權限的使用者身分登入入口網站。
  2. 在 Drupal 管理選單中，依序選取「Structure」>「Blocks」。
  3. 在「區塊」頁面中，選取「首頁標頭」區塊的「設定」連結。
    首頁標題區塊的內文是 HTML 程式碼，用於定義該區塊的外觀
  4. 視需要編輯區塊。
  5. 選取「儲存方塊」。
  6. 前往首頁查看變更。

自訂主選單

開發人員入口網站的每個頁面頂端都會顯示主選單。根據預設，這個頁面會顯示 Apigee 標誌和兩個選單項目：網誌和論壇。您可以編輯主選單，變更為標誌，並設定自己的選單項目。

如何變更標誌：

  1. 以具備管理員或內容建立權限的使用者身分登入入口網站。
  2. 如果預設主題是 Apigee 響應式主題：
    1. 依序選取「外觀」>「設定」。
  3. 如果預設主題是 Apigee DevConnect 主題：
    1. 依序選取「外觀」>「設定」>「Apigee DevConnect 主題」。
  4. 取消選取「標誌圖像」設定下方的「使用預設標誌」。
    頁面會變更，讓您瀏覽及上傳圖片檔案。
  5. 在「上傳標誌圖片」下方，選取「選擇檔案」按鈕，然後前往圖片檔案。
  6. 選取「開啟」即可上傳檔案。
  7. 按一下「Save Configuration」。

如何編輯選單項目：

  1. 以具備管理員或內容建立權限的使用者身分登入入口網站。
  2. 在 Drupal 管理選單中，依序選取「結構」>「選單」>「主選單」。
    您可以使用這個頁面新增、移除及重新排序選單項目。
  3. 按一下「新增連結」，即可新增選單項目。
  4. 新增必要資訊，然後選取「儲存」。
  5. 按一下主選單頁面中的「儲存設定」。

將「我的應用程式」頁面重新命名為「我的 API」

根據預設，每位入口網站開發人員都有一個名為「我的應用程式」的頁面，可用於新增、修改及刪除應用程式，以及與這些應用程式相關聯的 API 金鑰。舉例來說，開發人員可以擁有多個應用程式、修改應用程式以新增或移除 API 產品，以及在「我的應用程式」頁面查看應用程式使用情形的分析資訊。

不過，部分 API 供應商希望簡化入口網站上顯示的資訊，並簡化開發人員與入口網站的互動方式。舉例來說，您可以設定入口網站，在開發人員在入口網站上註冊時建立預設應用程式和 API 金鑰。這個應用程式甚至可能是開發人員唯一會存取的應用程式，而且網站不允許使用者修改應用程式。如要瞭解如何建立預設應用程式，請參閱「新增及管理使用者帳戶」。

有些網站根本不想使用「app」一詞。這些網站會參照 API 和 API 金鑰。在這種情況下，您可以將入口網站設定為將「應用程式」一詞替換為「API」，這樣開發人員現在就會有一個名為「我的 API」的頁面。不過，頁面上顯示的資訊與頁面名稱為「我的應用程式」時相同，如下所示：

這項變更不僅會影響「我的 API」頁面的標題，也會影響其他部分。舉例來說，請注意上圖右側的按鈕現在顯示「Add a new API」(新增 API)，而下方的文字則是指 API，而非應用程式。

如要設定入口網站以顯示「我的 API」：

  1. 以具備管理員或內容建立權限的使用者身分登入入口網站。
  2. 在 Drupal 管理選單中，依序選取「Configuration」>「Dev Portal」>「Application Settings」。
  3. 展開頁面中的「Application UI Settings」區域。
  4. 選取對應於您要提告的文字的圓形按鈕。
  5. 按一下 [儲存變更]。
  6. 在 Drupal 管理選單中，依序選取「結構」>「選單」>「主選單」。
  7. 按一下「我的應用程式」項目的「編輯」連結。
  8. 編輯選單連結標題，將其改為「我的 API」。
  9. 按一下 [儲存]。
  10. 按一下主選單頁面中的「儲存設定」。

為行動裝置啟用 Drupal 管理員選單

預設的 Drupal 管理員選單與行動裝置的小螢幕尺寸不相容。如果您想在行動裝置上管理入口網站，可以啟用新的管理員選單，該選單支援螢幕寬度為 767 像素或更大的行動裝置。

如何啟用行動裝置相容的管理員選單：

  1. 以具備管理員或內容建立權限的使用者身分登入入口網站。
  2. 在 Drupal 管理選單中，選取「Modules」。畫面上會顯示所有已安裝的 Drupal 模組清單。
  3. 下載並安裝 導覽列模組。
  4. 如果已啟用，請停用「管理選單工具列樣式」模組。
  5. 按一下「儲存設定」。
  6. 停用「管理選單」模組。
  7. 啟用「Navbar」模組。
  8. 按一下「儲存設定」。

您現在會看到支援行動裝置的 Drupal 管理員選單。