Album Gallery:イメージ&ビデオに対応したギャラリーを作れる

2019年7月6日

イメージ&ビデオに対応したレスポンシブギャラリーが作れる WordPress 用プラグインの紹介です。
それは「Album Gallery」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Album Gallery

Album Gallery - WordPress.org

Album Gallery は、イメージ&ビデオに対応したレスポンシブギャラリーが作れます。

イメージとビデオは混在可能です。
また、ライトボックス(SwipeBox)機能も搭載しています。

記事を作成もしくは更新時点でのバージョン:v 1.0.5
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Album Gallery – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Album Gallery」と入力します。

WordPressプラグイン「Album Gallery」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Album Gallery を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Album Gallery」のスクリーンショット

ダッシュボードの「プラグイン」メニューの下に追加されています。

管理画面

WordPressプラグイン「Album Gallery」のスクリーンショット

使い方

WordPressプラグイン「Album Gallery」のスクリーンショット

管理画面で識別できるタイトルを入力します。

WordPressプラグイン「Album Gallery」のスクリーンショット

画像を追加します。

WordPressプラグイン「Album Gallery」のスクリーンショット

画像を追加した状態の画面。
ギャラリーで動画を表示したい場合には、Image から Video に変更し、
「Enter URL / ID」に動画ファイルの URL を入力します。

WordPressプラグイン「Album Gallery」のスクリーンショット

編集しているギャラリー用のショートコードです。
管理画面からも確認と取得ができます。

WordPressプラグイン「Album Gallery」のスクリーンショット

ギャラリーを無限ループで表示するかどうか。

WordPressプラグイン「Album Gallery」のスクリーンショット

バーを非表示にするまでの待機時間をミリ秒単位で指定します。

WordPressプラグイン「Album Gallery」のスクリーンショット

モバイル端末で閉じるボタンを非表示にするかどうか。

WordPressプラグイン「Album Gallery」のスクリーンショット

モバイル端末でギャラリーのバーを非表示にするかどうか。

WordPressプラグイン「Album Gallery」のスクリーンショット

ギャラリーに適用するアニメーション効果を選択します。

WordPressプラグイン「Album Gallery」のスクリーンショット

ギャラリーを表示する際の効果を選択します。

設定

WordPressプラグイン「Album Gallery」のスクリーンショット

ショートコードを複数個並べて記述した際の列数を選択します。

表示例

WordPressプラグイン「Album Gallery」のスクリーンショット

Hover Effects で「Stacks」を選択すると上のような感じで表示されます。

WordPressプラグイン「Album Gallery」のスクリーンショット

ギャラリーのライトボックスで画像を表示させた時。

WordPressプラグイン「Album Gallery」のスクリーンショット

動画ファイルの URL を入力していると、
ギャラリー内では上のような感じで表示されます。

代替プラグイン

Album Gallery にほしい機能が無かった場合には、
Album Gallery 以外にもギャラリーを作成できるプラグインを記事にしています。
以下では、Album Gallery を含めて 20 個を簡単に紹介しています。

ギャラリーを作成できるWordPressプラグイン一覧

URL

Album Gallery – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています