WordPressプラグイン

レスポンシブデザインに対応したLightboxプラグイン「Responsive Lightbox by dFactory」

最近は、どんな状況でもスマホを意識してレスポンシブの対応になってるかどうかが重要ですよね。

まだまだ、動画がレスポンシブになってなかったり、画像がレスポンシブになってなかったりというサイトがけっこうあります。

このプラグインはしっかりとレスポンシブ対応してくれるLightboxプラグインなので安心です。

プラグインの特徴

  • レスポンシブ対応のLightboxプラグイン
  • 日本語対応なのでとても使いやすい

プラグインのダウンロード

プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Responsive Lightbox by dFactory」と検索してもダウンロードが可能です。現在のバージョンは「1.6.8」。

Responsive Lightbox by dFactory
Developer: dFactory
Price: Free

プラグインの使い方

管理画面の場所

「設定」>「レスポンシブLightbox」から詳細設定ができます。

rlbd1

プラグインの設定

いろいろありますが基本的な設定は「全体設定」>「Lightboxスクリプト」を変更すれば違った動きのLightbox画像になります。

rlbd2

画像にLightboxを反映させるには、挿入した画像のリンク先を「メディアファイル」に設定するだけで大丈夫です。

rlbd3

それぞれのLightboxの表示

では、それぞれの表示の違いを見ていきましょう。

prettyPhoto

rlbd4

このように背景が薄暗くなり画像が表示されます。

SwipeBox

rlbd5

背景が薄暗くなるのは同じですが、マウスを画像にのせると、下の方にサムネイル画像が表示されます。

FancyBox

rlbd6

背景が薄く白くなりシンプルに画像が表示されます。

Nivo Lightbox

rlbd7

背景が薄暗くなり画像に枠線なども表示されず画像だけが素早く浮き出します。

Image Lightbox

rlbd8

背景に変化がなく枠線も出ずに画像だけが斜めに浮き出します。

TosRUs

rlbd9

背景が濃く薄暗くなり枠線がない状態で浮き出します。

使ってみた感想のまとめ

その他、細かい設定をいろいろできますが、日本語なので読めばすぐにわかると思いますので、お好みの設定にして使ってみてください。

アドオンが有料で販売されていて、ギャラリーを設定したりもできます。いろんなデザインのギャラリー表示があるので見てみてください。

最新の更新を
プッシュ通知で購読しよう



関連記事

  1. 固定ページに投稿ページと同じようなタグを挿入できるプラグイン「T…
  2. 画像にホバーエフェクト効果を設定できるプラグイン「Ultimat…
  3. WordPressにGoogleタグマネージャーを設定できる「D…
  4. WordPressカテゴリー一覧のチェックボックスが移動しないよ…
  5. オシャレな料金表を簡単に作れるWPプラグイン「Pricing T…
  6. WordPressログインページのセキュリティ強化ができる「Si…
  7. サイト表示速度改善のために画像圧縮できる「EWWW Image …
  8. WordPressの過去記事をコピーできる「Duplicate …

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

おすすめ記事

LPテンプレートColorful(カラフル)をおすすめする9つの理由

この記事では、LPを簡単に作ることができるLPテンプレートColorful(カラフル)がどんな人にお…

WordPressにGoogleタグマネージャーを設定できる「DuracellTomi’s Google Tag Manager for WordPress」

WordPressにタグマネージャーを設定できるプラグインってないのかな〜と思っていたらありました。…

WordPressからプッシュ通知を自動で配信できる公式プラグイン「Push7」

Push7の購読者にWordPressを更新すると同時に自動通知できるプラグインが「Push7」です…

WordPressでメルマガ登録を促せるCTAプラグイン「WordPress Call To Action Plugin」

ブログを読み終わった後に「Ebookを無料でプレゼント」というボックスを見たことがある人は多いですよ…

パソコンが苦手な人がパソコンを好きになるための5ステップ

「パソコンの前に座るのが苦痛だな〜。パソコンってすごく難しいからいやだな〜。」と思っているそこのあな…

プッシュ通知を購読

Twitter でフォロー

PAGE TOP