{"id":78443,"date":"2017-12-07T11:19:47","date_gmt":"2017-12-07T11:19:47","guid":{"rendered":"https:\/\/es.wordpress.org\/plugins\/divi-lightbox-for-images\/"},"modified":"2026-05-02T05:50:42","modified_gmt":"2026-05-02T05:50:42","slug":"lightbox-images-for-divi","status":"publish","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/lightbox-images-for-divi\/","author":1320655,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.2.5","stable_tag":"2.2.5","tested":"7.0","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Lightbox Images for Divi Enhanced","header_author":"Fernando Tellado","header_description":"Uses Divi's native lightbox effect to every image, not only galleries. This plugin only works with Divi theme or Divi builder installed & active.","assets_banners_color":"7e7e9d","last_updated":"2026-05-02 05:50:42","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/servicios.ayudawp.com","header_author_uri":"https:\/\/ayudawp.com","rating":5,"author_block_rating":0,"active_installs":4000,"downloads":109236,"num_ratings":15,"support_threads":3,"support_threads_resolved":3,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.9.10":{"tag":"0.9.10","author":"fernandot","date":"2020-05-01 11:20:54"},"0.9.11":{"tag":"0.9.11","author":"fernandot","date":"2020-05-13 17:38:33"},"0.9.12":{"tag":"0.9.12","author":"fernandot","date":"2020-08-10 10:41:54"},"0.9.13":{"tag":"0.9.13","author":"fernandot","date":"2020-09-01 09:40:29"},"0.9.14":{"tag":"0.9.14","author":"fernandot","date":"2020-09-10 10:00:51"},"0.9.15":{"tag":"0.9.15","author":"fernandot","date":"2020-12-09 17:38:18"},"0.9.16":{"tag":"0.9.16","author":"fernandot","date":"2021-07-19 11:48:32"},"0.9.17":{"tag":"0.9.17","author":"fernandot","date":"2022-01-24 18:02:39"},"0.9.9":{"tag":"0.9.9","author":"fernandot","date":"2020-05-01 11:20:54"},"1.0":{"tag":"1.0","author":"fernandot","date":"2022-02-24 11:43:58"},"1.0.1":{"tag":"1.0.1","author":"fernandot","date":"2022-05-23 15:59:19"},"1.0.2":{"tag":"1.0.2","author":"fernandot","date":"2022-09-14 16:07:06"},"1.0.3":{"tag":"1.0.3","author":"fernandot","date":"2022-10-26 16:35:15"},"1.0.4":{"tag":"1.0.4","author":"fernandot","date":"2023-03-22 11:31:16"},"1.0.5":{"tag":"1.0.5","author":"fernandot","date":"2023-11-06 13:14:30"},"1.0.6":{"tag":"1.0.6","author":"fernandot","date":"2024-09-05 15:55:46"},"1.0.7":{"tag":"1.0.7","author":"fernandot","date":"2024-12-25 12:14:23"},"2.0":{"tag":"2.0","author":"fernandot","date":"2025-08-04 23:34:35"},"2.1":{"tag":"2.1","author":"fernandot","date":"2025-09-18 15:08:36"},"2.1.1":{"tag":"2.1.1","author":"fernandot","date":"2025-11-28 01:18:50"},"2.2.0":{"tag":"2.2.0","author":"fernandot","date":"2026-03-31 07:13:20"},"2.2.1":{"tag":"2.2.1","author":"fernandot","date":"2026-03-31 10:34:56"},"2.2.2":{"tag":"2.2.2","author":"fernandot","date":"2026-03-31 11:28:23"},"2.2.3":{"tag":"2.2.3","author":"fernandot","date":"2026-03-31 12:33:57"},"2.2.4":{"tag":"2.2.4","author":"fernandot","date":"2026-04-20 18:54:26"},"2.2.5":{"tag":"2.2.5","author":"fernandot","date":"2026-05-02 05:50:42"}},"upgrade_notice":{"2.2.5":"<p>Fixes a regression introduced in 2.2.0 where images wrapped in regular links (buttons, CTAs) were being captured by the lightbox, overriding the original link. Recommended for all users.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":15},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3343176,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3343176,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3343176,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3343176,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.9.10","0.9.11","0.9.12","0.9.13","0.9.14","0.9.15","0.9.16","0.9.17","0.9.9","1.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","2.0","2.1","2.1.1","2.2.0","2.2.1","2.2.2","2.2.3","2.2.4","2.2.5"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3360171,"resolution":"1","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10731,252965,210,133,237],"plugin_category":[50],"plugin_contributors":[245779,133550],"plugin_business_model":[],"class_list":["post-78443","plugin","type-plugin","status-publish","hentry","plugin_tags-divi","plugin_tags-divi5","plugin_tags-gallery","plugin_tags-image","plugin_tags-lightbox","plugin_category-media","plugin_contributors-ayudawp","plugin_contributors-fernandot","plugin_committers-ayudawp","plugin_committers-fernandot","plugin_support_reps-ayudawp"],"banners":{"banner":"https:\/\/ps.w.org\/lightbox-images-for-divi\/assets\/banner-772x250.jpg?rev=3343176","banner_2x":"https:\/\/ps.w.org\/lightbox-images-for-divi\/assets\/banner-1544x500.jpg?rev=3343176","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/lightbox-images-for-divi\/assets\/icon-128x128.png?rev=3343176","icon_2x":"https:\/\/ps.w.org\/lightbox-images-for-divi\/assets\/icon-256x256.png?rev=3343176","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/lightbox-images-for-divi\/assets\/screenshot-1.jpg?rev=3360171","caption":""}],"raw_content":"<!--section=description-->\n<p>The main purpose of the 'Lightbox Images for Divi' plugin is to extend Divi's native lightbox functionality to all auto-linked images, not just Divi galleries.<\/p>\n\n<p><strong>Requirements:<\/strong>\nThis plugin requires <strong>ONE<\/strong> of the following to be installed and active:\n* Divi Theme (version 4.10 or higher)\n* Divi Builder Plugin (version 4.10 or higher)<\/p>\n\n<p>The plugin will automatically check for these requirements during activation and will not activate if they are not met.<\/p>\n\n<p><strong>Main features:<\/strong><\/p>\n\n<ul>\n<li><strong>Full Divi 5 Support:<\/strong> Works with Divi 5 pages, including backwards compatibility mode. No jQuery required \u2014 the plugin works in vanilla JavaScript with an elegant built-in lightbox when Magnific Popup is not available<\/li>\n<li><strong>Attachment Page Links:<\/strong> Now handles images linked to WordPress attachment pages (not just direct image URLs), resolving the full-size image automatically<\/li>\n<li><strong>Dependency Checking:<\/strong> Automatically verifies Divi theme or Divi Builder plugin is active before allowing activation<\/li>\n<li><strong>Extended Compatibility:<\/strong> Works with the Divi or Divi Builder theme, compatible with Divi 4.10+ and Divi 5<\/li>\n<li><strong>Native Integration:<\/strong> Uses Divi's Magnific Popup when available, falls back to a lightweight built-in lightbox otherwise<\/li>\n<li><strong>Easy to Use:<\/strong> Simply install and activate the plugin. No additional configuration is required<\/li>\n<li><strong>Optimized Performance:<\/strong> Vanilla JavaScript with no hard dependencies. CSS and JS loaded conditionally<\/li>\n<li><strong>Ready for the Future:<\/strong> Works in both Divi 4 (jQuery\/Magnific Popup) and Divi 5 (vanilla JS fallback) environments<\/li>\n<li><strong>Extensible:<\/strong> Includes a filter (<code>ayudawp_lightbox_selectors<\/code>) that allows developers to customize CSS selectors to include or exclude specific elements<\/li>\n<\/ul>\n\n<p>This plugin enhances the user experience on websites built with Divi, ensuring that any image linked to itself (i.e., clicking on it opens the image in its full size) is displayed in a lightbox effect.<\/p>\n\n<p>Unlike Divi's default functionality, which often restricts this effect to galleries, this plugin extends it to all individual images, providing a consistent and engaging visual experience.<\/p>\n\n<p>The plugin is ideal for photographers, bloggers, and any Divi user who wants to offer a more polished and professional image viewing experience without the need for complex configurations or additional gallery plugins.<\/p>\n\n<h3>Support<\/h3>\n\n<h4>Need help or have suggestions?<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/servicios.ayudawp.com\/\">Official website<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/plugin\/lightbox-images-for-divi\/\">WordPress support forum<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/AyudaWordPressES\">YouTube channel<\/a><\/li>\n<li><a href=\"https:\/\/ayudawp.com\/\">Documentation and tutorials<\/a><\/li>\n<\/ul>\n\n<p><strong>Love the plugin?<\/strong> Please leave us a 5-star review and help spread the word!<\/p>\n\n<h3>About AyudaWP<\/h3>\n\n<p>We are specialists in WordPress security, SEO, and performance optimization plugins. We create tools that solve real problems for WordPress site owners while maintaining the highest coding standards and accessibility requirements.<\/p>\n\n<!--section=installation-->\n<ol>\n<li><strong>Important:<\/strong> Make sure you have either Divi theme active OR Divi Builder plugin installed and active before proceeding<\/li>\n<li>Upload the <code>lightbox-images-for-divi-enhanced<\/code> folder to <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin via the 'Plugins' menu in WordPress<\/li>\n<li>The plugin will automatically check for Divi compatibility and prevent activation if requirements are not met<\/li>\n<li>That's it! All your auto-linked images will now open in a lightbox<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20happens%20if%20i%20don%27t%20have%20divi%20installed%3F\"><h3>What happens if I don't have Divi installed?<\/h3><\/dt>\n<dd><p>The plugin will not activate and will show an error message explaining that either Divi theme or Divi Builder plugin is required.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20plugin%20with%20other%20themes%3F\"><h3>Can I use this plugin with other themes?<\/h3><\/dt>\n<dd><p>No, this plugin is specifically designed to work only with the Divi ecosystem (Divi theme or Divi Builder plugin). It will not function with other WordPress themes.<\/p><\/dd>\n<dt id=\"what%20happens%20if%20i%20deactivate%20divi%20after%20installing%20this%20plugin%3F\"><h3>What happens if I deactivate Divi after installing this plugin?<\/h3><\/dt>\n<dd><p>The plugin will automatically deactivate itself and show an admin notice explaining why it was deactivated.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20divi%205%3F\"><h3>Is it compatible with Divi 5?<\/h3><\/dt>\n<dd><p>Yes, the plugin fully supports Divi 5. It works both in backwards compatibility mode (using Magnific Popup) and in native Divi 5 pages (using a lightweight built-in lightbox). No jQuery is required.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20images%20linked%20to%20attachment%20pages%3F\"><h3>Does it work with images linked to attachment pages?<\/h3><\/dt>\n<dd><p>Yes, since version 2.2.0 the plugin handles both direct image URLs (e.g. photo.jpg) and WordPress attachment page links. The full-size image is resolved automatically from the embedded image element.<\/p><\/dd>\n<dt id=\"how%20can%20i%20customize%20the%20image%20selectors%3F\"><h3>How can I customize the image selectors?<\/h3><\/dt>\n<dd><p>For advanced users and developers, the plugin provides an <code>ayudawp_lightbox_selectors<\/code> filter. You can use this filter in your child theme's <code>functions.php<\/code> file to add or modify the CSS selectors that the plugin uses to identify images. For example:<\/p>\n\n<pre><code>php\nadd_filter( 'ayudawp_lightbox_selectors', 'my_custom_lightbox_selectors' );\nfunction my_custom_lightbox_selectors( $selectors ) {\n    $selectors[] = '.my-custom-module a'; \/\/ Add selector for custom module\n    return $selectors;\n}\n<\/code><\/pre><\/dd>\n<dt id=\"does%20this%20plugin%20work%20with%20divi%20builder%20plugin%20on%20non-divi%20themes%3F\"><h3>Does this plugin work with Divi Builder plugin on non-Divi themes?<\/h3><\/dt>\n<dd><p>Yes, as long as you have the Divi Builder plugin installed and active, the plugin will work regardless of your active theme.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2.5<\/h4>\n\n<ul>\n<li>Fixed: Linked images (e.g. button-style images linking to other pages) were being hijacked by the lightbox since 2.2.0, overriding the original <code>href<\/code><\/li>\n<li>Improved: Attachment-page detection now requires the link to be same-origin, not open in a new window, and either carry an <code>attachment_id<\/code> query parameter or have a path slug that matches the image file name<\/li>\n<li>Plain external or internal links wrapping an <code>&lt;img&gt;<\/code> are now left untouched, restoring the original click behavior<\/li>\n<li>Changed: Version history moved to a dedicated changelog.txt file served from the plugin's public SVN, keeping readme.txt focused on the current release<\/li>\n<\/ul>\n\n<h4>2.2.4<\/h4>\n\n<ul>\n<li>Fixed 404 error in browser console on Divi 5 for <code>magnific-popup.js<\/code> and <code>magnific_popup.css<\/code><\/li>\n<li>The plugin now verifies the bundled Magnific Popup files actually exist on disk before enqueuing them, and cleanly falls back to the built-in vanilla JS lightbox when they are not available<\/li>\n<li>Enqueue hook moved to priority 20 so Magnific Popup detection correctly sees scripts already registered by Divi<\/li>\n<li>Hardened script detection loop against non-string values (prevents potential PHP 8+ warnings)<\/li>\n<\/ul>\n\n<h4>2.2.3<\/h4>\n\n<ul>\n<li>Fixed lightbox not working on images in the WordPress classic\/block editor post content field when rendered by Divi's Post Content module<\/li>\n<li>The Post Content module container (<code>.et_pb_post_content<\/code>) is now correctly recognized as an allowed content area<\/li>\n<\/ul>\n\n<p>For older changelog entries, please check the <a href=\"https:\/\/plugins.svn.wordpress.org\/lightbox-images-for-divi\/trunk\/changelog.txt\">changelog.txt<\/a> file<\/p>","raw_excerpt":"Extends Divi&#039;s native lightbox effect to all auto-linked images. Requires Divi Theme or Divi Builder Plugin. Compatible with Divi 4.10+ and Divi 5.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/78443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=78443"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/fernandot"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=78443"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=78443"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=78443"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=78443"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=78443"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=78443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}