WordPress 2.5の新機能 ギャラリー[gallery]を使って画像一覧表示する

WordPress 2.5の新機能としてギャラリーが追加された。ギャラリーを利用するとというコードを投稿欄に入力するだけで簡単に画像一覧ページを作成することができる。

ギャラリーの使用例

複数の画像を一度にアップロードすることを可能にしたフラッシュアップローダーや、サムネイルサイズの設定変更可能などの機能追加がギャラリーの下支えをしているだろう。

フラッシュアップローダーにはIEのバグがあり、IEでのフラッシュアップローダー(メディアアップロード機能)の不具合を修正するに詳しく書いたので参照してほしい。サムネイルサイズの設定変更は、「設定 – その他の設定」で行うことができる。「サムネイルを実寸法にトリミングする 」をチェックしておけば、画像サイズの比に合わせて縮小されることはなくなる。

画像サイズの設定変更

今回はこの新機能ギャラリーの使い方を解説しよう。ギャラリーを使用するには、投稿やページ作成画面で画像をアップロードした後に、投稿欄にというショートコードを追加するだけだ。


WordPress 2.5からはShortcode APIが追加されており、もこのショートコードの一つである。Shotcode APIについてはWordPressのCodexを見てほしい。

さて、には様々なオプションを指定することができる。以下のような形式だ。


基本オプション

  • columns
    画像を何列表示にするか指定する。デフォルトは3列。自動的に行替するコードを挿入する。4列表示にするには以下のように入力する。

    
    
  • id
    投稿IDを指定する。デフォルトでは投稿IDを指定せず、現在の投稿(ページ)に関連付けられた画像を表示する。投稿IDが123に関連付けてアップロードされた画像を表示するには以下のように入力する。

    
    
  • size
    表示する画像サイズを指定する。画像サイズには”thumbnail”、”medium”、”full”の三種類が指定できる。デフォルトは”thumbnail”になっている。中くらいの大きさの画像を一覧で表示させるには以下のようにする。

    
    

上級オプション

  • order
    WordPress 2.6から有効。デフォルトは、”ASC”である。
  • orderby
    サムネイルの表示順序を変更する。デフォルトは、”menu_order ASC, ID ASC”である。ASCは昇順、DESCは降順である。WordPress 2.6より、デフォルトは”menu_order ID”となり、ASC、DESCはorderに移されている。
  • itemtag
    ギャラリーの画像とキャプションのタグを囲むXHTMLタグを指定する。デフォルトは、”dl”である。
  • icontag
    ギャラリーの画像を囲むXHTMLタグを指定する。デフォルトは、”dt”である。
  • captiontag
    ギャラリーのキャプションを囲むXHTMLタグを指定する。デフォルトは、”dd”である。

    
    

という簡単なショートコードを入力するだけで簡単に画像一覧表示をさせることができるということがわかったと思う。しかし、実際に使ってみると画像表示がいまいち格好良くない。次回、ギャラリーを拡張して、Lightbox表示できるようにカスタマイズしたプラグインをご紹介しようと思う。

追記:を拡張し、Lightbox表示に変更するプラグインを作成した。Lightbox Gallery Pluginである。フォトログや写真アルバムサイトを構築予定の方はぜひ使ってみてほしい。

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

«
»

関連する投稿

Comments and Trackback are closed.

Trackbacks (8)

[…] WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する | WordPressで企業

[…] WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する […]

[…] →サンプルページ 参照サイト:WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する Topics: その他 | Comments […]

[…] WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する […]

[…] WordPressのgallery機能については、下記サイトさんが詳しいです。 WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する | WordPressで企業

[…] 参考 Using the gallery shortcode « WordPress Codex WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する […]

[…] http://wordpressgogo.com/customize/using_gallery.html ギャラリー機能の使い方まとめ Permalink|Comments RSS Feed – Post a comment|Trackback URL. […]

Comments (7)

初めまして,結婚関連のサイトを運営しています。
写真をID指定で投稿したい画像と,したくない画像を識別できる機能を探していました。

簡単にできるんですね。

感動です。

有り難うございます。

Greetings! I’ve been following your website for some time now and finally got the courage to go
ahead and give you a shout out from Dallas Tx!
Just wanted to mention keep up the good job!

Aw, this was an incredibly nice post. Spending some time and actual effort to produce a superb
article… but what can I say… I put things off a lot and never seem to get
anything done.

I every time used to study piece of writing in news papers but now
as I am a user of net therefore from now I am using net for articles, thanks to web.

What’s Going down i’m new to this, I stumbled upon this I’ve found It absolutely
helpful and it has helped me out loads. I hope to give a contribution &
assist other customers like its aided me. Great job.

Good web site you have here.. It’s hard to find excellent writing like yours these days.
I honestly appreciate people like you! Take care!!

you’re in point of fact a good webmaster. The web site loading speed is incredible.
It seems that you’re doing any distinctive trick.
In addition, The contents are masterpiece. you’ve performed a
great activity on this matter!