NextGEN Gallery の設定と使い方

  • LINEで送る

tokyotawer-01

NextGEN Gallery の設定

WordPress の プラグインである NextGEN Gallery は「ギャラリー」や「アルバム」を簡単に設定して、画像をサムネイル一覧やスライドショーなどで表示させることが出来ます。 そして、カルーセルやライトボックス系の js を使ってのポップアップ画像の表示などが簡単に設定することができます。

WordPress の管理画面から NextGEN Gallery をインストール場合は、WordPress の管理画面の左メニューから「プラグイン」 > 「新規追加」をクリックして、検索欄に「NextGEN Gallery」を入力します。

nextgen-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0-webvarious-wordpress

*WordPress の公式サイトからプラグインをインストールする方法の詳細は「WordPress のプラグインをインストールする方法」のページでご覧ください。

検索欄に「NextGEN Gallery」と入力すると、上の画面のように、「NextGEN Gallery」が表示されるので、「今すぐインストール」をクリックすると、すぐにインストールが終了して「有効化」にボタンが変わります。すぐに「有効化」ボタンをクリックして有効化します。

nextgen-overview-webvarious-wordpress

有効化すると、管理画面の左メニューに「Gallery」が追加されています。早速、設定していきましょう。

ギャラリーの作成と画像のアップロード

  1. ギャラリーを作成
  2. ギャラリーに画像を登録
  3. 複数のギャラリーを集めたアルバムを作成
  4. 記事の編集画面で作成済みのギャラリーでサムネイル一覧やスライドショーを表示することができる。

順を追って作業を進めましよう。


 ギャラリーを作成する

「管理画面」に追加されている「Gallery」をクリックして、メニューの中から「Add Gallery / Images」をクリックします。

Add Gallery Images ‹ doraちゃん

「Add Gallery / Images」画面が表示されますので、新しいギャラリーを作成します。

Add Gallery name Images ‹ doraちゃん — WordPress

「Create a new gallery」の横の テキストボックスに半角英数字でギャラリーの名前を入力します。

例) sibuya , skytree  等

次に、②  ボタンをクリックします。

Add Gallery add file Images ‹ dtiger — WordPress

次に、にファイルを開くか、ドラッグ&ドロップします。 複数のファイルを指定出来ます。

複数の画像ファイルを指定してサムネイルの一覧やスライドショウーなどを表示させたい場合は、「ファイルを追加」をクリックし、にファイルを開きます。または、ドラッグします。 ギャラリーに表示させたい画像ファイルを複数選択して設定する場合は を繰り返します。

ただ、この段階では、「ファイルを選択しただけの状態」ということになります。

 ファイルのアップロード

この段階では、「ファイルを選択しただけの状態」なので、ギャラリー作成はまだ行なわれていません。 ファイルをアップロードしなければなりません。 そこで、アップロードをクリックします。

Add Gallery アップロード Images ‹ dtiger — WordPress

次に、選択したファイルを ④  ボタンをクリックして、ファイルをアップロードする必要があります。 アップロードが終了したら、画像がギャラリーに追加され、「ギャラリーの作成」が完了します。

作成されたギャラリーを表示させた「デモ画面」があります。


ギャラリーの管理

作成済のギャラリーの設定をするには、「Manage Galleries (ギャラリーの管理」 をクリックします。

Manage Galleries ‹ doraちゃん — WordPress

先に作成済のギャラリーの中から選択します。 今回は表示されているギャラリーはひとつですので、それを選択します。 すると、選択した Gallery 名「demo」のギャラリー設定(Gallery settings)画面が表示されます。

Manage Galleries デモ‹ doraちゃん — WordPress

① ギャラリーのタイトル

② ギャラリーの説明

③ ギャラリーのパス

④ 管理者

⑤ リンクしたページ

⑥ プレビュー画像

⑦ 新規ページ

以上が、デフォルトの設定になります。 この下の画面に画像のサムネイルのリストが表示されます。

Manage Galleries ‹ doraちゃん — WordPress-01

Manage Galleries ‹ doraちゃん — WordPress-02

 

左から、 サムネイル画像の ID ナンバー、 サムネイル画像、 ファイル名、 オルト&タイトル / 説明、 タグ

それぞれの設定をする事が出来ます。 設定が完了すれば、  ボタンをクリックします。

すると、下記画面が表示されます。

gallery settings投稿の編集 ‹ doraちゃん — WordPress

ギャラリーの作成が完了したので、Select a display type (表示タイプの設定)をします。 表示タイプの設定が完了しましたら、最後に  をクリックします。

このサイトの「Gallery」が表示されると思います。

  • LINEで送る

SNSでもご購読できます。