Developer Portal Home Management
概要
このチュートリアルでは、Developer Portalのホームページを管理する方法を説明します。ブランド要素（ファビコン、ロゴ）を設定し、プロモーションバナー（スライド）をデザインし、フッターリンクを管理し、カスタムスタイルをアップロードできるようになります。これらの設定は、ポータルを企業のアイデンティティに合わせ、開発者の体験を向上させるのに役立ちます。
前提条件
次のものを持っている必要があります：
- 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 | 未チェック |
レイアウトの問題を避けるために、一貫したアスペクト比を使用してください。
ステップ 5. スライド間隔を設定する
スライド画像が変更される頻度を選択します（1～30秒）
例: 間隔を2秒に設定
ステップ 6. フッターを設定する
Footer Copyright| Field | 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をクリックするか、編集アイコンを使用して修正します。
ステップ 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
これにより、開発者ポータルの外観を高度にカスタマイズできます。
ステップ 8. すべての変更を保存する
すべての変更が完了したら、下部の保存ボタンをクリックします。
ベストプラクティス
- 読み込み時間を改善するために、圧縮された最適化画像を使用する
- すべてのスライドリンクが有効な内部または外部のドキュメントを指していることを確認する
- 複数のデバイスでアップロードされたアセットをプレビューする
- カスタムCSSを使用してブランドの一貫性（カラーパレット、フォント）を維持する
- ポータルが進化するにつれて、スライドとフッターの内容を更新し続ける