Home > wordpress > wordpress2.3.2でlightbox2のpluginを使う方法

• Newer
• Older

wordpress2.3.2でlightbox2のpluginを使う方法

• 2008-01-14 (月) 0:42
• wordpress

「lightbox」をご存じだろうか。うん、ちょっとカメラに詳しい人なら、「あれでしょ？ポジフィルムを見るときに下から光源を当てて、ルーペで見るときに使うやつでしょ？」と思うかもしれない。イメージとしてはまさにそれ。「lightbox」はajaxによって、画像をまるでライトボックスで見ているように浮き上がらせて見せるスクリプトなのだ！

実際に見てもらった方が早い。

これはサムネイル表示しているんだけれど、クリックすると周囲が暗くなり、元の画像が浮き上がってみえるでしょう？これ、ずっとやってみたかったんだけれど、wordpress(WT）ではそれがプラグインになって出ているのだった！これだとヘッダーをいじったりしなくてよいからラクチン。詳細は以下。

【ダウンロード先】Lightbox 2 Wordpress Plugin » 4MJ - Internet News

リンク先の下の方にあるDownload Lightbox 2 Wordpress Plugin (1.7)をクリックしてダウンロード。解凍して、「plugin」フォルダ内にlightbox.phpとlightboxというフォルダを入れます。そして管理画面でlightboxのプラグインを使用するに設定。あとは、画像をアップロードして、表示を「サムネイル」にします。

すると元画像に「a href=元画像」がはられるので、その画像のaタグに

rel=”lightbox”

をつけ加えましょう。やることはこれだけ。ヘッダーにスクリプトをはりつけるとかそんな面倒なことはなし！簡単でしょ。rel=”lightbox”を単語登録しておけばすっと出るし、wordpressにおいてはリンクを貼る際、ショートカットキーが使えるので「Ctrl + K」（ボタンにはCtrl + Shift +Aというヘルプメッセージが出ますが、このショートカットキーでも出来ることが判明。Windows Live Writerでもそうだったから、慣れてるし統一されてるほうがありがたい）で画像へのリンクが出てくるので、そのすぐあとにrel=”lightbox”を入れる。

なかなかよい感じ。

lightboxには他にも複数画像を表示できたりするので、詳しくは以下の記事を参考にしてみてください。

【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル

• Newer: wordpressでアップロードする画像サイズを変更する方法
• Older: wordpressのvicuna skinに「最近のコメント」をつけ加える。

Comments:3

そら 08-01-14 (月) 1:02

テスト二弾

そら 08-01-14 (月) 1:03

これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。これはダミーの文章です。

そら 08-01-14 (月) 4:28

ライトボックスは格好いいなー、やっぱり。

コメントをどうぞ。

Name

Mail address (公開されません)

Website

情報を保存しますか？

Yes No

Comment スタイル指定用の一部の HTMLタグが使用できます。

Trackback+Pingback:0

この記事へのTrackBack URL
記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。

http://www.sky-s.net/sky-blog/archives/2008/01/14-004202.php/trackback

Listed below are links to weblogs that reference

wordpress2.3.2でlightbox2のpluginを使う方法 from sorarium

Home > wordpress > wordpress2.3.2でlightbox2のpluginを使う方法

サイト内検索

検索用語を入力

web sorarium 検索フォームを送信

twitter / 今、何してる？

→そらの最新のつぶやき

フィードを登録する

• 記事をRSSで講読
• コメントをRSSで講読

最新の投稿記事

• IKEAのクリスマスツリーが実質無料で手に入る！
• 「見やすい、読みやすい文章」を作るために読んでおきたい記事のまとめ
• 簡単に差分アップデート！Wordpress2.6.5に更新しました。
• 植物原料で作られた肌と環境にいい「ロクシタンのシアバター」
• 【フォトレポート】嵯峨野・嵐山の紅葉観光～天龍寺・常寂光寺～
• 京都拉麺小路の札幌味噌ラーメン「すみれ」（京都駅）
• さいきんのはてブの中からいくつか。
• 粉もん料理を作るためのレシピサイト「こむぎ粉くらぶ」
• 「リンカラン」の写真家に毎年家族写真を撮ってもらえる「伊藤写真館」
• GmailにiGoogleのようなテーマが追加。隠れキャラ「忍者」も登場。

はてな人気エントリー

• 
  

レコメンド

Canon EOS Kiss Ditigal X使用中！→レビュー記事:EOS Kiss Digital XとNikon D80レビュー記事まとめ

TAMRON SP AF 17-50mm F2.8使用中。レビュー記事:Canon EOS Kiss Digital Xのレンズ選び

レビュー記事:sirenのデジタルフォトフレームを使ってみた！

レビュー記事:「調理以前の料理の常識」を知らない人にまさにうってつけの本

京都旅行のお供に「京都スーベニイル手帖 夏秋編―ぼくの伯父さんの旅のお土産ブック」

京都を名所は寺院だけじゃない！おさえておきたい「建築MAP京都」

おさえておきたいのは京都だけじゃない。足を伸ばして「建築MAP大阪/神戸」

カテゴリ

• 01:暮らし (108)
  • キッチン (29)
    • キッチンツール・雑貨 (7)
    • ファブリック (4)
    • レシピ（料理）・クッキング (13)
    • 食器・カトラリー (7)
  • 家事ライフハック (1)
  • 衣服・ファッション (78)
    • sally scott (33)
    • united arrows g.l (4)
• 02: 広告・デザイン (433)
  • D-BROS (15)
  • インテリア雑貨・文房具 (166)
  • デザインニュース＆イベント (122)
  • デザイン関連書籍 (72)
• 03: 京都 (241)
  • 京都カフェ＆レストラン (72)
  • 京都スポット (70)
  • 京都ダイニング＆バー (57)
  • 京都雑貨&インテリア (36)
• 04: 本 (269)
  • ニュース＆イベント情報 （book) (73)
  • 女性作家 (17)
  • 書店 (43)
  • 男性作家 (33)
  • 発売情報 (47)
  • 読書記録 (6)
  • 購入リスト (53)
• 05: インターネット (333)
  • Firefox (27)
    • Firefox-addon (20)
  • gmail (9)
  • PC トラブル (9)
  • お薦めサイト (186)
  • アフィリエイト (5)
  • 仕事 (web) (59)
  • 注目ソフト (27)
• 06: lifehacks (36)
• 07: 滋賀 (26)
  • shiga cafe & bar (11)
  • shiga spot (9)
• 08: 大阪 (19)
  • 大阪お土産スイーツ＆フード (1)
  • 大阪カフェ＆レストラン (8)
  • 大阪ダイニング＆バー (1)
  • 大阪雑貨&インテリア (3)
• 09: 地域情報 (44)
  • 関東 (16)
  • 関西 (19)
• 10: Apple(Mac,ipod) (26)
• 11: 携帯 (P701iD) (25)
  • N705i (2)
• 12: 建築・住宅 (38)
• 13: ブログ (blog) (162)
  • about sorarium (53)
  • Movable Type (51)
  • wordpress (37)
• 14: 日々淡々 (615)
  • Twitter (5)
  • カメラ・写真 (96)
  • コトノハ (125)
  • モブログ (68)
  • 映画 (48)
  • 音楽 (38)
• 15: 国内旅行 (26)
  • 北海道 (6)
  • 徳島 (4)
  • 東京 (6)
  • 鎌倉・横浜 (5)
  • 高知 (5)
• 16: 海外旅行 (13)
  • 香港 (13)
• 17: DTP (73)
  • トラブルシューティング (7)
  • 仕事(DTP) (43)
  • 小技 (10)
• 未分類 (11)

過去記事

↓select 2008 年 12 月 2008 年 11 月 2008 年 10 月 2008 年 9 月 2008 年 8 月 2008 年 7 月 2008 年 6 月 2008 年 5 月 2008 年 4 月 2008 年 3 月 2008 年 2 月 2008 年 1 月 2007 年 12 月 2007 年 11 月 2007 年 10 月 2007 年 9 月 2007 年 8 月 2007 年 7 月 2007 年 6 月 2007 年 5 月 2007 年 4 月 2007 年 3 月 2007 年 2 月 2007 年 1 月 2006 年 12 月 2006 年 11 月 2006 年 10 月 2006 年 9 月 2006 年 8 月 2006 年 7 月 2006 年 6 月 2006 年 5 月 2006 年 4 月 2006 年 3 月 2006 年 2 月 2006 年 1 月 2005 年 12 月 2005 年 11 月 2005 年 10 月 2005 年 9 月 2005 年 8 月 2005 年 7 月 2005 年 6 月 2005 年 5 月 2005 年 4 月 2005 年 3 月 2005 年 2 月 2005 年 1 月 2004 年 12 月 2004 年 11 月 2004 年 10 月 2004 年 9 月 2004 年 8 月 2000 年 1 月

最近のコメント

• こねこ:なるほど！ 面白いアイデアですね。ツリーを片付けるスペース
• そら:＞こねこさん 私もお気に入りのブログたくさんあります。
• そら:＞シノブさん 紙媒体だと、一文字目のサイズにあわせて、
• こねこ:いろんな人のブログを読んで、いくつか「お気に入り」にさせてい
• シノブ:面白いですね。実用的でもあるし。 「1文字目だけを非常に大
• そら:この拉麺小路には、各エリアの特色あるラーメンが集まってきてい
• シノブ:関東以北と関西方面では決定的に味付けが違うはずなのに、 特
• そら:すごく盛り上がっていた一角にいらっしゃってたみたいですねー。
• しょうこやん:あつさんと同じくはまりすぎのしょうこやんです。 ぜひぜひま
• そら:AUでもこれで聞けるんですね。 情報ありがとうございます。

マイフォトグラフィー

ブログパーツ

　

Meta

• Valid XHTML
• ログイン