Home > wordpress > NextGen Galleryの使い方を1から説明してみる

NextGen Galleryの使い方を1から説明してみる

2008-11-29 (土) 21:43
[wordpress]
NextGEN Gallery | 使い方

wordpressの画像ギャラリープラグインとして優秀なNextGen Galleryですが、
初心者にはイマイチ使い方がわかりにくいかと思います。

ということで、出来る限りわかりやすいように画像をギャラリーとして表示させるまでのステップを
紹介していきたいと思います。

ギャラリーに関しての説明

先ず始めに、ギャラリーに関しての説明をします。

ギャラリーとは、アルバムみたいなものだと認識してください。
例えば「flower」という名前のギャラリーを作り、その中に花の画像を登録して
flowerのギャラリーを出力すると、そこに登録された花の画像のみが表示されます。

これらはフォルダ単位で管理され、いくつでもギャラリーを作成することができます。

1.表示するギャラリーに使う画像を選出

デスクトップにフォルダを新規作成し、その中にギャラリーとして使う画像をコピーします。
フォルダ名は半角英数で記入します。

2.ギャラリー用に画像をリサイズ

ギャラリー用の画像として、画像をリサイズします。

ギャラリーの表示方法を考えると、あまり画像サイズの大きいものは適しません。
横幅を基準に、800以下になるようにするのをお勧めします。

手動で1つ1つをリサイズしても良いのですが、手間を考えると
フリーウェアを使って一括でリサイズするほうが楽だと思います。

ここではinfanviewというアプリを使い、リサイズをする方法を推奨します。

IrfanView 日本語版のページ

infanviewでのリサイズの詳しい方法は下記のサイトを参照にしてください。
「IrfanView」を使って、画像を一括変換 / リサイズ / リネーム！

ファイルのリネームも一括でできるので、よかったら使ってみてください。

これらの方法でリサイズした画像を、最初に作ったフォルダの中に移動させます。
また、最初にリサイズ前の画像がフォルダの中に残っている場合は、削除しましょう。
フォルダ内はリサイズ後のギャラリーで使う画像のみにします。

3.ギャラリーのラベルを作成

※xreaのサーバを使っている方は、ここから先は下記のエントリを参考に、
PHPをCGIとして動作する様に設定してsafemodeを解決しておかないと、エラーが発生します。

wordpressをxreaなどPHPがsafemodeのサーバに設置する時の解決法 – hycko.blog

以下の手順でギャラリー作成画面にいきます。
管理画面　→　ギャラリー　→　ギャラリーの追加
「新しいギャラリーの追加」を入力する画面になるので、最初に作ったフォルダと同じく
必ず半角英数で入力をしてから「ギャラリーの追加」をクリックしてください。

この説明では、仮に「flower」というギャラリーを追加したとして話を進めていきます。

4.画像のアップロード

今回は直接FTPを使ってアップロードをする手順を説明します。
（zip形式にてアップロードする方法の説明はコチラのサイトにて判りやすく説明されています。
　┗　画像の管理とギャラリー表示のプラグイン『NextGEN Gallery』 | 初めてのWordPress & PC）

以下、FTPを使う方法の続き。

FTPで接続をして、
/wp-content/gallery
まで移動をします。
その中に、先ほど作ったラベルと同じ名前のフォルダがあることを確認してください。

今回の例場合は、下記の通り
/wp-content/gallery/flower
という、先ほどラベル名に使った「flower」というフォルダが作られているはずです。

そのラベル名のフォルダを開き、その中にリサイズ後の画像をアップロードします。

5.アップロードした画像をギャラリーとして登録

次に、アップロードした画像をギャラリーに登録します。

管理画面 → ギャラリー → ギャラリーの追加 → 画像フォルダのインポート

まで移動してください。
「インポートするサーバパス」の部分に、先ほどのフォルダのアドレスを記入します。

先ほどのflowerの場合は
/wp-content/gallery/flower
と入力すればOKです。

その後「フォルダのインポート」をクリックしてください。
「X個の画像追加に成功しました。」という表示がされれば成功です。

これでギャラリーの登録は完了です。

6.ギャラリーを表示する記事を作成

次は、いよいよギャラリーを用いた記事の作成に入ります。

先ずは、どのギャラリーを使うのか決めます。
管理画面　→　ギャラリー　→　ギャラリー管理
使いたいギャラリー姪の左にある「ID」の数字をメモしてください。
例の「flower」はID1だとします。

次に、表示例を参考に、どの表示方法を使うか決めてください。

NextGen Galleryのギャラリー表示例

今回は、基本のギャラリー機能を使う例で進めます。

記事本文の部分に

[gallery=1]

とコピーをして、投稿してください。
記事内にギャラリーが表示されていれば成功です。

サムネイル（小さい画像）のサイズ設定は
管理画面　→　ギャラリー　→　オプション　→　サムネイル
にて変更できます。

サムネイルを一度に何枚表示するかなどの設定は
管理画面　→　ギャラリー　→　オプション　→　ギャラリー
にて変更できます。

[gallery=1]　の前後にコメントなどをいれることも可能です。

もし動作が重い場合は

以下の原因が考えられます。

・画像のファイルが大きすぎる
・画像の解像度が大きすぎる
・ギャラリーに画像を入れすぎている

記事に満足して頂けたなら･･･ →

ブックマークはコチラから →

ブログ内の関連記事

ブログ内のその他記事

Comments:0

Trackbacks:7

Trackback URL for this entry: http://blog.hycko.net/nextgen-gallery%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9%e3%82%921%e3%81%8b%e3%82%89%e8%aa%ac%e6%98%8e%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b/793/trackback/
Listed below are links to weblogs that reference: NextGen Galleryの使い方を1から説明してみる from hycko.blog

pingback from イマドキエンジニア » Blog Archive » NextGen Gallery でフォトギャラリーを作ってみました 09-04-10 (金) 23:04

[...] hycko.blogさま [...]

pingback from NextGen Galleryの使い方を1から説明してみる « Clear Mind な感じ 09-08-14 (金) 20:24

[...] NextGen Galleryの使い方を1から説明してみる [...]

pingback from wordpressの動かないもの | 思い感じたことをつぶやいたコラム日記 09-10-09 (金) 12:37