イメージグリッド

:bookmark: このガイドでは、画像グリッドとは何か、そして投稿に適用する方法を説明します。

:person_raising_hand: 必須ユーザーレベル:信頼レベル0

まとめ

このドキュメントでは、以下の項目を扱います。

  • 画像グリッドの説明
  • 投稿への適用方法と変更方法
  • 画像グリッドの基本的なレイアウト

画像グリッドの説明

画像グリッドは、投稿内のすべての画像をリスト形式ではなく、きれいに整理されたグリッドに配置します。

以下に画像グリッドの例を示します。

投稿への画像グリッドの追加

投稿に画像グリッドを追加するには、[grid]...[/grid] タグで囲みます。以下にその例を示します。

[grid]
![Image showing how to make a mini-grid inside of your grid.|690x363](upload://wsGrbtQSbwfrs945kFVFZzK94zj.jpeg)
![The image shows a large white Delta airplane taking off from an airport runway.  (Captioned by AI)|690x470](upload://nqFYUjIWIFGYgMNQ3WB2LBLjOgs.jpeg)
![An image of a large commercial passenger airplane in flight.  (Captioned by AI)|690x459](upload://29xpH4eiMUpwx0xBMQB2wyPM5A9.jpeg)
[/grid]

現在のグリッド内の左上隅の画像にあるトグルアイコンをクリックすると、「ミニグリッド」を作成できます。

画像グリッドの基本的なレイアウト

デフォルトでは、画像グリッドは次のパターンで配置されます。

  • モバイルでは、グリッドはデフォルトで2列になります。デスクトップでは3列になります。
  • グリッドにちょうど4つのアイテムがある場合、画像は2列に配置されます。
  • 画像以外の要素(動画など)も使用できますが、グリッドは完全に整列しません。
  • グリッド内のアイテムは、列の高さを可能な限り近づけるように配置されるため、コンポーザーでの画像の順序が常に維持されるとは限りません。

この情報は機能発表から取得されました。

追加リソース

「いいね!」 12