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