Docsコンテンツ作成
画像ブロック
ポスターや詳細画像を元の比率のまま、切れ目なくつなげて見せる方法をご紹介します。
4 min read
2026-08-02
画像ブロック
画像を元の比率のまま表示するセクションです。ギャラリーと違って決まった枠に合わせて切り取られないので、ポスターや詳細画像をそのまま届けたいときに使います。
ギャラリーとの違い
| 画像ブロック | ギャラリー | |
|---|---|---|
| 比率 | 元のまま、切り取られない | グリッドに合わせて切れることがある |
| 用途 | ポスター・詳細ページ・案内文 | 複数の写真をまとめて見せる |
| 配置 | 上から下へ連なる | グリッド・スライダーなどを選択 |
長いポスターを分割してアップロードする
ポスターを複数に切り分けてアップロードすると、余白なくつながります。 縦に非常に長い画像は1枚だと読み込みが遅く画質も落ちますが、切り分けて順番にアップロードすれば画面上では1枚のように見えます。
画像は上から追加した順につながります。分割したポスターは順番を必ず確認してください。
入力欄
| 入力欄 | 説明 |
|---|---|
| 上部の文言 | タイトルの上に小さく表示される文言（任意） |
| タイトル | セクションの見出し。空欄にすると画像だけが表示されます |
| 画像 | 画像追加を押して複数枚を登録 |
| 代替テキスト | 画像の説明。読み上げ機器や検索で使われます |
| 角を丸くする | 画像の角を丸く処理するかどうか |
分割したポスターをつなげるときは角を丸くするをオフにしてください。 オンのままだと断片ごとに角が削られ、継ぎ目が見えてしまいます。
活用例
例1：デザイン済みのポスターをそのまま載せる
- タイトルを空欄にして画像だけを登録
- ポスターに文言が入っている場合、セクションのタイトルが重複して見えます
例2：長い詳細案内を分割して載せる
- 縦長の画像を3〜4分割して順番に追加
- 角を丸くするはオフ
完了チェックリスト
- 画像の順番が意図どおりか
- 分割ポスターなら角を丸くするをオフにしたか
- 代替テキストを入力したか
- スマートフォンで文字が読める大きさか確認したか
画像に埋め込まれた文字は翻訳されません。 多言語の招待状では言語ごとに画像を用意するか、重要な案内はテキストのセクションにも入れてください。
次のステップ
- フォトギャラリーの作成 - 複数の写真をまとめて見せる
- リッチテキストセクション - 書式のある長文
- 画像のアップロードと画像マネージャー - 写真のアップロードと再利用