気になる

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

関連記事

  1. 気になる

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

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

  2. 気になる

    フェイスブックのユーザーIDを確認する方法

    フェイスブックには、登録したときに個別のID番号が付けられます。…

  3. 気になる

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

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

  4. 気になる

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

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

  5. 気になる

    ホームページ全体をキャプチャするchromeの拡張機能「webpage screenshot」は、か…

    ※2016年1月10日現在、若干の仕様が変わっているようなので、記…

PAGE TOP