Title: WP fancybox Author: Noor Alam Published: 2017 年 5 月 14 日 Last modified: 2025 年 6 月 7 日 --- 搜索插件 ![](https://ps.w.org/wp-fancybox/assets/banner-772x250.jpg?rev=2664459) ![](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://cn.wordpress.org/plugins/wp-fancybox/#description) * [评价](https://cn.wordpress.org/plugins/wp-fancybox/#reviews) * [安装](https://cn.wordpress.org/plugins/wp-fancybox/#installation) * [开发进展](https://cn.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 或更高版本 ** * 已测试的最高版本为 **6.8.5** * 语言 * [English (US)](https://wordpress.org/plugins/wp-fancybox/) * 标签 * [fancybox](https://cn.wordpress.org/plugins/tags/fancybox/)[gallery](https://cn.wordpress.org/plugins/tags/gallery/) [image](https://cn.wordpress.org/plugins/tags/image/)[lightbox](https://cn.wordpress.org/plugins/tags/lightbox/) [photo](https://cn.wordpress.org/plugins/tags/photo/) * [高级视图](https://cn.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/)