カード

カードを使うと、テキストと画像をグリッド状に組み合わせて、見た目の美しいページレイアウトを作成できます。ランディングページの構築や、その他のコンテンツを非線形に表示するのに最適です。

調整できます 中サイズまたは大サイズのカードを切り替えます そして、それらを関連するリソースにリンクできます。

カードにカーソルを合わせて、その オプションメニュー 。ここでターゲットリンクを追加できるので、読者はカードをクリックすると直接その場所へ移動できます。

カードにカーソルを合わせて、その オプションメニュー 。ここでカードにカバー画像を追加できます。あるいは、カード自体の カバー画像を追加 オプションをクリックするだけです。

これにより ファイルを選択 モーダルが開きます。ここに新しい画像をドラッグ＆ドロップするか、セクションに以前アップロードした画像ファイルを使用できます。

ダークモードでのみ表示されるカバー画像も追加できます。

そのためには、カードの オプションメニュー を選択し、 カバー > カバーを編集 > ダークモード用カバーを追加。これにより ファイルを選択 モーダルが開き、新しい画像をドラッグ＆ドロップするか、以前にアップロードした画像を選択できます。

GitBookは、横長画像をデスクトップとモバイルで自動的に16:9比率にトリミングします。アップロードした画像が縦長または1:1比率の場合、デスクトップでは16:9にトリミングされ、モバイルでは正方形または縦長として表示されます。

デスクトップとモバイルで一貫性を保つため、カード用の画像はすべて16:9形式（例: 1920px × 1080px）でアップロードすることをおすすめします。

カードのレイアウトを画面サイズに応じて変化させたい場合は、1:1比率の画像をアップロードし、画像の内容を中央に配置することをおすすめします。

カードサイズは、 オプションメニュー カードブロックの左側にあるメニューを開いて選択できます。The 中 オプションでは1つの横一列に3つのカードを作成し、 大 オプションでは各行に大きめのカードを2つ表示します。