「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. いまは目の前にある柔らかいちいさな光 優しく癒され、愛おしく思えば思うほど 消え…
  2. ここ数週間、かなり肉体的にも精神的にもヘビーな事が重なった。 既に峠は越えたというか、ここから…
  3. スターバックスコーヒーで、10月25~31日の 1週間限定で発売されたハロウィン仕様の 「ハ…
  4. マイクロソフト・スパムと言ってもいいくらい目障りな Windouw10へのアップグレードを…
  5. 足立区のオフィスとは別に、茨城県にある作業場。 こちらで仕事をする時に、 今まで自分のノ…
  6. ランチェスター戦略って何? スモールビジネスの運営者だったら、絶対に頭に入れておいて欲しい …
  7. トレーナーさんに協力いただいて、本格的にトレーニングを開始した訳ですが 最初は普通にランニングシュ…
  8. プロフェッショナルとは、自分を信じる心が大事です。 まずは自分の軸をしっかり持って、そして…
  9. ずっと使っていたブラウザのChoromeですが、どうも最近スパムなのか何なのかやたらと広告が…
  10. 2015年夏、初めてトライアスロンに出場して、身体のなまりを体験した。 その後、独自でトレーニング…

Editor:添田真人

MASATO SOEDA

経済大学の付属高校を卒業するも、エスカレーター進学を拒否して映画の専門学校に入学。卒業後は仕事として海外紛争地域の難民キャンプを3年間撮影で巡ることに。その際『家』の大切さに目覚め、建築職人として修業の道へ。しかし、計画倒産に巻き込まれて起業を余儀なくされる。自分の会社を存続させるために、必要に迫られて本格的なマーケティングを学ぶ。

その後コンサルタントとして独立し、"力学思考"という独自の戦略理論を構築。現在はその思考法をベースにした、力学マーケティングをクライアントに伝授する『事業プランナー』として活動中。

他にもトレーダーとしての顔を持ち、場所・時間・お金に縛られることなく楽しんでいる≪戦略型ノマドライフ≫な日常生活を、自由気まま好き勝手に書き綴っています。

PROFILEは、コチラ

過去の記事

ページ上部へ戻る