[WordPress] NextGEN Galleryギャラリープラグイン

Last Updated:2016年10月05日| | コメントを残す

はじめ

次世代ギャラリーは、有名な WordPress ギャラリープラグインで、毎年150万人以上がダウンロードして人気のプラグインの一つです。 まれに、一部のテーマでは、このプラグインの機能を基本的に搭載することもあります。

昨年、いくつかのギャラリーのプラグインをテストしたことがあります。 その際NextGEN Galleryプラグインも含まれていたものの、当時使用していたテーマとよく合わなくて、このブログでは正しく説明はなかったようです。 NextGEN Galleryは好き嫌いが明確に分かれるプラグインです。 実際にこのプラグインのページでは、ユーザーの評価を見ると、5つ星の評価を与えたユーザーとは別の1つの評価を与えたユーザーに克明に分かれています。

参考までに Enfoldのような多目的のテーマを使用している場合は、あえてギャラリープラグインをインストールしなくてもテーマで提供されているギャラリー機能やポートフォリオ機能を使用してギャラリーやポートフォリオを実装することができます。 例えば、 EnfoldのページビルダーであるAvia Layout Builderは、次の図のように ギャラリー石工ギャラリー 要素を使用することができます。 そしてポートフォリオ機能を使用してもすっきりとした効果を得ることができます(参照).

Enfold ギャラリーエレメント

参考までに Avada(AVADA)テーマを見てみるとギャラリーオプションは見ていない(私探せない可能性がありあって)。 Avadaの場合、ポートフォリオ機能を使用してギャラリー形式で飾ることができるようになります。

NextGEN Galleryの基本的な使い方

NextGEN Galleryをどのユーザーが複雑であることもありますよ、多分設定が多すぎてそのようになります。 このプラグインをインストールすると、 WordPress 伝言板にNextGEN Galleryメニューが追加されます。

nextgen-gallery-menu

Add Gallery / Imagesでギャラリーや画像を追加することができ、 ギャラリーを管理するでは、ギャラリーを管理することができます。 加えて、アルバム、タグを管理するためのメニューがあり、詳細な設定を調整することができるオプションがあります。

画像を追加は Upload Images、Import from WordPress Media Library、Import Folder 機能を使用して可能です。 画像をアップロードは、ローカルコンピュータ上の画像をアップロードする機能であり、 Import from WordPress メディアライブラリーは文字でも」WordPress メディアライブラリからメディアをインポートする機能です。

NextGEN Gallery画像を追加する

初めて画像をアップロードしたり、インポート時には、新しいギャラリー名を指定した後、進行するとされます。 Import from WordPress メディアライブラリーで新しいギャラリーを作成し、イメージを選択するとき一つずつ選択するか、 Ctrlキー キー シフト キーを使用して複数選択することができます。

ギャラリーを作成した場合記事やページのギャラリーを追加することができます。 文またはページエディタにNextGEN Galleryのギャラリーを追加することができるアイコンが追加されています。

ギャラリーを追加アイコン

(1)の ギャラリーを追加します。を利用するか(2)の「Attach NextGEN Gallery to Post「アイコンを使用してギャラリーを追加できます。アイコンをクリックすると、さまざまな設定を指定できるポップアップ画面が表示されます。

NextGEN Galleryオプション

設定内容が結構多いですね。 適切な選択後にギャラリーを挿入すると完了です。 以下は、表示タイプとして「NextGEN Basic Thumbnails」(デフォルトのサムネイル)を選択してテストしたギャラリーです。

nextgen-gallery-in-action

比較的すっきり表示になりますね。 上の図では、余白の調整が必要なのですが、こういう部分はオプションで指定さであることを最初に確認し、もし指定するオプションがない場合には、CSSを使用して調整してくれるようです。 画像をクリックすると、ライトボックスの形式で表示されます。

nextgen-gallery-popup

参考までに、以下のYouTubeの動画でNetGEN Galleryプラグインを使用する方法を確認してみることができます(英語)。

メモ:


コメントを残す

コメント

割引ニュース
アストラテーマで最大40%割引!
期間限定
You This Coupon Code in Checkout
Click the code to Copy