WordPress内に写真ギャラリーを作ろう！ おすすめのプラグインも紹介

新しい画像をアップロードしつつ、WordPressにギャラリーを作る方法です。

まず、投稿または固定ページを開き、記事を編集できる状態にしましょう。

投稿と固定ページはどちらでも作業手順は変わりませんが、ここでは投稿ページを例に進めていきます。

画面の左上、またはブロックの右にある「＋」、どちらかを押下します。

メニューが開くので「ギャラリー」ブロックを選択してください。

左メニューから選択する場合は「ブロック」タブの中にあります。

編集画面にギャラリーブロックが挿入されました。

「画像をドラッグするか、新規アップロードするか、ライブラリからファイルを選択してください」と表示されます。

新しい画像を追加する場合は「アップロード」のほうを選択します。

画像を「アップロード」すると、画像が挿入されます。

画像を選択すると、下に「アップロード」ボタンが表示されるので、別の画像を追加することも可能です。

アップロードした画像は、この投稿にだけ追加されるわけではなく、WordPressの「ライブラリ」にも追加されます。

追加された画像は、ダッシュボードから「メディア」→「ライブラリ」の順に進むと確認することができます。

次に、すでに「メディアライブラリ」にある画像を使って、WordPressにギャラリーを作成する方法です。

2-1と同様にギャラリーブロックを追加し、今度は「メディアライブラリ」を選択します。

ギャラリーに反映したい画像を選択すると、画像の右上に「✓」マークがつきます。

画像の選択が終わったら、右下の「ギャラリーを作成」ボタンを押下しましょう。

「ギャラリーを編集」画面が表示されます。

ここでは、画像の追加や削除、並べ替え、キャプションの追加などがおこなえます。

最後に右下の「ギャラリーを挿入」ボタンを押下します。

これでギャラリーの作成は完了です。

ギャラリーをカスタマイズする前に、まずはデフォルトのCSSを停止します。

CSSとは、Webサイトのデザインやレイアウトなどを指定する言語です。

自分好みのカスタマイズを反映させるには、利用しているテーマのデフォルトCSSを止める必要があります。

まずダッシュボードの左メニューの「外観」から「テーマエディター」に進みます。

「テーマを編集」画面に移るので、右のメニューから「functions.php」を選び、以下を追加します。

これで、デフォルトのCSSは停止しました。

あとは「テーマを編集」画面の右メニュー「style.css」へCSSコードを追加することで反映されます。

カラム数の指定は、投稿編集画面からおこないましょう。

右メニューの「カラム」で、数字を選択できます（右メニュー非表示なら右上の歯車マークを押下）。

ここで指定する数字は横並びの枚数です。カラム幅はカラム数によって自動調整されます。

カラム数は多く設定するほど1枚ずつの画像は小さく表示されます。

PCだけではなく、スマホでのプレビューも確認しながらカラムの設定を進めましょう。

ギャラリー作成後に投稿ページでカラム数を変更することも可能です。

投稿ページを「コードエディター」モードにすると、ギャラリーのショートコードが確認できるので、「columns="数字"」部分の数字を変更しましょう。

またご利用中のテーマによっては、コードに「columns="数字"」が表示されていないケースもあります。

その場合は、「columns=」もあわせて追記してください。

投稿編集画面から、サムネイル画像のサイズを指定することができます。

右メニューの「サムネイル」から、画像サイズを中、またはフルサイズから選択することが可能です。

（右メニューが非表示なら右上の歯車マークを押下）

ギャラリー作成後に画像サイズを指定したい場合は、投稿ページを「コードエディター」モードにします。

ギャラリーのショートコードが確認できるので、「size="サイズ"」部分を変更しましょう。

コードの記述は、「中＝medium」「大＝large」「フルサイズ＝full」となっています。

中と大サイズはダッシュボード「設定」の「メディア」で指定されている大きさです。

またご利用中のテーマによっては、ショートコードに「size="サイズ"」が表示されていないケースもあります。

その場合は、「size=」もあわせて追記してください。

ギャラリーの画像にリンクを設定するには、プラグインを使用します。

ここでは「WP Gallery Custom Links」というプラグインを使ってみましょう。

まずはWP Gallery Custom Linksをインストールして有効化します。

その後「ギャラリーを編集」画面より、右上メニューの「添付ファイルのページ」を押下すると、「リンク先」の項目から「カスタムURL」が選べるようになります。

すぐ下にURLを記入する欄が出てきますので、リンク先URLを入力します。

最後に「ギャラリーを挿入」ボタンを押下すれば設定完了です。

WordPressのギャラリーではたくさんの画像を使うため、いつも以上に画像サイズに注意が必要です。

なぜなら画像サイズはページ表示速度（結果的に検索順位）に大きな影響を与えるからです。

ギャラリーに使用する画像に限らず、WordPressに使用する画像は適切なサイズにリサイズ・圧縮して、サイトが重くならないように調整しましょう。

画像を圧縮するには、「EWWW Image Optimizer」や「Compress JPEG & PNG images」などのプラグインを利用することをおすすめします。

WordPressのギャラリーは、複数の画像を一か所にまとめて表示するため、ページのレイアウトに大きく影響します。

なので、PC、スマホ、タブレットなどの異なるデバイスでも綺麗に見えるよう、プレビュー機能などで表示を確認しながら作成しましょう。

ギャラリーの見え方をデバイスごとに確認するには、まずダッシュボード画面から、「外観」→「カスタマイズ」を押下します。

左メニューの最下部にあるPC、タブレット、スマホのマークを押下すると、それぞれのプレビューを確認できるようになります。

WordPress標準機能でギャラリーを作る方法のメリットは、テーマやほかのプラグインとの相性を意識する必要がないことです。

プラグインを使えばさまざまな設定ができて便利ですが、既存のテーマやプラグインとの兼ね合いで、うまく動作しなかったりレイアウトが崩れるなどの不具合が発生する可能性があります。

WordPressのデフォルトで搭載されている標準機能なら、これらの不具合を気にする必要がありません。

WordPress標準機能のギャラリーを使うデメリットは、設定の自由度が低いことです。

スタイルシート（CSS）の記述でカバーすることはできますが、ある程度の専門知識や経験がないと難しく感じるでしょう。

初心者がギャラリーを自分好みにカスタマイズするには、プラグインを利用するほうがおすすめですね。

プラグインを使ってWordPressにギャラリーを作るメリットは、手軽にさまざまな設定をおこなえることです。

簡単な操作で細かい設定をおこなうことができるので、誰でも簡単にイメージ通りのギャラリーを作ることができます。

デメリットは、プラグインの入れすぎなどでWebサイトやWordPressの管理画面が重くなることや、

テーマやほかのプラグインとの相性で不具合が発生する可能性があることです。

ただし、これらのデメリットはギャラリーに限ったことではありません。

日頃から必要最低限のプラグインだけを導入するようにする、使わなくなったプラグインは削除するなどの点に注意しておきましょう。

プラグイン「NEXTGEN GALLERY」には、以下の特徴や機能があります。

NEXTGEN GALLERYは2007年から配布されており、ダウンロード数も多い人気のプラグインです。

シンプルなデザインが特徴で、読者が見やすいギャラリーを作ることができます。

プラグイン「FooGalleryY」には、以下の特徴や機能があります。

無料版でもこれだけ充実した機能が搭載されています。

有料版ではより美しいギャラリーテンプレートや、ダイナミックギャラリー（Instagramなどほかのソースから画像を読み込む機能）などが利用できるようになります。

プラグイン「Unite Gallery Lite」には、以下の特徴や機能があります。

各テンプレートのプレビューは、Unite Gallery公式Webサイトで確認してください。

無料で利用できるLite版には枚数制限などの制限があります。

ギャラリーをメインにしたWebサイト作成などに長期的に利用するなら、有料のライセンス購入を検討しましょう。

プラグイン「Envira Gallery」には、以下の特徴や機能があります。

簡単に操作できることはもちろん、ギャラリーの写真から商品ページへの誘導ができるため、通販サイトでの利用もおすすめです。

プラグイン「RoboGallery」には、以下の特徴や機能があります。

RoboGalleryは無料にもかかわらず、豊富な機能を利用できるプラグインです。

ギャラリー内の画像ごとにカスタムリンク設定ができるのも、WordPressギャラリーの標準機能にはない便利な機能です。

プラグイン「Portfolio Gallery」には、以下の特徴や機能があります。

Portfolio Galleryはその名前の通り、ポートフォリオを作成したい方におすすめのプラグインです。

有料版もありますが、個人サイトで利用する範囲であれば無料の機能で十分満足できるでしょう。

テーマ「Pixgraphy」には、以下の特徴や機能があります。

Pixgraphyは、グラフィックデザイナーやフォトグラファーなど、作品を紹介するポートフォリオサイト向けのテーマです。

カートやフォームなどのプラグインに互換性があるため、作品の販売などを行おこなう場合にも便利です。

テーマ「KALE」には、以下の特徴や機能があります。

KALEは余白スペースのバランスが優れており、デザイン知識がなくても画像を見栄えよく表現することができるテーマです。

そのためグルメ情報などの食品をあつかうWebサイトや、アパレル関係のWebサイトにもおすすめです。

設定も簡単で、初心者ユーザーでも扱いやすいテーマです。

テーマ「Espied」には、以下の特徴や機能があります。

フォトグラファーやグラフィックデザイナー向けのテーマです。

無料テーマであるにも関わらず、ユーザーの印象に残りやすいWebサイトを作ることができます。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。