hycko.blog

昔の記事は上手く表示されないかもしれない。

NextGen Galleryのギャラリー表示例

      2009/10/24

この記事は 57246回 閲覧されています

NextGen Galleryデフォルトのギャラリー表示機能の紹介です。
ひとつのページで全て出力されているため、ページが重いので注意してください。

※NextGEN Gallery1.3.6以降をお使いの方は、こちらの記事も参照してください。
NextGEN Galleryに追加されていた新しいギャラリー表示例 – hycko.blog

ギャラリーの表示

画像をクリックした際の画像効果に関しては、このサイトではFancyzoomという効果を使っているので
ギャラリーをクリックした際にも、効果はFancyzoomで表示されます。
※現在はFancybox for wordpressを使用中のため、Fancyboxにて表示されます。

表示タグは [gallery=ID] です。
IDの部分には、表示したいギャラリーのID番号の数字が入ります。
記入例: [gallery=1]

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

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


スライドショーの表示

ギャラリーの画像をスライドショーとして表示させることもできます。

[slideshow=1,600,480]

※追記
旧版では必要ありませんでしたが、最新版のNextGEN Galleryでは
スライドショーの実行には別途ファイルが必要になります。

スライドショーに必要なファイル「imagerotator.swf」のダウンロードは下記サイトより。
(E-mailには何も入力しなくても、agreeの部分にチェックを入れるだけでDL可能)
[8]JW Image Rotator | LongTail Video | Home of the JW Player

ダウンロード後、解凍したフォルダ内にある「imagerotator.swf」を

wp-content/uploads

内にアップロードします。

次に「管理画面 → ギャラリー → オプション → スライドショー」から
「Path to the Imagerotator (URL):」のフィールドに「imagerotator.swf」へのパスが
http://より絶対パスにて正しく設置されているか確認をしてください。

例:http://example.com/wp-content/uploads/imagerotator.swf

何も表記されていない場合は、前述のディレクトリにアップロードした場合は
「Search Now」をクリックすると、自動で入力されるはずです。
前述のディレクトリ以外に設置した場合は、別途手動で入力してください。

表示タグは [slideshow=ID,width,height] です。
IDの部分には、表示したいギャラリーのID番号の数字が入ります。
widthには横幅、heightには縦幅が入ります。
記入例: [slideshow=1,600,480]

スライドショーに関する設定は
管理画面 → ギャラリー → オプション → スライドショー
にて変更できます。

これら以外の表示方法

さらに追加でプラグインを使うことにより、NextGEN Galleryのギャラリーを使った
表示方法を増やすことができます。

NextGen Galleryの表示方法の説明 – FlashViewer編 – hycko.blog

NextGen Galleryの表示方法の説明 – ImageFlow編 – hycko.blog

など。
他にも発見次第、追加していきます。

 - wordpress ,

  • このエントリーをはてなブックマークに追加

Comment

  1. Fujita より:

    はじめまして。
    スライドショーを表示させる方法を見つけていたら、こちらのサイトに辿り着き、勉強させていただきました。
    ありがとうございました。
    ひとつ質問してもよろしいでしょうか?
    スライドショーをサイドバーに設置した時に、Jwplayer というロゴが表示されます。
    こちらでは、表示されてませんが、何か設定することがあるのでしょうか?
    オプション-スライドショーの設定項目を色々試してもダメでした。
    よろしくお願い致します。

  2. hycko より:

    >>Fujitaさん

    はじめまして。コメントありがとうございます。

    ロゴが表示される件ですが、どうやらJW Image Rotatorのバージョンが3.18だと
    スライドショーで画像が切り替わる時にjwplayerというロゴが表示されるようです。

    3.17のダウンロード方法などを別記事にてまとめたので、もしよろしければ
    参考にして頂けると幸いです。

    参考:NextGEN Galleryのスライドショーに「jwplayer」と表示されるロゴを消したい

  3. Fujita より:

    早速のご回答ありがとうございました。
    今後もよろしくお願いします。

  4. hycko より:

    こちらこそ情報をありがとうございました。
    また宜しくお願いします。

  5. yamamoto より:

    はじめまして。wordpress初心者です。
    いろいろなパターンを紹介していただいていて、とても参考になります。
    ありがとうございます。

    Fancybox for wordpressとNextGEN Galleryのプラグインを導入しましたが、NextGEN Galleryの画像をクリックすると、FancyboxとNextGEN Galleryの両方が二重に表示されます。
    上記の「ギャラリーの表示」のようにFancyboxのみ表示させる場合、何か設定が必要なのでしょうか?
    もしよろしければアドバイスいただけたらうれしいです。

  6. hycko より:

    >>yamamotoさん

    はじめまして。
    NextGENのoptionよりEffectsのJavaScript Thumbnail effect:をNoneにしてみてください。
    多分これでいけるはずです。

  7. yamamoto より:

    hyckoさま

    早急なアドバイスをありがとうございます。
    さっそくJavaScript Thumbnail effectをNONEにしてみましたら、
    できました!

    ありがとうございます!

    知識がないので、機能がバッティングしてしまうと、
    どちらかを無効にするしかないと思っていましたので、
    とてもうれしいです。

    これからもこちらのサイトを参考にさせていただきます。
    どうぞよろしくお願いいたします。
    ありがとうございました。

  8. hycko より:

    >>yamamotoさん

    解決できたようでよかったです。
    最近、あまりwordpressの記事を書いていませんが、また何か良い情報があれば
    書いていきますね~。

  9. […] NextGen Galleryのギャラリー表示例 […]

  10. […] NextGen Galleryのギャラリー表示例 […]

Message

記事に意見や感想、質問があれば、お気軽にどうぞ~
名前は無記入でもOKです

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

no image
coreserverからさくらVPSにwordpressを移植した時のメモ

興味本位でさくらVPS借りて設定してみたら、なんか普通に使えそうだったので、思い …

no image
wordpress2.7とNextgen Gallery最新版(1.0.2)にしたらFlashviewerが動かなくなったと思いきや・・・

wordpressとNextGen Galleryを最新版にしたら、何故かFla …

no image
wordpressで同じタグに所属する次のエントリー/前のエントリーを実装

wordpressで同じカテゴリ内の次の記事は get_next_post($i …

no image
携帯サイトにGoogle Analyticsを設置する方法

※既にGoogle Analyticsにて携帯サイトに公式対応しているので、そち …

no image
Dagon Design Sitemap Generatorのオプションが管理画面の設定に表示されない問題

どうやらrunPHP Plugin for WordPressを有効にしてると、 …

no image
PHP Speedy WPは高速化の効果がなかった

設定によってはプラグインに不具合がでるし、体感速度として特にサイト表示が高速化す …

no image
OGPのauthorでエラーが出たのでauthorを消した

こんなエラーがでたので Meta with name instead of pr …

no image
Invalid Codeと表示されるページに移動してコメントが投稿出来なくなったが

解決しました。 原因は「Simple Captcha」というプラグインでした。 …

no image
新しいNextGen Flashviewerの設定方法

というわけで、新バージョンのNextGen Flashviewerではswfファ …

no image
無料版のWPTouchで任意の場所にアドセンス(広告)を複数貼る

無料版のWPTouchではオプションで1箇所アドセンスが貼れますが、スマホはせっ …