Red Hat Summit1.5. 3scale 管理の API 用デベロッパーポータルへのイメージおよびその他のアセットの追加
通常、独自のイメージ、ファイル、またはその他のアセットを使用して、ネイティブデベロッパーポータルをカスタマイズします。そのためには、デベロッパーポータルのコンテンツライブラリーにファイルを追加し、この環境でパスをメモしてから、コードでコンテンツライブラリーのファイルの場所へのリンクを追加します。
前提条件
- デベロッパーポータルで使用するイメージ、ファイル、またはその他のアセットへのアクセス
手順
アセットをデベロッパーポータルのコンテンツライブラリーに追加します。
- Developer Portal > Content 環境で、右上の New Page を展開し、New File を選択します。
- Upload File で Section フィールドをクリックし、追加するアセットを保存するディレクトリーの一覧を表示し、適切なディレクトリーをクリックして選択します。たとえば、|- images を選択します。
- オプション:Path フィールドに、役に立つ追加のパスレベルを入力します。
- Downloadable を選択します。
- Choose File をクリックして、追加するファイルに移動し、それを選択して Open をクリックします。
-
オプション:Tag list フィールドに、この新しいコンテンツをコードに含めるために使用する Liquid タグを入力します。たとえば、
my-logoを入力します。 - Create File をクリックして、デベロッパーポータルのコンテンツライブラリーにアセットを追加します。
-
追加したアセットへのパスを書き留めます。たとえば、
MyLogo.pngイメージを images セクションに追加した場合、パスは/images/MyLogo.pngになります。 コードでアセットを使用するには、HTML
<a>要素を挿入します。以下に例を示します。<a href="/images/MyLogo.png"/>
または、Liquid タグをアセットに追加した場合は、以下のようにタグを指定してコードでアセットを使用できます。
{% my-logo %}
