気になった

「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

私の設定はこれだけ。

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

 

(Visited 56 times, 1 visits today)

関連記事

  1. 気になった

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

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

  2. 気になった

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

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

  3. 気になった

    ケンブリッジ大学の言語研究

    下の文章は、イギリスのケンブリッジ大学の…

  4. 気になった

    EVERNOTE(エバーノート)は整理をしないで検索せよ

    もはや説明する必要もないだろうというくらい有名なツール(サービス?)の…

  5. 気になった

    新幹線と飛行機どちらが安い?

    東京から大阪や、名古屋などへの出張が多くなってきたので色々…

  6. 気になった

    Gメールをプレビュー表示させて サクサク処理する方法

    インターネットを仕事に活用していると、メールでのやりとりがどうして…

PAGE TOP