Title: WP fancybox
Author: Noor Alam
Published: <strong>2017 年 5 月 14 日</strong>
Last modified: 2025 年 6 月 7 日

---

搜尋外掛

![](https://ps.w.org/wp-fancybox/assets/banner-772x250.jpg?rev=2664459)

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

![](https://ps.w.org/wp-fancybox/assets/icon-128x128.png?rev=2610063)

# WP fancybox

 由 [Noor Alam](https://profiles.wordpress.org/naa986/) 開發

[下載](https://downloads.wordpress.org/plugin/wp-fancybox.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/wp-fancybox/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/wp-fancybox/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/wp-fancybox/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/wp-fancybox/#developers)

 [技術支援](https://wordpress.org/support/plugin/wp-fancybox/)

## 外掛說明

[WP fancybox](https://noorsplugin.com/wordpress-fancybox-plugin/) plugin adds fancybox
lightbox effect to your WordPress website. The lightbox looks great on desktop as
well as mobile devices.

### WP fancybox Features

 * Responsive lightbox popup using fancybox
 * Designed with a mobile first approach so it looks great on desktop, mobile and
   tablet devices
 * Quick and easy setup
 * Open lightbox popup from either a text link or a thumbnail image link
 * YouTube video popup
 * Vimeo video popup
 * Use a simple shortcode to pop up content in lightbox

### How to Use WP fancybox

**Image in lightbox**

Create a new post/page and use the following shortcode to create a text/image link
which will open lightbox once clicked:

    ```
    [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="click here to pop up image"]
    ```

here, url is the link to the media file that you wish to open in lightbox and hyperlink
is the anchor text/image.

    ```
    [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg"]
    ```

**YouTube video in lightbox**

    ```
    [wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video"]
    ```

**Vimeo video in lightbox**

    ```
    [wp_fancybox_media url="https://vimeo.com/1084537" hyperlink="click here to pop up vimeo video"]
    ```

**Alternate Text for an Image**

    ```
    [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]
    ```

**Custom CSS**

You can specify your own CSS class in the shortcode to customize a text/image link.

    ```
    [wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class"]
    ```

Multiple CSS classes can be separated with a space. For example:

    ```
    [wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]
    ```

For detailed documentation please visit the [WordPress fancybox](https://noorsplugin.com/wordpress-fancybox-plugin/)
plugin page

## 螢幕擷圖

[⌊Image popup in lightbox⌉⌊Image popup in lightbox⌉[

Image popup in lightbox

[⌊YouTube video Demo in lightbox⌉⌊YouTube video Demo in lightbox⌉[

YouTube video Demo in lightbox

[⌊Vimeo video Demo in lightbox⌉⌊Vimeo video Demo in lightbox⌉[

Vimeo video Demo in lightbox

## 安裝方式

 1. Go to the Add New plugins screen in your WordPress Dashboard
 2. Click the upload tab
 3. Browse for the plugin file (wp-fancybox.zip) on your computer
 4. Click “Install Now” and then hit the activate button

## 常見問題集

### Can this plugin be used to open an image in lightbox?

Yes.

### Can I use this plugin to open a YouTube video in lightbox?

Yes.

### Can I use this plugin to open a Vimeo video in lightbox?

Yes.

## 使用者評論

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

### 󠀁[Perfect!](https://wordpress.org/support/topic/perfect-4233/)󠁿

 [wpblogtuts](https://profiles.wordpress.org/wpblogtuts/) 2017 年 7 月 24 日

This is by far the best fancyBox lightbox for mobile devices. Thank you so much 
for this plugin and keep up the good work.

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

### 󠀁[Nice looking at it works!](https://wordpress.org/support/topic/nice-looking-at-it-works/)󠁿

 [Curtis](https://profiles.wordpress.org/salsafire/) 2017 年 7 月 13 日

Hello. Thank you for your plugin development. Love this plugin. It seems to work
fine with shortcodes provided on WP plugin page. The display interface is attractive,
and captions display in the lower left corner of the overlay. Personal experience:
it worked on my Win 10 Chrome desktop browser, and Android tablet, just fine.

 [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/wp-fancybox/reviews/)

## 參與者及開發者

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

參與者

 *   [ Noor Alam ](https://profiles.wordpress.org/naa986/)

[將〈WP fancybox〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-fancybox)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-fancybox/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-fancybox/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-fancybox/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-fancybox/)。

## 變更記錄

#### 1.0.4

 * Updated to fancybox 5.0.36.

#### 1.0.3

 * Updated to fancybox 4.

#### 1.0.2

 * Made some security related improvements in the plugin
 * Updated fancybox to 3.5.7

#### 1.0.1

 * First commit

## 中繼資料

 *  版本 **1.0.4**
 *  最後更新 **1 年前**
 *  啟用安裝數 **1,000+**
 *  WordPress 版本需求 ** 4.7 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.10**
 *  語言
 * [English (US)](https://wordpress.org/plugins/wp-fancybox/)
 * 標籤:
 * [fancybox](https://tw.wordpress.org/plugins/tags/fancybox/)[gallery](https://tw.wordpress.org/plugins/tags/gallery/)
   [image](https://tw.wordpress.org/plugins/tags/image/)[lightbox](https://tw.wordpress.org/plugins/tags/lightbox/)
   [photo](https://tw.wordpress.org/plugins/tags/photo/)
 *  [進階檢視](https://tw.wordpress.org/plugins/wp-fancybox/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  2 個 5 星使用者評論     ](https://wordpress.org/support/plugin/wp-fancybox/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/wp-fancybox/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/wp-fancybox/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/wp-fancybox/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/wp-fancybox/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/wp-fancybox/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/wp-fancybox/reviews/)

## 參與者

 *   [ Noor Alam ](https://profiles.wordpress.org/naa986/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-fancybox/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://noorsplugin.com/)