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)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの 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://ja.wordpress.org/plugins/wp-fancybox/#description)
 * [レビュー](https://ja.wordpress.org/plugins/wp-fancybox/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/wp-fancybox/#installation)
 * [開発](https://ja.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

## FAQ

### 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/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/wp-fancybox/)
を [RSS](https://plugins.trac.wordpress.org/log/wp-fancybox/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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またはそれ以降 **
 *  検証済み最新バージョン: **6.8.11**
 *  言語
 * [English (US)](https://wordpress.org/plugins/wp-fancybox/)
 * タグ
 * [fancybox](https://ja.wordpress.org/plugins/tags/fancybox/)[gallery](https://ja.wordpress.org/plugins/tags/gallery/)
   [image](https://ja.wordpress.org/plugins/tags/image/)[lightbox](https://ja.wordpress.org/plugins/tags/lightbox/)
   [photo](https://ja.wordpress.org/plugins/tags/photo/)
 *  [詳細を表示](https://ja.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)

[Your review](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/)