調べてみた

「WP jQuery Lightbox」画像がピユ!っとポップアップするワードプレス(WordPress)のプラグイン

まず、画像が「ピュ!」っとポップアップするのは「Lightbox効果」と呼ばれます。

実際に見てみましょうか。
このブログの画像は、基本的にこんな感じでクリックしても何も反応しなかった。

↓ ↓ クリックしてみて ↓ ↓

340h

クリックしても何も変化しない画像

これは、画像持っていかれたり、へんなリンクを増やしたくなかった為。
で、今度は画像にLightbox効果を付けてみる。

 

↓ ↓ クリックしてみて ↓ ↓

340h

Lightbox効果を設定した画像

わかりやすいでしょ?

 

このLightbox効果を生み出すプラグインというのは実は数多くあるんだけど
とにかく設定が面倒だったりするわけです。

効果的に表示はしたいけど、面倒なのは嫌なので。。。とにかく
シンプルで簡単なプラグインを探しました。

それが今回の「WP jQuery Lightbox」です。

超簡単インストール&設定方法

さ、導入方法です。まずは当然の事ながら
プラグインページで「WP jQuery Lightbox」検索
見つけたらインストール
そして有効化

ここまで終わらせて下さい。

有効かが終わったら、ワードプレスのダッシュボード、
左側メニューの「設定」の中に「jQuery Lightbox」
という項目が表示されているかと思います。

それをクリック。

そうすると設定画面になります。
重要なのは最初の
20161109-172709
ここだけ。(★がチェック入れたところ)

★自動的に画像(イメージリンク)にLightbox効果を適応する。
□コメント欄でLightbox効果を有効にする。
□Show title
★Show caption
□Show image numbers
□ダウンロードリンクを表示
□Show image info onn top
★スクリーンサイズに合わせて画像を縮小
□Use custom styleseet
□Animation duration (in milliseconds)
□Slideshow speed (in milliseconds)
□Minimum margin to screen edge

私の設定はこれだけ。

ぜひ使ってみてくださいな。

 

関連記事

  1. 調べてみた

    Dropboxの容量が、勝手に100GBから1Tに増えたという話

    うーん。。。10倍のプレゼントをいきなり頂いてしまった。「Dr…

  2. 調べてみた

    Amazonで値引き率の高い商品を発掘する裏コマンド

    Amazonを利用していろいろな商品を買おうと思った場合、人は誰で…

  3. 調べてみた

    iPhoneがパソコンやiTunes、Dropbpxに認識されないときの対処方法

    撮影した写真を自動的にPCに保存していたiPhoneで撮影した…

  4. 調べてみた

    Googleストリートビューでサーキット走行

    へぇ~。ストリートビューでサーキットが走れるのしらなかった♪こ…

  5. 調べてみた

    Gメールの画面でタスク管理をする方法(Google Chrome + Gmail + Remembe…

    RTMでタスク管理してみませんか?私の場合、フル活用しているの…

  6. 調べてみた

    『最安価格.com』~あの比較サイトよりも安い商品を簡単に見つける方法

    電化製品や日用品を購入する時に「価格.com」を参考にする人も多いかと…

過去の記事

  1. 行ってきた

    【春日部第一薬局】:ユニパ?ユニセル?あのダイエットで有名な漢方薬局さんへ相談に…
  2. 今日の生存記録(DIARY)

    ネイルアート世界チャンピオンから、クリスマスプレゼントで「オリジナルのiPadケ…
  3. 行ってきた

    協賛させて頂いている格闘技イベント『asiato チャリティーファイト』へ応援に…
  4. マラソン&トライアスロン

    第47回タートルマラソン国際大会で10Kmのマラソンを完走してきた
  5. 今日の生存記録(DIARY)

    【貝殻島】:東京湾に浮かぶ、通称「船橋のニューカレドニア」で無人島バーベキューに…
PAGE TOP