1.5. 3scale 管理の API 用開発者ポータルへのイメージおよびその他のアセットの追加

通常、独自のイメージ、ファイル、またはその他のアセットを使用して、ネイティブ開発者ポータルをカスタマイズします。そのためには、開発者ポータルのコンテンツライブラリーにファイルを追加し、この環境でパスをメモしてから、コードでコンテンツライブラリーのファイルの場所へのリンクを追加します。

前提条件

  • 開発者ポータルで使用するイメージ、ファイル、またはその他のアセットへのアクセス

手順

  1. アセットを開発者ポータルのコンテンツライブラリーに追加します。

    1. Developer Portal > Content 環境で、右上の New Page をデプロイメントし、New File を選択します。
    2. Upload File で Section フィールドをクリックし、追加するアセットを保存するディレクトリーのリストを表示し、適切なディレクトリーをクリックして選択します。たとえば、|- images を選択します。
    3. オプション:Path フィールドに、役に立つ追加のパスレベルを入力します。
    4. Downloadable を選択します。
    5. Choose File をクリックして、追加するファイルに移動し、それを選択して Open をクリックします。
    6. オプション:Tag list フィールドに、この新しいコンテンツをコードに含めるために使用する Liquid タグを入力します。たとえば、my-logo を入力します。
    7. Create File をクリックして、開発者ポータルのコンテンツライブラリーにアセットを追加します。
  2. 追加したアセットへのパスを書き留めます。たとえば、MyLogo.png イメージを images セクションに追加した場合、パスは /images/MyLogo.png になります。

  3. コードでアセットを使用するには、HTML <a> 要素を挿入します。以下に例を示します。 

    <a href="/images/MyLogo.png"/>

    または、Liquid タグをアセットに追加した場合は、以下のようにタグを指定してコードでアセットを使用できます。 

    {% my-logo %}