Title: Responsive Lightbox
Author: subhansanjaya
Published: <strong>2014年7月15日</strong>
Last modified: 2025年8月8日

---

プラグインを検索

![](https://ps.w.org/responsive-lightbox-lite/assets/banner-772x250.jpg?rev=948858)

![](https://ps.w.org/responsive-lightbox-lite/assets/icon-128x128.png?rev=983411)

# Responsive Lightbox

 作者: [subhansanjaya](https://profiles.wordpress.org/subhansanjaya/)

[ダウンロード](https://downloads.wordpress.org/plugin/responsive-lightbox-lite.1.3.5.zip)

 * [詳細](https://ja.wordpress.org/plugins/responsive-lightbox-lite/#description)
 * [レビュー](https://ja.wordpress.org/plugins/responsive-lightbox-lite/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/responsive-lightbox-lite/#installation)
 * [開発](https://ja.wordpress.org/plugins/responsive-lightbox-lite/#developers)

 [サポート](https://wordpress.org/support/plugin/responsive-lightbox-lite/)

## 説明

Responsive Lightbox WordPress plugin adds Lightbox functionality for images, html
content and media on your webpages.

[Live demo](http://weaveapps.com/shop/wordpress-plugins/responsive-lightbox-lite/).

#### Features of this plugin

 * Responsive.
 * Light weight.
 * Option to set automatically add Lightbox to your images, gallery, videos etc.
 * Customisable through settings and CSS.

The [Responsive Lightbox Pro](http://weaveapps.com/shop/wordpress-plugins/responsive-lightbox-wordpress-plugin/)
includes added support for:

 * Responsive and HiDPI compatible.
 * Designed to work with the both classic and gutenberg editors
 * Touch enabled and mobile friendly.
 * Option to add LightBox functionality automatically to your images, gallery, videos
   etc.
 * 7 built in CSS powered effects (Fade, Slide, Fall etc.).
 * Show image captions automatically.
 * Add LightBox functionality for any type of content such as images, image galleries,
   AJAX, iFrame, Flash, Youtube or Vimeo videos, another website, inline content,
   HTML etc.
 * Easy to use standard admin interface with more than 15 options.
 * 2 built in themes and simple templating system add your own theme easily.
 * Translation ready.
 * Multisite support.
 * Search engine optimised.
 * Light weight. (Smaller file size which load faster.).
 * Support all browsers: Firefox, Chrome, IE, Safari etc.
 * Compatible with any theme.
 * Developed in best practices of CSS3 and HTML5.
 * Easy to customise through settings and custom option to override styles, if necessary
   without editing the css files.
 * Change default colors with color pickers.
 * Integrated with automatic updates.

## スクリーンショット

[⌊http://www.backraw.com/plugins/rll/images/screenshot-1.jpg⌉⌊http://www.backraw.
com/plugins/rll/images/screenshot-1.jpg⌉[

http://www.backraw.com/plugins/rll/images/screenshot-1.jpg

## インストール

**Installation Instruction & Configuration**

1.You can use the built-in installer. OR Download the zip file and extract the contents.
Upload the ‘responsive-lightbox-lite’ folder to your plugins directory (wp-content/
plugins/).

2.Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Log into Admin panel and go to Settings > responsive lightbox lite to change values.

Adding images to a post and linking them to media files

 1. Open the page or post editor
 2. Click the plus button to add a new block
 3. Click the Image block
 4. The image block will be added to the page. Click either the Upload or Media Library
    button
 5. Choose an image to add and link it to media file by clicking on the anchor icon
    on the top of the block settings. So it can open in the LightBox

How to add Lightbox functionality manually?

If you would prefer to add Lightbox manually, first you need to disable automatically
add option from the backend (Settings > Responsive Lightbox) and add rel and data-
type attributes to your links accordingly.

 1. **Single Images** rel=”lightbox”
 2. **Images Gallery** rel=”lightbox[gallery-0]”
 3. **iFrame/ external links** rel=”lightbox” data-lightbox-type=”iframe”
 4. **Gmap** rel=”lightbox” data-lightbox-type=”iframe”
 5. **Vimeo** rel=”lightbox” data-lightbox-type=”iframe”
 6. **Youtube** rel=”lightbox” data-lightbox-type=”iframe”
 7. **Ajax** rel=”lightbox” data-lightbox-type=”ajax”
 8. **Inline** rel=”lightbox” data-lightbox-type=”inline”

## FAQ

### How to add Lightbox functionality manually?

If you would prefer to add Lightbox manually, first you need to disable automatically
add option from the backend (Settings > Responsive Lightbox) and add rel and data-
type attributes to your links accordingly.

 1. **Single Images**
     rel=”lightbox”
 2. **Images Gallery**
     rel=”lightbox[gallery-0]”
 3. **iFrame/ external links**
     rel=”lightbox” data-lightbox-type=”iframe”
 4. **Gmap**
     rel=”lightbox” data-lightbox-type=”iframe”
 5. **Vimeo**
     rel=”lightbox” data-lightbox-type=”iframe”
 6. **Youtube**
     rel=”lightbox” data-lightbox-type=”iframe”
 7. **Ajax**
     rel=”lightbox” data-lightbox-type=”ajax”
 8. **Inline**
     rel=”lightbox” data-lightbox-type=”inline”

## 評価

![](https://secure.gravatar.com/avatar/e052e358986c4d88b19701bab558e3d55d07830553890999dc52b8df902044c7?
s=60&d=retro&r=g)

### 󠀁[perfect for me](https://wordpress.org/support/topic/perfect-for-me-99/)󠁿

 [sginsbe](https://profiles.wordpress.org/sginsbe/) 2026年6月8日

This is exactly what I needed and it’s super simple, thank you

![](https://secure.gravatar.com/avatar/13b6be1925356a12b692eea98875da097f8b958b2c8cd47e6a7a27fd91d2daa5?
s=60&d=retro&r=g)

### 󠀁[The best lightbox on the market!](https://wordpress.org/support/topic/the-best-lightbox-on-the-market/)󠁿

 [Bojan Denić](https://profiles.wordpress.org/evilmc/) 2024年2月29日

Thanks for the best lightbox-free plugin on the market for WordPress!

![](https://secure.gravatar.com/avatar/d6cecfc7ba6de463926d47f2e263534b9cc1ee18492b7a7073e851c576daa48c?
s=60&d=retro&r=g)

### 󠀁[Simple, works straight away and responsive](https://wordpress.org/support/topic/simple-works-straight-away-and-responsive/)󠁿

 [devgirl](https://profiles.wordpress.org/elfynity5/) 2023年5月10日

I am very impressed with this plugin, it worked right out the box and looks great
and works on mobile too. I liked that it doesn’t have a ton of extras that slow 
down the process and my website, I just wanted a good lightbox that worked easily!
Thank you!

![](https://secure.gravatar.com/avatar/81ee2e089913fe15162af476d78a9c203e7e75179959f172b6816a0e51024eb3?
s=60&d=retro&r=g)

### 󠀁[Yup, it works! Right out of the box.](https://wordpress.org/support/topic/yup-it-works-right-out-of-the-box/)󠁿

 [cloudybright](https://profiles.wordpress.org/cloudybright/) 2023年2月25日

It’s enabled by default and flat out works. Images now open is a small popup window
and disappear with one click. Easy.

![](https://secure.gravatar.com/avatar/fe59c3405dbcf46f578dfc177c2af4ae03dde605bb672531c09640164deb2f7d?
s=60&d=retro&r=g)

### 󠀁[Very nice plugin!](https://wordpress.org/support/topic/very-nice-plugin-971/)󠁿

 [mertoncel](https://profiles.wordpress.org/mertoncel/) 2022年8月21日

Works very well!

![](https://secure.gravatar.com/avatar/72c3dc1375c9e4b2c549caa293e6a7944f288e28683fe1529d584b60de0bc66d?
s=60&d=retro&r=g)

### 󠀁[Doesn’t support attachment links](https://wordpress.org/support/topic/doesnt-support-attachment-links/)󠁿

 [jenwebb](https://profiles.wordpress.org/jenwebb/) 2022年3月25日

This plugin works for just displaying the image in a lightbox, but I’m looking for
something that displays the attachment as a modal with title description etc

 [ 42件のレビューをすべて表示 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/)

## 貢献者と開発者

Responsive Lightbox はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ subhansanjaya ](https://profiles.wordpress.org/subhansanjaya/)

“Responsive Lightbox” は3ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Responsive Lightbox” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/responsive-lightbox-lite/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/responsive-lightbox-lite/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/responsive-lightbox-lite/)
を [RSS](https://plugins.trac.wordpress.org/log/responsive-lightbox-lite/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

**Version 1.3.5**

Tested with latest version of WordPress

**Version 1.3.2**

Added missing script file.

**Version 1.2**

Bug fixes for improved quality and performance.

## メタ

 *  バージョン **1.3.5**
 *  最終更新日 **11か月前**
 *  有効インストール数 **10,000+**
 *  WordPress バージョン ** 4.5またはそれ以降 **
 *  検証済み最新バージョン: **6.8.5**
 *  言語
 * [English (US)](https://wordpress.org/plugins/responsive-lightbox-lite/)、[German](https://de.wordpress.org/plugins/responsive-lightbox-lite/)、
   [Russian](https://ru.wordpress.org/plugins/responsive-lightbox-lite/)、[Swedish](https://sv.wordpress.org/plugins/responsive-lightbox-lite/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite)
 * タグ
 * [lightbox](https://ja.wordpress.org/plugins/tags/lightbox/)[modal dialog](https://ja.wordpress.org/plugins/tags/modal-dialog/)
   [pop up](https://ja.wordpress.org/plugins/tags/pop-up/)[responsive lightbox](https://ja.wordpress.org/plugins/tags/responsive-lightbox/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/responsive-lightbox-lite/advanced/)

## 評価

 5つ星中4.6つ星

 *  [  37 5-星レビュー     ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=5)
 *  [  1 4-星レビュー     ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=3)
 *  [  2 2-星レビュー     ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=2)
 *  [  2 1-星レビュー     ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/)

## 貢献者

 *   [ subhansanjaya ](https://profiles.wordpress.org/subhansanjaya/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/responsive-lightbox-lite/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=BXBCGCKDD74UE)