気になった

「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 46 times, 1 visits today)

関連記事

  1. 気になった

    タスク管理システム「JOOTO」を使ってチームビジネスを効率的に進める方法

    チームビジネスのタスク管理に「JOOTO」を選ぶ理由あなたは自分の…

  2. 気になった

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

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

  3. 気になった

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

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

  4. 気になった

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

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

  5. 気になった

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

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

  6. 気になった

    ワードプレスに予約システムを導入できる「MTS Simple Bookin C Ver.1.2.1」…

    接骨院や歯科医院。そのほかにもネイルサロンやホテル、コンサルタ…

PAGE TOP