Home > wordpress > NextGEN GalleryのスライドショーなどをPHPタグを使って直接入力でサイトに埋め込む設定方法

NextGEN GalleryのスライドショーなどをPHPタグを使って直接入力でサイトに埋め込む設定方法

2008-11-09 (日) 15:33
[wordpress]
NextGEN Gallery | PHP | スライドショー | タグ | 埋め込み

※追記09/09/05　何故かまたダブルコーテーションが全角になっていたので、半角になるように修正しました。今度こそ、この記事のコード入力例からコピペしても正常に表示されるようになっています。

※追記08/11/28　コード記述欄にてダブルコーテーションが全角になっていたのを修正しました。
　この記事のコード入力例からコピペしても正常に表示されるようになっています。

NextGEN Galleryを記事やページで表示するのは非常に簡単で、
稿記事の中で []の中に　Gallery=1　や　slideshow=1,320,240 とかなど、
あらかじめ設定されているタグを投稿記事内で入力するだけで表示されます。

NextGEN Galleryを表示するための基本タグ一覧はこちら

しかし、上記のタグは記事とページの投稿部分のみで有効なタグです。
サイドバーのウィジェットとして使う場合は、添付されているNextGEN Gallery Widgetを使えば機能します。

が、サイトのレイアウトとして記事やウィジェット以外の場所でギャラリーを表示させたい場合は、
上記のタグなどでは機能しません。

というわけで、記事以外の場所でウィジェットを使わずに、サイドバーなどの好きな場所にPHPのタグを使い、
NextGEN Galleryのslideshow・Random images・Recent imagesを埋め込む方法の紹介。

サンプルサイト：Eiji’s Eye

というわけで、詳しいタグの紹介は続きからどうぞ。
wordpress2.6.5で動作確認済みです。

以下の手順で、サイト内の好きな場所に埋め込みできます。

それぞれの方法を紹介します。

スライドショー編

1.「NextGEN Gallery Widget」プラグインを有効にする

2.以下のタグを、埋め込みたい場所に記入する

PLAIN TEXT

PHP:

<?php
if (function_exists("nggSlideshowWidget"))
{ nggSlideshowWidget($galleryID,$Width,$Height); }
?>

これを記入すると、全てのギャラリーの画像と
スライドショーのオプションで設定した大きさが、そのまま適用される。

ギャラリーをピンポイントで設定、サイズを手動で設定したい場合は、

$galleryID,$Width,$Height

の部分を手動で入力。

$galleryID　･･･　ギャラリーID　（0にすることで全てのギャラリーを選択）
$Width　･･･　スライドショー領域の横幅
$Height　･･･　スライドショー領域の縦幅

「$galleryID」には設定したギャラリーのIDを数字で入力。

入力例 -

PLAIN TEXT

PHP:

<?php
if (function_exists("nggSlideshowWidget"))
{ nggSlideshowWidget(1,200,150); }
?>

上記のタグだと、横200x縦150の領域でGallery=1の画像を流す、スライドショーを埋め込みます。

ランダムイメージ編

1.「NextGEN Gallery Widget」プラグインを有効にする

2.以下のタグの、「$number_of_pic,$Width,$Height」を変更する。

PLAIN TEXT

PHP:

<?php
if (function_exists("nggDisplayRandomImages"))
{ nggDisplayRandomImages($number_of_pic,$Width,$Height); }
?>

$number_of_pic　･･･　何枚表示するか
$Width　･･･　画像一枚あたりの横幅
$Height　･･･　画像一枚あたりの縦幅

入力例 -

PLAIN TEXT

PHP:

<?php
if (function_exists("nggDisplayRandomImages"))
{ nggDisplayRandomImages(6,100,100); }
?>

上記のタグだと、横幅100、縦幅100のサムネイル画像がランダムで10枚並んで表示されます。
また、ギャラリーIDは指定できず、全てのギャラリーからの表示になるようです。
（ギャラリーIDの指定方法がわかる方は、コメントかトラックバックで教えてもらえると嬉しいです。）

ギャラリーに追加した最近の画像編

Recent Imageは、最近ギャラリーに追加した画像が表示されます。

1.「NextGEN Gallery Widget」プラグインを有効にする

2.以下のタグの、「$number_of_pic,$Width,$Height」を変更する。

PLAIN TEXT

PHP:

<?php
if (function_exists("nggDisplayRecentImages"))
{ nggDisplayRecentImages($number_of_pic,$Width,$Height); }
?>

$number_of_pic　･･･　何枚表示するか
$Width　･･･　画像一枚あたりの横幅
$Height　･･･　画像一枚あたりの縦幅

入力例 -

PLAIN TEXT

PHP:

<?php
if (function_exists("nggDisplayRecentImages"))
{ nggDisplayRecentImages(7,80,70); }
?>

上記のタグだと、横幅80、縦幅70のサムネイル画像が、最近追加された新しい順で
7枚並んで表示されます。

以下のサイトを参考に解説しました。
参考：New widget support ≪ NextGEN Gallery

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

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

ブログ内の関連記事

ブログ内のその他記事

Newer: キャシィ塚本
Older: ダイエットに必要な3つの条件

Comments:7

阿月まり 09-09-03 (木) 17:22

この方法を探していました。ご紹介、ありがとうございました(^^)

ところで……
PHPタグのダブルクオート「”」はわざと全角で表示されているのでしょうか。
私も最初気付かなくて、半角に直したら動作するようになったので、コード表示の仕様でそうされているのかなぁ、と。

あるいは、全角でも環境によっては動作するのか・・

PHPに疎い者が見ると、混乱するかもしれませんので、その旨、明記して頂ければ、もっと分かりやすいと思います。

ケチつけちゃったみたいで申し訳ありませんが、解説をよろしくお願いします。

hycko 09-09-05 (土) 15:31

コメント・ご指摘ありがとうございました。
全然ケチつけられただなんて思いませんよ！

ダブルコーテーションは全角ではどの環境でも動作しませんね。
確かに、初心者の方が見ると、間違いに気が付かずに混乱させてしまいます。

実は以前にも同じく全角になっていた時があって、それを自分で気が付いて修正したはずが、また全角になっていました･･･。

どうやら、前回修正した後に格好をつけてコードをblockquoteの中に放り込んだのが間違いだったようです。
blockquote内のコメントでは、ダブルコーテーションが全角に修正されてしまうことを知りませんでした。

ミスを再発しないように、iG:Syntax Hiliterを使ってソースコードを表示しておきました。

自分を始め、これからの閲覧する方にとって貴重なご指摘ありがとうございました！

阿月まり 09-09-05 (土) 17:16

WordPressはプラグインを使わないとコード表示が難しいですよね。
私も、サイトで紹介されているコードをそのままコピペする方なので、
意図的に挿入されている半角スペースに気付かず……みたいな事が多く、
本当に苦労させられます^_^;

こちらで紹介して下さった方法で、テンプレートファイルに挿入できるようになり、本当に助かりました。

こちらこそありがとうございました(^^)

hycko 09-09-06 (日) 6:40

記事の内容が参考になれたようで、うれしい限りです。

思い出してみると、自分もPHPに疎い頃、同じ件で苦労したことがありますね･･･。

根拠は全く無い思い込みですが、プラグインを使ったソースコードの表示は、SEO的に
プラスになることはなさそうでもマイナスになるような気がして、使うのに躊躇してました。

が、正常に表示されてない時点でSEO以前の問題だったので、やはり閲覧者に
正確でわかりやすい情報を表示するために、今後は導入していこうと思います。

今回は本当にありがとうございました！

T.Shimizu 10-11-09 (火) 1:17

こんにちは。
このような有用な記事を執筆いただきありがとうございます。

ですが、loader.gifは表示されるのですがそのあとがどうもうまく表示されません。
私の環境は下記の通りです。
WordPress Ver 3.0.1-ja
NextGEN Gallery 1.6.2

>1.「NextGEN Gallery Widget」プラグインを有効にする
とありますが、私の環境のせいなのか、このヴァージョンだからなのかプラグインのページのリストに表示されません。
何度も、再インストールなど試しているのですが、分かりません。

お忙しい中、大変申し訳ないのですがご教授いただけませんでしょうか。
よろしくお願い致します。

T.Shimizu 10-11-29 (月) 16:15

上記問題、自己レスです。
問題なく使用できました。
私の設定ミスでした。
スレ汚しすみませんでした。

hycko 10-12-31 (金) 2:12

>>T.Shimizu さん
コメントありがとうございます。
また、多忙で全くブログをチェックすることができておらず、返事ができなくて
申し訳ありませんでした。

解決したようでよかったです。
このプラグインは未だに便利ですよね。活用していきたいものです。

Trackbacks:3

Trackback URL for this entry: http://blog.hycko.net/nextgen-gallery%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%81%aa%e3%81%a9%e3%82%92php%e3%82%bf%e3%82%b0%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e7%9b%b4%e6%8e%a5%e5%85%a5/194/trackback/
Listed below are links to weblogs that reference: NextGEN GalleryのスライドショーなどをPHPタグを使って直接入力でサイトに埋め込む設定方法 from hycko.blog

pingback from NextGenGalleryを使う。｜ MujuuLog 09-04-23 (木) 15:02

[...] おきたかったので、NextGenGalleryに登録した写真を、sidebar.phpに直接phpで呼び出しています。 hycko.blogさんを参考にさせていただきました。（こういう分かりやすく説明してくれてると頭の悪 [...]

trackback from 初めてのWordPress & PC 09-09-03 (木) 17:19

画像の管理とギャラリー表示のプラグイン『NextGEN Gallery』

ここでは、画像ファイルの管理と、Highslide、ThickBoxといったエフェクト、アルバム＆ギャラリーを表示する有名なプラグイン『NextGEN Gallery』の使い方について説明しています。

一見、複…

trackback from 初めてのWordPress & PC 10-01-09 (土) 6:29