画像に素敵なLightbox効果を与えるSexyLightboxjQueryのWPプラグインがいい感じ

Ads

お友達のさくらさんが素敵な
Lightbox効果を与えるjQuery
を簡単に実装できるWPプラグイン
を作ってくれました。凄くいい感じ
で、元々有るカスタマイズにも対応。

このブログにも導入してみましたよ。

デモ1・画像拡大

[sexy-lightbox href=’http://kachibito.net/wp-content/uploads/2009/12/sexy_02.jpg’]木彫りの仏様[/sexy-lightbox]
[sexy-lightbox href=’http://kachibito.net/wp-content/uploads/2009/12/sexy_05.jpg’ title=’写真はかちびと管理人が撮りました’]下部キャプションはリンクも貼れる[/sexy-lightbox]
[sexy-lightbox href=’http://kachibito.net/wp-content/uploads/2009/12/sexy_01.jpg’ title=’楓アップ’]sexy_01[/sexy-lightbox]

[sexy-lightbox href='拡大画像のURL' title='キャプション']<img src="サムネイル画像のURL" alt="alt属性" title="サムネイルのタイトル" width="300" height="225" />[/sexy-lightbox]

デモ2・フレーム

[sexy-lightbox href=”http://www.google.com?TB_iframe=true&height=450&width=800″ title=’Google’]Google[/sexy-lightbox]
[sexy-lightbox href=”http://kachibito.net/?TB_iframe=true&height=600&width=990″ title=’かちびと.netのサイトはこちらです。ぜひ訪れてみてね!’]かちびと.net[/sexy-lightbox]

[sexy-lightbox href='【表示先のURL】?TB_iframe=true&height=高さ&width=幅' title='キャプション']テキストや画像[/sexy-lightbox]

インストール

  1. WP Sexy Lightbox プラグインをダウンロードして解凍
  2. /wp-content/plugins/内にフォルダごとコピーしてアップロード
  3. 管理画面で有効化
  4. 設定画面でlightboxの種類を選択

いろいろと活用したいプラグインです。

タイトルとURLをコピーしました