メインコンテンツまでスキップ

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 LinkOrder Active
1slide-api-intro.jpg/readme?page=intro1チェック済み
2slide-openapi.png/readme?page=docs2チェック済み
3slide-auth.png/readme?page=auth3チェック済み
4slide-api-key.png/readme?page=apikey4未チェック
5slide-monitoring.png/readme?page=monitoring5Unchecked

レイアウトの問題を避けるために、一貫したアスペクト比を使用してください。

ステップ 5. スライド間隔を設定​

スライド画像が変更される頻度を選択します（1～30秒）

例: 間隔を2秒に設定

Footer Copyright
Field Value
テキストCOPYRIGHT © BY SKAPIM ALL RIGHTS RESERVED
Footer Links

ヘルプ/お問い合わせ/利用規約/カスタムリンクを追加できます:

ラベル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を使用してブランドの一貫性（カラーパレット、フォント）を維持してください
  • ポータルが進化するにつれて、スライドとフッターの内容を更新してください