這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Responsive Lightbox

外掛說明

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

Live demo.

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 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

安裝方式

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”

常見問題集

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”

使用者評論

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!
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
閱讀全部 41 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Responsive Lightbox〉的開發相關工作。

參與者

〈Responsive Lightbox〉外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Responsive Lightbox〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

Version 1.3.2

Added missing script file.

Version 1.2

Bug fixes for improved quality and performance.