Hara Daizo 
WordPressで複数の写真を見やすく並べたい場合は、標準の「ギャラリー」ブロックを使う方法と、ギャラリー専用プラグインを使う方法があります。数枚の写真を並べるだけなら標準機能で十分ですが、レイアウトを細かく変えたい、スライドショーにしたい、写真を大量に管理したい場合はプラグインが便利です。
この記事では、WordPressの写真ギャラリーの基本から、標準ブロックでの作り方、ギャラリープラグインの選び方、おすすめ候補、スライダーとの違い、表示が重い場合の確認方法まで順に解説します。
WordPressのギャラリーとは
WordPressのギャラリーは、複数の画像をひとまとまりとして並べて表示する機能です。施工事例、商品写真、イベント写真、作品集、店舗写真など、画像を一覧で見せたい場面に向いています。
ブロックエディターには標準で「ギャラリー」ブロックがあり、メディアライブラリの画像を選んで複数列に配置できます。列数、画像の解像度、切り抜きなどを設定でき、利用できる環境では画像をクリックして大きく表示する「拡大表示」も使えます。
一方、標準ギャラリーは写真管理専用の機能ではありません。複数のアルバム管理、フィルター、細かなホバー効果、独自レイアウト、スライドショーなどが必要なら、専用プラグインを検討します。
標準ギャラリーブロックとプラグインの違い
| 比較項目 | 標準ギャラリーブロック | ギャラリープラグイン |
|---|---|---|
| 導入 | 追加不要 | プラグインの導入が必要 |
| 基本的な写真一覧 | 十分対応できる | 対応できる |
| 列数・切り抜き | 設定可能 | より細かく設定できる製品が多い |
| ライトボックス | 利用できる環境では拡大表示に対応 | 細かな表示設定を持つ製品が多い |
| スライダー・スライドショー | 標準ギャラリーとは別機能として考える | 対応製品がある |
| アルバム・大量写真管理 | 簡易的 | 専用管理機能を持つ製品がある |
| フィルター・分類 | 限定的 | 対応製品・有料機能がある |
| 設定の手軽さ | 簡単 | 機能が多いほど設定項目も増える |
迷った場合は、最初に標準ギャラリーブロックを試してください。不足する機能が明確になってからプラグインを追加すると、不要な機能や管理負担を増やしにくくなります。
WordPress標準のギャラリーブロックで写真を並べる方法
標準ギャラリーなら、新しいプラグインを追加せずに投稿・固定ページ内へ写真一覧を作れます。
- 投稿または固定ページの編集画面を開く
- 「＋」から「ギャラリー」ブロックを追加する
- 「アップロード」または「メディアライブラリ」から画像を選ぶ
- 必要に応じて画像の並び順を調整する
- 列数、解像度、切り抜きなどを設定する
- 画像ごとの代替テキストやキャプションを確認する
- PCとスマートフォンで表示を確認する
画像そのものの挿入方法やサイズの考え方はWordPressの画像サイズと挿入方法も参考にしてください。
列数を調整する
ギャラリーブロックでは、複数列に画像を並べられます。写真の枚数が少ない場合は2〜3列、枚数が多い場合は画面幅とのバランスを見ながら列数を増やします。
列を増やしすぎると、スマートフォンで1枚あたりの写真が小さく見えることがあります。編集画面だけで判断せず、公開前のプレビューでPCとスマートフォンの両方を確認してください。
画像を同じ比率で切り抜く
縦長・横長の写真が混在している場合は、ギャラリーの切り抜き設定を使うと一覧をそろえて見せやすくなります。ただし、写真の重要部分が切れることがあるため、人物の顔や商品の中心が欠けていないか確認します。
クリックで画像を大きく表示する
WordPressの画像・ギャラリーでは、利用しているテーマや設定によって「クリックで拡大」できる機能があります。ページを移動せずに写真の細部を見てもらいたい場合に便利です。
拡大表示が必要なだけなら、ライトボックス専用プラグインを追加する前に標準機能で目的を満たせるか確認してください。
ギャラリープラグインを使った方がよいケース
次のような要件がある場合は、標準ブロックより専用プラグインが向いています。
- 大量の写真をギャラリー単位・アルバム単位で管理したい
- メイソンリーや独自グリッドなど複数のレイアウトを使いたい
- ライトボックスの見た目や操作を細かく調整したい
- スライダーやスライドショーを表示したい
- 写真をカテゴリーやタグで絞り込みたい
- 写真家向けのアルバム・販売・校正など高度な管理をしたい
プラグインを選ぶときは「高機能だから」という理由だけで決めません。実際に必要な表示形式と管理方法を先に決めることが重要です。
WordPressギャラリープラグインの選び方
ギャラリープラグインは、次のポイントで比較すると選びやすくなります。
| 比較ポイント | 確認する内容 |
|---|---|
| レイアウト | グリッド、メイソンリー、カルーセルなど目的の表示があるか |
| ライトボックス | 拡大表示、キャプション、前後移動などが必要か |
| 写真管理 | 大量写真、アルバム、並び替えを管理しやすいか |
| スライドショー | 自動再生やスライダー表示が必要か |
| 無料版の範囲 | 使いたい機能が無料か有料か |
| ブロックエディター対応 | 投稿編集画面から追加・確認しやすいか |
| 表示速度 | 大量画像でも必要以上に重くならないか |
| 更新状況 | 現在のWordPressで継続して更新・テストされているか |
特に無料版と有料版の境界は変更されることがあります。導入時点でWordPress公式ディレクトリや製品公式ページの機能表を確認してください。
おすすめのWordPressギャラリープラグイン3選
ここでは、WordPress公式プラグインディレクトリで現在も提供・更新されている代表的な候補を、用途の違いが分かるように紹介します。
FooGallery｜レイアウトと操作性を重視したい場合
FooGalleryは、レスポンシブ、メイソンリー、カルーセルなど複数のギャラリーレイアウトを扱えるプラグインです。無料版にもライトボックスや複数レイアウトがあり、ブロックエディターからギャラリーを配置できます。
「標準ギャラリーよりレイアウトを増やしたい」「写真を大きく見せたい」「カルーセルも使いたい」といったサイトで比較しやすい候補です。動画、より高度なフィルター、販売機能などは有料機能を含むため、必要な機能の範囲を確認して選びます。
NextGEN Gallery｜大量写真やアルバムを管理したい場合
NextGEN Galleryは、写真ギャラリーの管理機能を重視した定番プラグインです。複数ギャラリーやアルバムを管理でき、無料版でもサムネイル表示、画像ブラウザー、スライドショーなどの表示形式があります。
写真家やイベントサイトなど、画像枚数が多く「記事ごとに画像を並べる」より「写真をギャラリーとして管理する」必要がある場合に向いています。機能が多いため、簡単な3〜6枚の写真一覧だけなら標準ブロックの方が管理しやすいこともあります。
Modula｜自由なグリッド配置を作りたい場合
Modulaは、画像をドラッグしてサイズや配置を調整するカスタムグリッド、メイソンリーなどを利用できるギャラリープラグインです。レスポンシブ表示やライトボックスにも対応しています。
写真ごとに大きさを変えて作品を印象的に見せたい場合や、通常の均等グリッドとは違うレイアウトを作りたい場合に候補になります。動画やフィルターなど一部機能は有料機能なので、無料版で必要な表示が作れるかを先に試すとよいでしょう。
標準ギャラリーと3つのプラグインを比較
| 方法 | 向いている用途 | 特徴 |
|---|---|---|
| 標準ギャラリーブロック | シンプルな写真一覧 | 追加プラグイン不要で管理が簡単 |
| FooGallery | レイアウト・カルーセル・ライトボックス | 見た目を調整しやすい |
| NextGEN Gallery | 大量写真・アルバム・スライドショー | 写真管理機能が豊富 |
| Modula | 作品写真・自由なグリッド | 画像サイズを変えたレイアウトを作りやすい |
最初の選択肢は標準ギャラリーです。明確に不足する機能がある場合だけプラグインへ進むと、サイトの管理を複雑にしすぎずに済みます。
ギャラリーとスライダー・スライドショーの違い
「ギャラリー」「スライダー」「スライドショー」は似ていますが、表示方法が異なります。
| 表示方法 | 特徴 | 向いている用途 |
|---|---|---|
| ギャラリー | 複数画像を一覧で見せる | 施工例、作品集、イベント写真 |
| スライダー | 限られた表示枠で画像を横に切り替える | メインビジュアル、注目作品 |
| スライドショー | 画像を一定時間ごとに自動で切り替える | 写真を順番に見せたい場面 |
写真を探しながら一覧したい場合はギャラリー、少ない表示領域で順番に見せたい場合はスライダー・スライドショーが向いています。
スライダー機能が必要だからといって、記事全体をスライダー中心にしないことも大切です。この記事では写真ギャラリーを主題とし、スライダーは表示方法の選択肢として扱います。
写真ギャラリーをきれいに見せるポイント
- 同じギャラリー内の写真は目的やテーマをそろえる
- 縦横比が大きく違う写真は切り抜き方を確認する
- スマートフォンで1枚が小さくなりすぎない列数にする
- 必要な写真だけを掲載し、似た写真を増やしすぎない
- キャプションが必要な写真には簡潔な説明を付ける
- 画像の内容に応じて適切な代替テキストを設定する
ポートフォリオとして使う場合は、写真の並べ方だけでなく、作品名、担当範囲、制作背景など周辺情報も重要です。写真ギャラリーとサイト全体の構成は分けて考えましょう。
ギャラリーを作品紹介として活用するポートフォリオサイトの作り方は、次の記事で詳しく解説しています。
ギャラリーが重い・表示されない場合の確認方法
写真を多く掲載すると、ギャラリーの表示が遅くなる場合があります。最初に「プラグインが重い」と決めつけず、画像とページ全体を順に確認します。
- アップロードした画像のピクセル寸法とファイル容量を確認する
- 1ページに必要以上の画像を載せていないか確認する
- PC・スマートフォンの両方で表示崩れを確認する
- キャッシュや画像最適化機能との競合がないか確認する
- プラグイン利用時は公式サポート情報と更新状況を確認する
画像をエディター上で小さく表示しても、元のファイル容量が自動的に小さくなるとは限りません。多数の写真を使う場合ほど、アップロード前のリサイズ・圧縮と、実際に配信されている画像サイズの確認が重要です。
写真ギャラリーの表示を軽くするためのWebP画像の使い方や配信確認は、次の記事で詳しく解説しています。
プラグインを追加する前に確認したい注意点
ギャラリープラグインは便利ですが、既存テーマや画像最適化・キャッシュ系プラグインとの組み合わせで表示が変わることがあります。
- 本番サイトへ入れる前にバックアップを用意する
- 現在のWordPressでテストされているか確認する
- 無料版と有料版の機能差を確認する
- 停止した場合にギャラリーがどう表示されるか確認する
- 似た役割のギャラリー・スライダープラグインを重複導入しない
標準ブロックで十分なサイトに多機能プラグインを追加しても、更新・設定・トラブル対応の管理対象が増えるだけになることがあります。必要な機能を明確にしてから導入してください。
よくある質問
必須ではありません。ブロックエディターの標準ギャラリーブロックで複数画像を並べられます。独自レイアウト、アルバム、大量写真管理、スライドショーなど標準機能で足りない場合にプラグインを検討します。
同じではありません。ギャラリーは複数画像を一覧で見せる表示、スライダーは限られた枠内で画像を切り替えて見せる表示です。写真を一覧から選んで見てもらうならギャラリーが向いています。
用途で選びます。レイアウトやカルーセルを重視するならFooGallery、大量写真やアルバム管理ならNextGEN Gallery、自由なグリッド配置ならModulaが比較候補です。簡単な写真一覧なら標準ギャラリーブロックから試すのがおすすめです。
まとめ
WordPressで写真ギャラリーを作るだけなら、まず標準のギャラリーブロックを使うのがシンプルです。複数画像を並べ、列数や切り抜きを調整し、必要に応じて拡大表示を使えます。
標準機能で足りない場合は、レイアウトを重視するFooGallery、大量写真・アルバム管理に強いNextGEN Gallery、自由なグリッドを作りやすいModulaなどを比較します。スライダーやスライドショーが必要かも含め、必要な機能を決めてからプラグインを選びましょう。