※追記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.以下のタグを、埋め込みたい場所に記入する
<?php if (function_exists("nggSlideshowWidget")) { nggSlideshowWidget($galleryID,$Width,$Height); } ?>
これを記入すると、全てのギャラリーの画像と
スライドショーのオプションで設定した大きさが、そのまま適用される。
ギャラリーをピンポイントで設定、サイズを手動で設定したい場合は、
$galleryID,$Width,$Height
の部分を手動で入力。
$galleryID ・・・ ギャラリーID (0にすることで全てのギャラリーを選択)
$Width ・・・ スライドショー領域の横幅
$Height ・・・ スライドショー領域の縦幅
「$galleryID」には設定したギャラリーのIDを数字で入力。
入力例 –
<?php if (function_exists("nggSlideshowWidget")) { nggSlideshowWidget(1,200,150); } ?>
上記のタグだと、横200x縦150の領域でGallery=1の画像を流す、スライドショーを埋め込みます。
ランダムイメージ編
1.「NextGEN Gallery Widget」プラグインを有効にする
2.以下のタグの、「$number_of_pic,$Width,$Height」を変更する。
<?php if (function_exists("nggDisplayRandomImages")) { nggDisplayRandomImages($number_of_pic,$Width,$Height); } ?>
$number_of_pic ・・・ 何枚表示するか
$Width ・・・ 画像一枚あたりの横幅
$Height ・・・ 画像一枚あたりの縦幅
入力例 –
<?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」を変更する。
<?php if (function_exists("nggDisplayRecentImages")) { nggDisplayRecentImages($number_of_pic,$Width,$Height); } ?>
$number_of_pic ・・・ 何枚表示するか
$Width ・・・ 画像一枚あたりの横幅
$Height ・・・ 画像一枚あたりの縦幅
入力例 –
<?php if (function_exists("nggDisplayRecentImages")) { nggDisplayRecentImages(7,80,70); } ?>
上記のタグだと、横幅80、縦幅70のサムネイル画像が、最近追加された新しい順で
7枚並んで表示されます。
以下のサイトを参考に解説しました。
参考:New widget support ≪ NextGEN Gallery
コメントを残す