WordPressでアルバム付きフォトギャラリーを作成する方法

WPBeginnerでは、数え切れないほどのユーザーが美しく整理されたフォトギャラリーでサイトを強化するお手伝いをしてきました。

フォトアルバムを使えば、訪問者は興味のある画像をすぐに見つけることができ、ユーザーエクスペリエンスを向上させることができます。

この初心者ガイドでは、WordPressで個別コードを一行も書かずにアルバム付きのフォトギャラリーを作成する方法を紹介します。

動画チュートリアル

Subscribe to WPBeginner

なぜアルバムでフォトギャラリーを作るのか？

イメージギャラリーは1ページに複数の写真を表示することができますが、アルバムはイベント、トピック、場所などに分類された複数のギャラリーを個別ページに表示することができます。

これは、写真家、レストラン、旅行サイトなど、さまざまなカテゴリーの写真を紹介する必要があるあらゆるビジネスに役立つ。

アルバムがあれば、訪問者は探している写真を簡単に見つけることができます。延々とスクロールする代わりに、関連するアルバムをクリックするだけで、そのイベントやテーマの写真をすべて見つけることができます。このようなユーザーフレンドリーなナビゲーションは、ユーザーをサイトに長く滞在させ、全体的な体験をより良いものにします。

また、特定の写真セットを他の人と共有したい場合は、アルバムを作成すると簡単です。ギャラリー全体を共有する代わりに、関連する画像を含む特定のアルバムに人々を誘導することができます。

ということで、WordPressでアルバム付きフォトギャラリーを簡単に追加する方法をステップバイステップで説明します。

WordPressでアルバム付きフォトギャラリーを追加する

WordPressできれいで整理されたアルバムを作成したい場合、プラグインが必要です。Envira GalleryはWordPress用の画像ギャラリープラグインとして市場で最も優れているため、私たちはEnvira Galleryをお勧めします。

まず、Envira Galleryプラグインをインストールして有効化する必要があります。インストールの詳細については、WordPressプラグインのインストール方法のガイドを参照してください。

有効化すると、Envira Gallery “ 概要 ページでライセンスキーを入力するよう求められます。

プラグインを有効化したら、Envira Gallery ” Addonsにアクセスしてください。

Addonsタブから、’Albums Addon’をインストールして有効化する必要があります。

アルバムアドオンとは別に、スタンドアロンオプションを有効化する必要があります。さもなければ、それは動作しません。

Envira Gallery ” 設定ページに移動します。そこから、’スタンドアロン’タブをクリックし、’スタンドアロンを有効化’ボックスをチェックします。

一番下の「保存」をクリックしてください。

イメージギャラリーを作成したら、Envira Gallery ” Albumsにアクセスし、’新規追加’ボタンをクリックしてください。

Enviraでのアルバムの作成は、ギャラリーの作成に似ています。唯一の違いは、画像をアップロードする代わりに、ギャラリーをドラッグ＆ドロップすることです。

まずアルバムにタイトルを付けます。次に、ギャラリーを点線枠内にドラッグします。

ギャラリーを追加すると、各ギャラリーに鉛筆のアイコンが表示されます。

そのアイコンをクリックすると、ギャラリーのタイトル、キャプション、altテキスト、カバー画像を変更することができます。

変更したら、「メタデータを保存」ボタンを押すだけです。

また、エンビラアルバム設定の「設定」タブをクリックして、アルバムの外観を選択することもできます。

例えば、グリッドのようなさまざまな表示がされ、好きなレイアウトを選ぶことができる。

アルバムをライトボックス内で直接開きたい場合は、「ライトボックス」タブをクリックしてください。そして、’ライトボックスを有効化しますか？’というボックスにチェックを入れるだけです。

ライトボックスを有効化すると、画像サイズを変更したり、トランジション効果を追加したり、その他の設定を切り替えたりすることができます。

アルバムはモバイル・レスポンシブにも対応しており、モバイル画面に合わせて自動的に調整される。

アルバムの設定が完了したら、「公開する」ボタンをクリックするだけで、アルバムの設定が保存されます。

その下に’Envira Album Code’セクションがあるはずです。

あなたのWordPressサイト上の任意の場所にアルバムを埋め込むことができるように先に行くとショートコードをコピーします。

アルバムの準備ができましたので、投稿やページに追加することができます。

新規投稿を作成するか、既存の投稿を編集するだけです。次に、「+」アイコンをクリックし、ショートコードブロックを選択します。

今、あなたのページや投稿にアルバムを埋め込むためにショートコードブロックにコードを貼り付けます。

詳しくは、WordPressのショートコードの使い方をご覧ください。

最後に、上の「公開する」または「更新する」ボタンをクリックします。

あなたのサイトでは、実際にアルバムを見ることができます。

ギャラリーやアルバムの設定の仕方にもよりますが、アルバムはこのようになるはずです。

各写真をクリックすると、ライトボックスが外観表示され、矢印をクリックして各ギャラリーを移動することができる。

すべてです。これでWordPressでアルバム付きフォトギャラリーを追加する方法がわかりました。

ボーナス：WordPressでレスポンシブスライダーを追加する

フォトアルバムはギャラリーを整理するのに最適ですが、スライダー形式で画像を表示したい場合もあります。

スライドショーでは、画像や動画をさまざまなスライドで表示することができます。ユーザーは矢印を使ってスライド間を移動することもできますし、自動再生に設定して自動的にスライド間を移動させることもできます。

YouTubeの最新動画、カスタマレビュー、WooCommerceの人気商品などをハイライトするのに最適な方法です。

これを行うには、単にSoliloquyプラグインをダウンロードする必要があります。Soliloquyは、メディアライブラリの画像を使用して簡単にスライドを作成することができます最高のWordPressスライダープラグインです。

有効化した後は、新しいスライダーを追加するだけです。その後、Soliloquyでは、各メディア項目にタイトル、キャプチャ、altテキストを与えるとともに、画像や動画をアップロードすることができます。

スライダーがアップロードされると、以下のようになるはずです。

詳細なチュートリアルについては、WordPressでレスポンシブスライダーを追加する方法のステップバイステップガイドをご覧ください。

この投稿がWordPressでアルバム付きフォトギャラリーを作成する方法のお役に立てれば幸いです。また、WordPressでNextGENからEnvira Galleryに切り替える方法についてのガイド、またはWordPressの画像圧縮プラグインのエキスパートによるベストピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.