ブランディング
ドキュメントを製品のように感じさせ、一般的なテンプレートではないようにします。
設定#
| フィールド | 機能 |
|---|---|
| カスタム名 | ブラウザのタブとヘッダーに表示される表示名 |
| アクセントカラー | ボタン、リンク、およびハイライトに適用されるプライマリブランドカラー |
| "Powered by Docsbook" を非表示 | フッターバッジを削除します (Pro) |
適用方法#
- ドキュメントサイトを開きます。
- フローティングウィジェット → デザイン → ブランディング タブ。
- フィールドに入力します。
- 保存 をクリックします。
変更は即座に適用されます — 再ビルドは不要です。
アクセントカラー#
アクセントカラーは16進数コードです (例: #5B47E0). 以下の項目に影響します。
- サイドバーのアクティブ状態
- トグルスイッチ
- ボタン
- リンク
製品の主要なブランドカラーに合った色を選択してください。非常に明るい色は避けてください — 白い背景ではコントラスト要件を満たしません。
カスタムアイコン#
ドキュメントサイトのカスタムファビコンとヘッダーアイコンを設定します。
フィールド: Icon URL
設定方法:
- Float Widget → Design → Branding タブ。
- アイコン画像の公開URLをIcon URLフィールドに貼り付けます。
- 保存します。
要件:
- 正方形の画像を使用してください — PNGまたはSVGを推奨します。
- 理想的なサイズ: 64×64 px (PNG) または任意のサイズ (SVG)。
- URLは公開アクセス可能である必要があります (認証不要)。
表示される場所:
- ブラウザのファビコン (タブアイコン)
- ドキュメントサイドバーのヘッダーロゴエリア
“Powered by Docsbook” の非表示 (Pro)#
デフォルトでは、サイドバーの下部に小さな「Powered by Docsbook」バッジが表示されます。
これをオフにすると、ドキュメントは完全にホワイトラベル表示になります。
Pro機能。 Proプランが必要です。 Proプランにアップグレード →
ブランド構築を始める。 GitHubリポジトリを接続 →