今日の人気記事

  1. HTMLフォームを使用したGoogleカスタム検索のデザイン変更方法
  2. WordPressのマルチサイト機能で複数のサイトを管理(サブディレクトリ)
  3. 1ページに表示する最大投稿数を変更 - posts_per_page
  4. ログインユーザー名(admin)の変更方法
  5. WPプラグイン「Contact From 7」 - reCAPTCHAを実装(私はロボットではありません)

新しいページを開かずに画像をポップアップするWPプラグインLightbox Plus ColorBox

スポンサーリンク

新しいページを開かずに画像をポップアップするWPプラグイン「Lightbox Plus ColorBox」を紹介します。

WPプラグイン「Lightbox Plus ColorBox」

WPプラグイン「Lightbox Plus ColorBox」は、新しいページを開かずにページ遷移することなく画像をポップアップしてくれるプラグインです。さらにゆっくりアニメーション効果をつけて画像表示したり、スライドショーができたり、至れり尽くせりのプラグインです。

リンク付きの画像をクリックするとふんわりと画像がポップアップされ、画像以外はグレーアウトされ、うっすらと表示されます。以下の画像で実際に体験してみましょう。

リンク付きの画像

▼クリックすると……ふわっと!
lightbox-plus-colorbox

リンクなしの画像

▼クリックしても……ふわっとなりません。この画像をポップアップするためにはAタグのリンクを画像につける必要があります。
lightbox-plus-colorbox

インストールと有効化

WordPressのメニュー
→「プラグイン」
→「新規追加」
→「Lightbox Plus ColorBox」を検索
→「いますぐインストール」
→「有効化」します。

設定

WordPressのメニューから「外観」→「Lightbox Plus ColorBox」をクリックします。

lightbox-plus-colorbox-5
Lightboxを利用するために「Use Secondary Lightbox」にチェックを入れます。

lightbox-plus-colorbox-6
Styleタブをクリックします。

lightbox-plus-colorbox-3
「Lightbox Plus ColorBox Style」から好みのスタイルを選択し、「Save all settings」をクリックします。

これで設定は完了です。リンク付きの画像はページ遷移することなくポップアップされます。

lightbox-plus-colorbox-4
その他、複数画像がある場合は「Transition Type」でスライドのアクション、「Resize Speed」でポップアップのスピード、「Overlay Opacity」で画像以外の透過度(うっすら度)を変更できます。

「Demo/Test」で設定の確認もできるので、お好みの設定にしてみてください。

以上、『新しいページを開かずに画像ポップアップするWPプラグイン「Lightbox Plus ColorBox」』でしたー。

関連記事(一部広告含む)