Lightbox2プラグイン導入

Movable Typeを使っている時に、知ったのですが、ブラウザ上に画像を綺麗に表示するJavascript Lightbox。Movable TypeのブログではLightboxのバージョン1のまま使っていますが、WordPressだとプラグインでLightbox2が使えるということで、このブログではそのプラグインを導入。やはりこういうものがプラグインでコードを何も触らなくて拡張されていくのは今の自分に合ってるような気がします。

参考にさせていただいたのは下記のブログです。
caramel*vanilla ? Blog Archive ? WordPressでLightboxを超簡単に使ってみる

実際にダウンロードしにいくとバージョンが0.6.4bがあったものの、まだβ版で開発者向けということで、バージョン0.6.3を入れてみました。プラグインフォルダに入れて有効にするだけの手軽さです。
●Lightbox2 Plugin | [m3:log]

試しにちょっと前に貼り付けた画像を表示してみます。

スライドで次々表示したい場合はタイトルのところを{括弧}で囲むと良いみたいです。この括弧中の文字は日本語ではLightbox自体動かないようです。

画像をエディタで挿入する際には、表示をサムネイル、リンク先をファイルにして、コードエディタに貼り付けます。

<a href="http://www.favlife.com/・・・?.jpg" title="{slide} ReTag Post-Extension"><img ・・・</a>

のようにtitleのところに{?}で追加してあげるとまとめて表示できるようです。Preview画面ではLightbox2で表示されているか確認できないので、そこは注意。(ということで目標1日に1記事以下がまたもや失敗)

ここで気になったのが、表示しているサムネイル画像(小さい画像)のデフォルトを変えられないかな?と探していたら変更できる記事を見つけました。
●[WordPress]サムネイル画像の大きさを変更する ? Odysseygate.com
アップロード時にサムネイルの画像を決めて保存しているようなので、過去のサムネイルファイルには影響なさそう。次回アップロードするときは変えてやってみようと思います。

・・・バージョンが違ってたので、サムネイル画像を変更するファイルが無いことに気付きました。Movable Typeだとここらへん縮小サイズなど指定できるので便利だったんですが、標準機能で欲しいところです。
blog.5jp.net:WordPress のサムネイルサイズ変更
●創意無限空間 ? WordPressのサムネイルについて
WordPress ME 2.2.1用の変更箇所が載っています。感謝。

ARCHエンジニア(本職)、写真人、ライター、レビュアー

投稿者プロフィール

1994年からインターネット開始とともにホームページも開始(長くなるので省略)。iPhoneはiPhone 3Gから毎年切り替え派。写真の原点もここから始まり。海外・国内問わずiPhoneで撮った写真を提供し、iPhoneographyのキーワードを発信しながら普及活動も兼ね作品を出品。2015年 Apple World Gallery、Shot on iPhone 6(iPhone 6で撮影)で東京タワーの写真を提供、世界中のビルボード、新聞、雑誌に掲載。アプリや雑誌などにも寄稿してます。

この著者の最新の記事

関連記事

コメントは利用できません。

ピックアップ記事

  1.  タイムラプス撮影やスローシャッター撮影できるアプリが登場してからiPhoneを固定して撮るという機…
  2.  関東でも桜満開のニュースが目につくようになりました。しかしながらあいにくの天気で、雨やくもり空。昨…
  3.  前回の記事で、頭痛のためのアプリを紹介しました。このときに自分も頭痛がひどくて記録していましたが、…
  4.  運良く3連休に入ってくれて助かりました。実は先週末からかなり辛い頭痛が突発的に起きて、耐えていまし…
  5.  先日、iStockのコントリビューターに合格した話をしましたが、写真の販売のための審査も50枚ほど…
  6.  もう購入してから5~6年になるNikonのD7000。今でもiPhoneのカメラのサブとして(おそ…
  7.  毎年、花粉症らしい雰囲気がただよっては治るという時期ですが、今年は特に辛いです。特に帰りの電車の中…
  8.  おそらく、iPhoneの写真アプリの中で私が一番多用しているアプリだと思います。Googleに買収…
  9. よく使うカレンダーアプリ  iPhoneで使うカレンダーアプリもGoogleカレンダーを筆頭にいろ…
  10. Pixelに対応したケースが登場  先日Momentから発表がありましたが、Google Pixe…

My Instagram

カテゴリー

アーカイブ

ページ上部へ戻る