アイコン、色、テーマ

公開されたドキュメント全体でアイコン、色、テーマやより細かな設定をカスタマイズする

タイトル、アイコン、ロゴ

A GitBook screenshot showing title, icon and logo customization

タイトル

スペースのタイトルは任意に設定できます。注: この設定は表示されるタイトルにのみ影響します 公開されたドキュメント内で。GitBookアプリ内のタイトルを編集したい場合は、カスタマイズメニューを閉じ、スペース上部で編集してください。

アイコン

絵文字を設定するか、独自のアイコンをアップロードできます。ここで設定したアイコンは カスタマイズ メニューでドキュメントサイトのファビコンとして使用されます。

この設定は表示されるアイコンにのみ影響します 公開されたドキュメント内で。GitBookアプリ内で使用されるアイコンを編集したい場合は、スペース内のコンテンツを編集するときに行えます。

カスタムロゴ (Premium & Ultimate)

次の両方を置き換えることができます 両方 公開スペースのタイトルとアイコンをカスタムロゴで置き換えて、ドキュメントを自社のブランディングに合わせることができます。ライトモード用とダークモード用の2種類をアップロードできます。

アイコンオプションとロゴオプションの違いは何ですか?

アイコン設定では小さな132×132ピクセルの画像をアップロードでき、次の場所に表示されます 〜の横に スペースのタイトルと一緒に表示され、サイトのファビコンとして機能します。カスタムロゴオプションではより大きな画像(少なくとも幅600ピクセルを推奨)をアップロードでき、設定したアイコンとタイトルを完全に置き換えます。

テーマ

テーマでは、ライトモードとダークモードの両方で公開コンテンツのカラースキームをカスタマイズできます。選べるテーマは4種類あります。サイトの色はあなたが選ぶ プライマリカラーティント(濃淡) によって直接影響を受けます。これら2つの選択はインターフェースの様々な部分に影響し、サイトの外観や雰囲気を大きく変えることができます。

A GitBook screenshot showing theme options

クリーン

半透明や最小限のスタイル要素を特徴とするモダンなテーマです。プライマリカラー(またはティント)はリンクや他の強調表示されるインターフェース要素に影響します。

クリーンはすべてのサイトで利用可能で、デフォルトのテーマです。

ミューテッド

要素間のコントラストを抑えた洗練されたテーマです。サイトの背景がより際立ち、前景と馴染み、いくつかの要素が反転した外観になることがあります — すべてはプライマリカラー(またはティント)に基づきます。

ミューテッドはすべてのサイトで利用可能です。

ボールド (Premium & Ultimate)

目立つ色と強いコントラストを特徴とするインパクトのあるテーマです。プライマリカラー(またはティント)はサイトのヘッダーや、アイコンなどの他の強調要素に使用されます。

ボールドはPremiumまたはUltimateサイトでのみ利用可能です。

グラデーション (Premium & Ultimate)

グラデーション背景と色のアクセントを特徴とする先進的なテーマです。グラデーションと強調要素はプライマリカラー(またはティント)によって色付けされます。

グラデーションはPremiumまたはUltimateサイトでのみ利用可能です。

A GitBook screenshot showing color customization

プライマリカラー

サイトのプライマリカラーは、リンク、現在のページやセクション、パンくずリスト、主要なヘッダーボタンなど、強調表示されるインターフェース項目やナビゲーション要素のスタイルに影響します。

GitBookは、背景とのコントラストが低すぎる場合や訪問者のシステムが高コントラストを要求する場合に、可読性を保つために個々の要素の色を自動で調整します。

ティントカラー

サイトのティントカラーは、ヘッダーのリンク、アイコンの色、次のようなUI要素を含め、サイト全体のテキストやアイコンの色を微妙に変化させます: 問い合わせまたは検索 バー。

ティントカラーは 影響しません リンクやボタンなどのナビゲーション要素には影響しません。これらは常にプライマリカラーを使用します。

の中の ティントカラー セクションでは、プライマリカラーの選択に基づいた推奨色が表示されます。1つを選択してプレビューしたり、プライマリカラーをティントとして選んだり、カラーピッカーで完全にカスタムの色を選んだりできます。

セマンティックカラー (Premium & Ultimate)

セマンティックカラーは公開コンテンツ内のヒントブロックに適用され、コードブロックにも適用できます。

各ヒントスタイルの背景色を変更できます;これらの変更はカスタマイズしている公開サイトに反映されます。

注: GitBookエディタ内のヒントブロックは常に標準の色のままで、サイトのセマンティックカラーとは一致しません。

コードテーマ (Premium & Ultimate)

コードテーマは、公開されたドキュメント内のコードブロックやAPIブロックの見た目を変更します。

テーマリストには:

  • 適応型テーマ – これらの標準的なライト/ダークモードのテーマは、ブランドに合わせてサイトのカラーパレットを使用します。

  • Shiki テーマ – ライトおよびダークモードそれぞれで60以上のテーマプリセットから選べます。

ドキュメントのライトモードとダークモードそれぞれに個別のコードテーマを選択できます。また、任意のモードで任意のライトまたはダークのカラースキームを使用できます — 例えば、ドキュメントがライトモードのときにダークのコードテーマを使用することも可能です。

デフォルトでは、選択したテーマはコードブロックとOpenAPIブロックの両方に適用されます。OpenAPIブロックに別のテーマを設定したい場合は、 ブロックタイプごとにカスタマイズ ボタンをクリックしてください。

モード

モード切替を表示

訪問者が手動でライトモードとダークモードを切り替えられるようにしたい場合はこれを有効にしてください。読者は公開ページ下部で、デスクトップとモバイルの両方で切替を見つけられます。

デフォルトモード

訪問者がデフォルトであなたのコンテンツをライトモードまたはダークモードで見るかを選択します。もし モード切替を表示 が有効になっていれば、彼らはモードを切り替えられます;無効にすると、ここで選んだモードのみが表示されます。

注:GitBookアプリ内でテーマを変更するには、サイドバー下部の設定メニューに移動してください。

サイトスタイル

A GitBook screenshot showing site style settings

フォントファミリー (Premium & Ultimate)

公開コンテンツのために、厳選された人気オプションのリストから標準フォントと等幅フォントのファミリーを選択してください。

等幅フォントはドキュメントサイトのコードブロックとOpenAPIブロックで使用されます。

カスタムフォント (Ultimateのみ)

ブランドのスタイルガイドに合わせて、独自の標準フォントと等幅フォントをアップロードできます。フォントをアップロードするには、 カスタムフォントを追加 をクリックして指示に従ってください。通常と太字の両方のウェイトのフォントファイルをアップロードする必要があります。

GitBookは現在次の形式をサポートしています .woff.woff2。その他の形式については、次にご連絡ください: support@gitbook.com.

アイコン (Premium & Ultimate)

ページアイコンを使用する場合、ここで表示されるアイコンの太さとスタイルを設定します。

角のスタイル

ブランドのスタイルに合わせて丸みのある角または直角を選択してください。

深度スタイル

カード、ボタン、その他シャドウを持つ要素に適用される2つの深度スタイルから選択してください:

  • さりげない: わずかな影と浮き上がり。

  • フラット: 影や浮き上がりなし。

リンクスタイル

2つのリンクデザインから選択してください:

  • デフォルト: リンク全体をプライマリカラーまたはティントで強調します。

  • アクセント: リンクに色付きの下線を追加し、テキストの色は変更しません。

サイドバーのスタイル

A GitBook screenshot showing sidebar style options
このメニューは、異なるスタイルがサイドバーの外観をどのように変えるかを視覚的に示します。

背景スタイル

サイドバーコンテナの背景スタイルを選択してください。色は選択したテーマから導出されます。

オプションは2つあります — デフォルト塗りつぶし — それぞれ目次がどのように変わるかの視覚的な表現があります。

リストスタイル

サイドバーのリストと選択された項目のスタイルを選択してください。オプションは3つあります — デフォルト, ピルライン — それぞれ目次がどのように変わるかの視覚的な表現があります。

最終更新

役に立ちましたか?