Simple Lightbox プラグインを利用して画像拡大

写真をクリックすると拡大できるように、WordPressのプラグインを利用することにしました。

実際にやってみると以外に簡単だったので、ここに記録しておきました。

  1. プラグインの新規追加で、「Simple Lightbox」を検索して、「今すぐインストール」をしてみた。
  2. Sinple Lightboxの設定は、初期設定のままとし、何も触らなかった。

ここで「メディアを追加」から、一つの画像だけをアップロードしてみた。
それが下記の画像。

 

栗

どうかな?お!ちゃんと拡大できてる。意外と簡単!

それなら、ギャラリー機能を使って、複数の画像ではどうなのかなと思い、メディアファイルから適当に画像サイズの異なる4つの画像を抽出して試してみた。
カラム3にしたら、一部の画像が崩れてしまった。
サムネイル画像のサイズを適当に変更しないと、画面の幅に3つの画像が並ばない。それで、サムネイル画像のサイズ設定を変更してみた。

  1. ダッシュボードの下、「設定」→「メディア」をクリックして、メディア設定で、サムネイル画像の大きさを180×180にした。
  2. 「自動でトリミングする」のチェックを外してみました。

それで、メディアの追加から、ギャラリー作成をおこなってみると、うまく並んだ。クリックすると、ちゃんと拡大しました。
★下記画像が正方形なのは、以前のサムネイル画像を利用しているためです。新たにアップロードした画像からは、縦横比は保持されます。