導入方法

1. プラグイン配布元より『display-exif.zip』をダウンロード（Download）。
2. 解凍後、『display-exif』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『Display Exif』を有効化する。

表示方法

特に設定項目はありません。
ただし、画像表示サイズはフルサイズを選択する事。（縮小されたものだとExif情報が消えてしまう為）
クリックすることでExif情報が表示される為、画像にリンクを貼らない事。

スクリーンショット

動作確認環境

WordPress 2.8.4
Plugin ver. 0.1.0

プラグイン配布元 → WordPress › Comment Image « WordPress Plugins

導入方法

1. プラグイン配布元より『comment-image.zip』をダウンロード（Download）。
2. 解凍後、『comment-image』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『Comment Image』を有効化する。

オプションの設定

Settings（設定） > Comment Imageよりオプションの設定を行う。

　Image selection field：画像選択フィールドの挿入方法
　　Inject via WordPress hook：WordPressのフックを使用して挿入。
　　Inject via Javascript：Javascriptを使用して挿入。
　　Do not inject, manually added：自動的に画像選択フィールドを挿入しない。自分でテーマファイル内に挿入する。

『Do not inject, manually added』を選択した場合
『comment.php』、textareaの下に下記コードを挿入。

<input type="file" name="image" />

　
　Image field label：画像選択フィールド付近に表示するラベル。

スクリーンショット

動作確認環境

WordPress 2.8.4
Plugin ver. 1.0.1





WordPress逆引きデザイン事典

プラグイン配布元 → WordPress › Polaroid on the Fly « WordPress Plugins

導入方法

1. プラグイン配布元より、『polaroid-on-the-fly.**.zip』をダウンロード。（Download）
2. 解凍後、『polaroid-on-the-fly』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『Polaroid on the Fly』を有効化する。

オプションの設定

Settings（設定） > Polaroid on the Flyよりオプションの設定を行う

　Enable Security：セキュリティを有効にするかの可否

　Use Tinyurl.com：『Tinyurl.com』（URLの短縮）使用の可否

　Use Lightbox：Lightbox使用の可否

　Use Image Captions:キャプションを表示するかの可否

　Encode URL:

　Window Target：画像クリック時のウィンドウ表示方法
　　New：新しいウィンドウを開く
　　Self：同じウィンドウで表示
　　None：Lightbox使用時はNone

　Height：高さ

　Width ：幅

　Background Color：背景色

表示方法

画像の大きさは『200×200px』以上『2000×2000px』以下にする。
imgタグ内に、下記の属性を追加する。

rel="polaroid" alt="キャプション[roadtrip]"

roadtrip：Lightbox使用時、スライド表示する場合の分類名。

例：

<img src="http://******.jpg" rel="polaroid" width="***" height="***" alt="Sample[roadtrip]" />

alt属性を最後尾にしないと、キャプション表示がおかしくなる場合がある。

フォントを変更する

あまりメリットはないかもしれませんが、一応フォントを変更したい場合。

『polaroid-on-the-fly』フォルダ内に、使用したいフォントをアップロードする。
『gen-polaroid.php』167行目〜169行目あたりを修正。

			$width = imagettfbbox(10, 0, "./annifont.ttf", $text[$i]);
			$text_pos_x = (196 - $width[2])/2;
			imagettftext($polaroid, 18, 0, $text_pos_x, $text_pos_y[$i]+10, $black, "./annifont.ttf", $text[$i]);

『annifont.ttf』をアップロードしたフォント名に変更。

スクリーンショット

動作確認環境

WordPress 2.7.1
Plugin ver. 0.7

※サーバーによっては、画像が表示されない・キャプション表示がうまくいかない等、ある場合があります。

ポラロイド初心者の方にオススメ！【国内版】Polaroid（ポラロイド） 600高感度レギュラーイン…

プラグイン配布元 → WordPress › WP-prettyPhoto « WordPress Plugins

導入方法

1. プラグイン配布元より『wp-prettyphoto.***.zip』をダウンロード（Download）。
2. 解凍後、『wp-prettyphoto』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『WP-prettyPhoto』を有効化する。

オプションの設定

Settings（設定） > WP-prettyPhotoよりオプションの設定を行う。

　Auto-prettify image links：aタグ内にrel属性を自動的に挿入する
　prettyPhoto theme：テーマを選択。dark_rounded・dark_square・light_roundedの3種類
　Rel value：rel属性の値
　Animation speed：アニメーション速度
　Padding：余白の大きさ
　Opacity：透明度
　Show title：title属性で指定した値を表示するかの可否
　Allow resize：
　Counter Separator Label：セパレータ

スクリーンショット

動作確認環境

WordPress 2.7.1
Plugin ver. 1.1.3

flickrのサイト上でコードを取得してもいいのですが、WordPress上でささっとやってしまいたい方はどうぞ。

プラグイン配布元 → WordPress › Flickr Flash Badge Widget « WordPress Plugins

導入方法

1. プラグイン配布元より『flickr-flash-badge-widget.***.zip』をダウンロード（Download）。
2. 解凍後、『flickr-flash-badge-widget』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『Flickr Badge Widget』を有効化する。

サイドバーに表示する&設定

Appearance（外観） > Widgets（ウィジェット）

『Flickr Badge』をCurrent Widgets（現在のウィジェット）に追加し、保存する。
Edit（編集）からオプションの設定を行う。

　Title：サイドバーに表示するタイトル

　Flickr ID：flickrのユーザーID。（分からない場合は、idGettrで調べる）

　Tags：表示させたい画像のタグを指定

　Number of rows：縦に並べる画像の数

　Number of columns：横に並べる画像の数

　Size of thumbnail squares：サムネイル画像のサイズ

　Transition：画像の切り替え方法
　　Big Then Small
　　Fade

スクリーンショット

動作確認環境

WordPress 2.7.1
Plugin ver. 1.2

『FancyBox』というLightbox風のスクリプトを使用しているプラグインです。

プラグイン配布元 → WordPress › FancyBox for WordPress « WordPress Plugins

導入方法

1. プラグイン配布元より『fancybox-for-wordpress.zip』をダウンロード（Download）。
2. 解凍後、『fancybox-for-wordpress』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『FancyBox for WordPress』を有効化する。

特に設定する項目はありません。
キャプションを表示する場合は、aタグ内に、title属性を追加。

スクリーンショット

動作確認環境

WordPress 2.7.1
Plugin ver. 1.1

表示できる情報
カメラ・撮影者・撮影日時・焦点距離・シャッタースピード・絞り

プラグイン配布元 → WordPress › Fun with Photo Data « WordPress Plugins

導入方法

1. プラグイン配布元より『fun-with-photo-data.***.zip』をダウンロード（Download）。
2. 解凍後、『fun_with_photo_data.php』をwp-content/pluginsへアップロード。
3. 管理画面（Plugins（プラグイン））にて『Fun with Photo Data』を有効化する。

オプションの設定

Setting（設定） > Exif Data から設定を行う。

　Category：
　　選択したカテゴリの記事内の画像を、コードを手動で挿入しなくても、
　　自動的にExif情報を表示出来るようにする。
　　自動で表示させたくない場合は、『None』を選択する。

　Title：タイトル

　Output Format：Exif情報を表示する際のテンプレート
　　?camera?：カメラ
　　?credit?：撮影者
　　?created_timestamp?：撮影日時
　　?focal_length?：焦点距離
　　?shutter_speed?：シャッタースピード
　　?aperture?：絞り
例：

<p class="image_meta">Shot with a ?camera? by ?credit? on ?created_timestamp?. (?focal_length?, ?shutter_speed? @ ?aperture?)</p>

　Fail Message：画像にExif情報が見つからなかった場合に表示させるメッセージ

表示方法

記事・ページ投稿画面にて、以下のコードを挿入。
オプションの『Category』にて自動的に表示させるカテゴリを選んだ場合は、コードを挿入する必要なし。

[photodata url="http://*******"]

url=”http://******”は画像URL。

スクリーンショット

動作確認環境

WordPress 2.6.5 , 2.7
Plugin ver 1.2

Slideflickr.comで作成したスライドショーを表示させることも出来ます。

2009/03/06　追記：
バージョンアップにより、タグで抽出してのスライドショーも可能になりました。

プラグイン配布元 → WordPress › flickr-slideshow-wrapper « WordPress Plugins

導入方法

1. プラグイン配布元より、『flickr-slideshow-wrapper.***.zip』をダウンロード（Download）。
2. 解凍後、『flickr-slideshow-wrapper』をwp-content/pluginsへフォルダごとアップロード。
3. 管理画面（Plugins（プラグイン））にて『flickr-slideshow-wrapper』を有効化する。
4. オプションを設定し、記事・ページ内等に、コードを挿入する。

オプションの設定

Setting（設定） > FSSWからオプションの設定を行う。

　Width: (flickr)：幅（flickrのセットを使用する場合）
　Height: (flickr)：高さ（flickrのセットを使用する場合）
　Border: (flickr)：線の太さ（flickrのセットを使用する場合）
　Scrolling (yes|no): (flickr)：
　User-ID: (flickr)：ユーザーID（分からない場合は、idGettrで調べる）
　Width: (slideflickr)：幅（SlideFlickrを使用する場合）
　Height: (slideflickr)：高さ（SlideFlickrを使用する場合）

表示方法

以下のコードを表示させたい箇所に挿入する。

flickrセット内の画像を表示させる場合

<set_id="******">

******は、flickrセットのURL、末尾の数値部分。
『http://www.flickr.com/photos/User-ID/sets/******/』

flickrタグ内の画像を表示させる場合

<set_tag="***">

***は、flickrで作成したタグ名。

SlideFlickrを使用する場合

<slidef="***">

***はSlideflickr.comにて作成したスライドショーのURLの末尾。『http://my.slideflickr.com/***』。

スクリーンショット

動作確認環境

WordPress 2.6.5, 2.7.1
Plugin ver. 4.7.2, 4.7.6

Lightbox系プラグインは、これでもかというほどいっぱいあるので、正直どれを選んでいいか迷うかと思います。

とりあえず、現在私の使っているものを紹介してみることにしました。

プラグイン配布元 → WordPress › Lightbox 2 « WordPress Plugins

導入方法

1. プラグイン配布元より『lightbox-***.zip』をダウンロード。（Download）
2. 解凍後、『lightbox-2』をwp-content/pluginsへフォルダごとアップロード。
3. 管理画面（Plugins（プラグイン））にて『Lightbox 2』を有効化する。
4. オプションの設定を行う。

オプションの設定

Setting（設定） > Lightbox 2 よりオプションの設定を行う。

Lightbox Appearance：
　アピアランスを白・黒・グレー・ダークグレーの4色から選ぶことが出来る。
　デフォルトは黒。

Auto-lightbox image links：
　自動的にLightboxのコードを挿入するかの可否。

未チェックの場合

aタグ内に、下記コードを挿入。

rel="lightbox[***]

***は記事のID等。

スクリーンショット

動作確認環境

WordPress 2.6.2
Plugin ver. 2.7.8

導入方法

1. プラグイン配布元から『wpj-highslide.zip』をダウンロード。
2. 解凍後、『wpj-highslide』フォルダ内、『wpj-highslide.php』を編集する。
3. 15行目をWordPressをインストールした環境に合わせて修正する。




$highslide_path = get_settings('home')."/wordpress/wp-content/plugins/wpj-highslide/";




4. 16行目以下で、画像表示のデザインを決める。
   表示させたいデザインのコメントアウトされている箇所のコメントアウトを解除する。

   　選べるデザインは以下7種類。
   　ドロップシャドウ付縁なし
   　ドロップシャドウなし。
   　縁が輝くデザイン。
   　ドロップシャドウ付、10pxの白いボーダーのデザイン
   　白い角丸デザイン
   　スライドショーデザイン
   　コントロールボックス付スライドショーデザイン

5. 『wpj-highslide』をフォルダごと、wp-content/pluginsへアップロード。
6. 管理画面（Plugins（プラグイン））にて有効化する。

画像を拡大表示させる

<a href="images/full-image.jpg" rel="lightbox">
	<img src="images/thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="***" width="***" />
</a>

上記の様にタグを挿入する。

スクリーンショット

動作確認環境

WordPress 2.5.1
Plugin ver. 0.2