次の方法で共有


開発者ポータル ページのスタイルをカスタマイズする

Azure API Management で開発者ポータルをカスタマイズする最も一般的な方法は 3 つあります。

この記事では、従来の開発者ポータルのページで要素のスタイルをカスタマイズして、変更内容を表示する方法について説明します。

レガシ開発者ポータルで設定を変更する場所を示すスクリーンショット。

注意

以下のドキュメントの内容は、非推奨の開発者ポータルに関するものです。 2023 年 10 月に廃止され、すべての API Management サービスから削除されるまで、通常どおりに引き続き使用できます。 非推奨のポータルでは、重要なセキュリティ更新プログラムのみを受信します。 詳細については、次の記事をご覧ください。

可用性

重要

この機能は、API Management の PremiumStandardBasicDeveloper レベルで使用できます。

v2 レベル (プレビュー) での機能の可用性については、 v2 レベルの概要に関するページを参照してください。

前提条件

開発者ポータルをカスタマイズする

  1. [概要] を選択します。

  2. [概要] ウィンドウの上部にある [Developer portal (legacy)] (開発者ポータル (レガシ)) をクリックします。

  3. 画面の上部左側に、2 つのペイント ブラシでできたアイコンがあります。 このアイコンにカーソルを重ねると、ポータルのカスタマイズ メニューが開きます。

    2 つのペイント ブラシでできたアイコンが強調表示されているスクリーンショット。

  4. メニューから [スタイル] を選択し、スタイルのカスタマイズ ウィンドウを開きます。

    ページに表示される [スタイル] を使用して、すべての要素をカスタマイズできます。

  5. [Change variable values to customize developer portal appearance:](変数の値を変更して開発者ポータルの外観をカスタマイズする:) フィールドに、「headings-color (見出しの色)」と入力します。

    @headings-color 要素がページに表示されます。 この変数はテキストの色を制御します。

    スタイルのカスタマイズ

  6. @headings-color 変数のフィールドをクリックします。

    カラー ピッカーのドロップダウンが開きます。

  7. カラー ピッカーのドロップダウンから、新しい色を選択します。

    ヒント

    変更内容はすべてリアルタイムでプレビューできます。 カスタマイズ ウィンドウの上部には進行状況のインジケーターが表示されます。 2、3 秒後にヘッダー テキストが新しく選択した色に変わります。

  8. メニューのカスタマイズ ウィンドウ メニューの左下から [発行] を選択します。

  9. [カスタマイズの公開] を選択して、変更内容を一般に公開します。

変更を確認する

  1. 開発者ポータルに移動します。
  2. 行った変更内容を確認できます。

次のステップ

Azure API Management 開発者ポータルをテンプレートを使用してカスタマイズする方法についての説明も参照してください。