写真を格子状に並べて、作品や施工例などを一覧で見せられます。
このページでできること
写真を一覧に並べる
写真を一覧に並べる
スクリーンショットの赤い番号と、手順の同じ番号を見比べて進めてください。画像に写っていない操作は、手順に記載した画面で行います。
① 「ベーシックギャラリー」を追加する
- 編集したいページを「Elementorで編集」で開きます。
- 左上の「＋」（要素を追加）を押し、「ベーシックギャラリー」で検索します。
- 該当するウィジェットをページの入れたい場所へドラッグします。配置済みなら、その部品をクリックします。
② 写真と列数を決める
赤い番号は手順の番号に対応しています。
- 「画像の追加」を押し、掲載したい画像を複数選びます。
- 選択した画像の順序を確認して挿入します。
- 「カラム」で横に並べる列数を選びます。「画像の解像度」も表示サイズに合わせます。
- 拡大表示したい場合は「リンク」を「メディアファイル」にし、「Lightbox」を確認します。
ここを確認：意図した順番と列数で写真が並んでいる。
③ 見た目と表示を確認する
赤い番号は手順の番号に対応しています。
- 「スタイル」→「画像」の「すき間」で写真同士の余白を整えます。
- 必要に応じて枠線や角の丸みを付けます。
- 「キャプション」を使うときは、メディアに説明を登録し、読みやすい文字色にします。
入力・使い方の例
施工例を3列に並べ、写真を押すと拡大して見られる一覧にします。
④ スマホで確認して保存する
上部のスマートフォンのアイコンで表示を確認します。「公開」または「更新」で保存し、プレビューや実際のページで動作を確認します。作成途中の場合は下書き保存を使います。
完了チェック
- 意図した順番と列数で写真が並んでいる。
- 拡大表示と閉じる操作ができる。
うまくいかないとき
説明文が出ない
「キャプション」の設定と、各画像に登録したキャプションの両方を確認します。
画面は撮影時のバージョンです。同じ名前のAtomic版・Pro版・追加プラグインのウィジェットは設定が異なる場合があります。