1.5. 3scale 관리 API를 위한 개발자 포털에 이미지 및 기타 자산 추가
일반적으로 자체 이미지, 파일 또는 기타 자산을 사용하여 기본 개발자 포털을 사용자 지정하려고 합니다. 이렇게 하려면 개발자 포털 콘텐츠 라이브러리에 파일을 추가하고, 이 환경의 경로를 기록한 다음 코드에서 콘텐츠 라이브러리에서 파일 위치에 대한 링크를 추가합니다.
사전 요구 사항
- 개발자 포털에서 사용하려는 이미지, 파일 또는 기타 자산에 액세스
절차
개발자 포털 콘텐츠 라이브러리에 자산을 추가합니다.
- 개발자 포털 > 콘텐츠 환경의 오른쪽 상단에서 새 페이지를 확장하고 새 파일 을 선택합니다.
- Upload File (파일 업로드) 아래에서 Section (섹션) 필드를 클릭하여 추가하는 자산을 저장하고 적절한 디렉토리를 클릭하여 선택할 수 있는 디렉터리 목록을 표시합니다. 예를 들어 |- 이미지를 선택할 수 있습니다.
- 선택 사항: 경로 필드에 유용한 추가 경로 수준을 입력합니다.
- Downloadable 을 선택합니다.
- 파일 선택을 클릭하고 추가할 파일로 이동하여 선택하고 열기를 클릭합니다.
-
선택 사항: Tag(태그) 목록 필드에 이 새 콘텐츠를 코드에 포함하는 데 사용할 Liquid 태그를 입력합니다. 예를 들어
my-logo를 입력합니다. - Create File (파일 생성)을 클릭하여 개발자 포털 콘텐츠 라이브러리에 자산을 추가합니다.
-
추가한 자산의 경로를 기록해 두십시오. 예를 들어, 이미지 섹션에
MyLogo.png이미지를 추가한 경우 경로는/ images /MyLogo.png입니다. 코드에서 자산을 사용하려면 HTML <
a> 요소를삽입합니다. 예를 들면 다음과 같습니다.<a href="/images/MyLogo.png"/>
또는 에 Liquid 태그를 추가한 경우, 태그를 지정하여 코드에서 자산을 사용할 수 있습니다. 예를 들면 다음과 같습니다.
{% my-logo %}