An ultra lightweight jQuery lightbox for WordPress images and galleries.
Contributors: Robert Neu, Ozzy Rodriguez, Cipher Development Requires: WordPress 4.0 Tested up to: WordPress 5.5.0 License: GPL-2.0+
WP Featherlight is a WordPress plugin wrapper for the Featherlight jQuery lightbox plugin. When installed, the plugin will automatically display all standard WordPress images and galleries in a simple, minimalistic lightbox popup.
In order for WordPress images and galleries to be lightboxed, you need to select the "Media File" option when choosing where the thumbnails should link. You can also select the "Custom Link" option if you make sure to link directly to an image file. This should work for any image file even if it's hosted on another website.
It's also possible to load Videos, iframes, and ajax content using WP Featherlight by adding data attributes to your content. For more details on custom content loading, check out the featherlight documentation.
There are no settings for WP Featherlight, so you should be able to install it without needing to configure anything. In the event you don't want a lightbox on certain pages or posts, there is an option to disable it from within the post editor screen.
Here's an example of the plugin being used to load a large (5mb) external image in a standard WordPress post:
If you find a display problem, it may be related to your theme but please open an issue about it so we can look into it. For more information about the Featherlight script itself, check out their GitHub plugin page.
The best way to install this plugin is to either download a copy from the WordPress.org repository or search for "WP Featherlight" from your WordPress admin dashboard.
While there are no options in the plugin, there are some handy filters to modify the default behavior. As of 0.3.0
all images which use the default WordPress captions will also include a caption when the image is lightboxed. To disable this behavior, filter wp_featherlight_captions
to false.
You can also disable inclusion of the CSS and JavaScript conditionally using filters which can be found in the /includes/class-scripts.php
file. If you have questions about how any part of the plugin works, please don't hesitate to open an issue.
If you're a developer, the most current version can be found on the develop branch. Pull requests, issues, and any feedback are all more than welcome. If you would like to contribute code, please make your pull requests against the develop branch rather than the master.