2012-07-17

[WordPress] jQuery Colorboxで画像を拡大表示


このブログでは画像の拡大表示にずっとlightbox2とうプラグインを使っていたのですが、
他の仕事などではjQuery Colorboxを気に入って使用していたので、
ようやくこちらに変更しました。

ColorboxもWordPressに限らず有名な画像拡大などを行うプラグインです。
このColorboxのプラグインがWordPressでもあります。


いつも通りにダウンロードor管理画面からインストールをしたら、設定画面で一番上にある
「Automate jQuery Colorbox for all images in pages, posts and galleries」に
チェックを入れると記事内の画像はすべてColorboxで表示できます。

後は設定で好みの見せ方にしたり、細々と設定ができるので便利です。
中でも必ず行う設定は、画像サイズをブラウザサイズに合わせること。

「Maximum width of an image」と「Maximum height of an image」を
それぞれ100percent にして、「Resize images」にチェックを入れることによって
ブラウザサイズが小さい場合には、画像を自動的に縮小表示してくれます。

jQuery Colorbox
http://wordpress.org/extend/plugins/jquery-colorbox/

Comment:

Trackback URL: