簡単綺麗な写真ギャラリー Envira Photo Gallery 2019 ワードプレス

WordPress（ワードプレス）で写真を綺麗に魅せるサイトを作るには、ギャラリープラグインを使うのも有効です。今回は、数あるギャラリープラグインの中から「Gallery Plugin for WordPress – Envira Photo Gallery」について図解説します。 2019年春現在で、最も簡単で綺麗な写真ギャラリーを作成できるプラグインだと思います。

Envira Photo Gallery は、アルバム、タグ、ソーシャルメディアの統合、ギャラリーレイアウト、ディープリンク、ページネーション、eコマース、画像プルーフなど、必要となるすべての機能を備えた Envira Pro プラグインの簡易版です。無料でもかなりの機能を利用できます。とにかく設定が簡単でビジュアルエディタにも対応しています。

ワードプレスのダッシュボードの「プラグイン」＞「新規追加」から「Envira」と入力して下記の Envira Photo Gallery を検索します。

「今すぐインストール」をクリックして、インストールが終わったら「有効化」します。

クリックすると下記のように表示されると思いますが、登録したくなければ「×」を押して閉じてしまって構いません。

表示される画面の左上方にある「Add New」をクリックします。

「タイトルを追加」にタイトルを入力します。（日本語でも構いません）

下記のパネルに写真ファイルをドラッグ＆ドロップして追加します。あるいは「Select Files from Your Computer」をクリックしてエクスプローラーを表示して選択します。

あるいは「Select Files from Other Sources」をクリックすると、ワードプレスのメディアギャラリーが表示され、そこから選択することができます。

写真を追加すると、Images に追加した写真が並びます。

詳細な設定は後の補足で説明するとして、先にサイトへの配置方法へ進むことにします。

下記のパネルが表示されるので、下矢印をクリックして、先ほど作成したギャラリーを選択します。

下記のようにギャラリーがページに追加されプレビュー表示されます。

以上の手順で本当に簡単に、下記のような素晴らしいギャラリーを配置できます。

ビジュアルエディターのブロックの設定から、下記の設定が可能です。

各ギャラリーの詳細設定を変更する画面へは下記手順で移動できます。

ギャラリーカラム数の設定を行えます。Automatic にすると最適なカラム数に自動設定されます。

画像の遅延ロードを設定します。画像のロードを遅らせることでサイトの表示を早くします。

画像の遅延ロードの遅らせる時間を設定します。

オートマチックレイアウトの時に、それぞれのカラムのサムネイルの高さを設定します。

オートマチックレイアウトの時に、それぞれのカラムのサムネイルの間の間隔を設定します。

サムネイル画像のサイズを設定します。（どのサイズの画像を読み込むかの設定）

サムネイル画像の表示サイズを設定します。

上記のディメンションで表示させるときに、画像の切り抜きを行うかどうかの設定。

ライトボックス表示（拡大表示）を使うかどうかの設定をします。

ライトボックス表示（拡大表示）のテーマを選びます。Pro になると複数のテーマから選べます。

Image Size でライトボックス表示（拡大表示）の最大表示サイズを選びます。デフォルトでは元画像を表示します。

画像キャプションの表示位置を設定します。

ギャラリーのタイトルを設定します。

ギャラリーのスラグを設定します。日本語のギャラリーの場合は、英語のスラグを設定しておくことをおすすめします。

カスタムCSSを設定する場合はここに記載できます。

RTL（右から左表示の言語サポート）のサポートを設定します。

Envira Photo Gallery はワードプレスサイトに無料で簡単に素敵なギャラリーを設置できますが、有料にするとさらにいろいろな機能をアドオンできます。複数の表示テーマも選択できます。検討してみても良いでしょう。