Developer Portal Home Management
개요
이 튜토리얼은 개발자 포털의 홈 페이지를 관리하는 방법을 설명합니다. 브랜드 요소(파비콘, 로고)를 설정하고, 프로모션 배너(슬라이드)를 디자인하며, 바닥글 링크를 관리하고, 사용자 정의 스타일을 업로드할 수 있습니다. 이러한 설정은 포털을 회사 아이덴티티에 맞추고 개발자 경험을 향상시키는 데 도움이 됩니다.
필수 조건
다음이 필요합니다:
- APIM 콘솔 > 관리자 > 홈 관리에 대한 관리자 액세스
- 적절한 크기의 이미지 자산 및 로고 파일
- 바닥글 정보(URL, 저작권)
단계별 튜토리얼
단계 1. 사이트 정보 설정
Field | Example |
---|---|
사이트 이름 | SK Developers (이미 구성된 경우 자동으로 채워짐) |
단계 2. 파비콘 업로드
- 1:1 비율의 정사각형 이미지를 업로드합니다.
- 실제 표시 크기는 16x16px입니다.
예시:
- 파일 이름: favicon-sk.png
- 크기: 64x64px
- 파일 형식: png
작은 크기에서 가시성을 위해 단순화된 회사 로고나 기호를 사용하세요.
단계 3. 로고 이미지 업로드
- 자동 너비와 최대 높이 40px의 직사각형 로고를 업로드합니다.
- 권장 최대 크기: 150px 너비
예시:
- 파일 이름: logo-skapim-dark.svg
- 형식: svg
- 크기: 자동 너비 × 40px 높이
단계 4. 슬라이드 이미지 관리
- 권장 크기: 2000px × 550px
- 각 슬라이드는 내부 또는 외부 페이지에 연결될 수 있습니다.
- 순서를 변경하거나 가시성을 전환하거나 삭제할 수 있습니다.
모의 슬라이드:
Slide | Image | Link | Order | Active |
---|---|---|---|---|
1 | slide-api-intro.jpg | /readme?page=intro | 1 | 체크됨 |
2 | slide-openapi.png | /readme?page=docs | 2 | 체크됨 |
3 | slide-auth.png | /readme?page=auth | 3 | 체크됨 |
4 | slide-api-key.png | /readme?page=apikey | 4 | 체크 안 됨 |
5 | slide-monitoring.png | /readme?page=monitoring | 5 | Unchecked |
일관된 종횡비를 사용하여 레이아웃 문제를 피하십시오.
Step 5. 슬라이드 간격 설정
슬라이드 이미지가 변경되는 빈도를 선택하십시오 (1–30초)
예: 간격을 2초로 설정
Step 6. 바닥글 구성
Footer CopyrightField | Value |
---|---|
텍스트 | COPYRIGHT © BY SKAPIM ALL RIGHTS RESERVED |
도움말/연락처/약관/사용자 정의 링크를 추가할 수 있습니다:
레이블 | URL |
---|---|
회사 소개 | https://skapim.co.kr/about |
도움말 | https://skapim.co.kr/help |
연락처 | https://skapim.co.kr/contact |
이용 약관 | https://skapim.co.kr/terms |
제거하려면 X를 클릭하거나 수정 아이콘을 사용하십시오.
Step 7. 사용자 정의 스타일 파일 업로드
업로드할 수 있습니다:
- 테마 오버라이드를 위한 CSS 파일
- 이미지 (예: 사용자 정의 배경)
- 글꼴 (예: .ttf, .woff 등)
예시 파일 유형:
- custom-dark.css
- corporate-banner.png
- Roboto-Regular.woff2
허용되는 형식: css, jpg, jpeg, png, ico, tif, tiff, gif, bmp, raw, eot, ttf, woff, woff2
이것은 개발자 포털의 외관을 고급 사용자 정의할 수 있게 해줍니다.
Step 8. 모든 변경 사항 저장
모든 변경이 완료되면 하단의 저장 버튼을 클릭하십시오.
모범 사례
- 로딩 시간을 개선하기 위해 압축되고 최적화된 이미지를 사용하십시오.
- 모든 슬라이드 링크가 유효한 내부 또는 외부 문서를 가리키도록 하십시오.
- 여러 장치에서 업로드된 자산을 미리 보기하십시오.
- 사용자 정의 CSS를 통해 브랜드 일관성(색상 팔레트, 글꼴)을 유지하십시오.
- 포털이 발전함에 따라 슬라이드 및 바닥글 내용을 업데이트하십시오.