Image & Video Lightbox 最好的WordPress常用插件下载 博客插件模块

图像与图像。视频灯箱描述使用FSlightbox库，自动为WordPress (Gutenberg) Gallery显示的图像和图像块添加灯箱功能，并生成图像块，以及由核心视频块创建的视频。

这个轻量级插件将自动添加Lightbox功能到所有图片中

核心图库块、核心图像块、生成块图像块和显示的视频

核心视频块无需将每个图库/图像和视频链接设置到媒体文件，因此您无需逐个手动设置它们。

注意:通过向image/video元素添加no-lightbox类，可以将特定的图像/视频排除在lightbox功能之外。

关于插件这个插件没有设置(你可以使用过滤器定制默认配置)，因此不会添加任何数据到数据库，所以你不需要担心-数据库剩余-如果你停用插件。

这个插件将自动添加带有必要属性的包装链接到每个图片和视频上，使用上面提到的模块，通过几行内联脚本来添加灯箱功能。因此，它不会对您的原始图像和视频标签进行任何更改(如果您从页面的HTML源进行检查)，也不会为您的页面的HTML增加额外的权重/ DOM深度。

默认情况下，这个插件只适用于原生的WordPress图库、图片和视频块，以及生成图片块。您可以使用过滤器添加额外的选择器，使该功能也适用于其他图像/视频块。如果你需要，给我发一个请求，让你的图像/视频块默认包括在内。

这个插件只会将它的资产(1个JS文件)加入到使用块的页面/帖子中，如果页面/帖子不使用它们中的任何一个，就不会将资产加入到队列中。

我提供了简单的悬停CSS，默认情况下不启用。您可以使用过滤器启用它(见下文)。

添加其他图像/视频块:添加图像/视频块元素使用的CSS类，例如:

add_filter( 'use_lightbox_in '，function($ use _ light box _ in){ return $ use _ light box _ in。',.你的-其他-插件-块-图像-父元素img，。“您的-其他-插件-图像-类”；} );添加块信息/名称，这样如果块在post/page中使用，该插件会将FSlightbox JavaScripts排队，例如:

add_filter( 'use_lightbox_if '，function($ use _ light box _ if){ return $ use _ light box _ if。| | has _ block(" kadence/advanced gallery ")| | has _ block(" your-plugin-block-name/the-block-name ")'；} );只在某些页面/文章类型上启用Lightbox功能:只需使用wp_dequeue函数**，例如:

add_action( 'wp_enqueue_scripts '，function() { if(！is _ singular(' post '){//仅在单个帖子类型WP _ dequeue _ script(' image-video-light box ')中启用；}});只启用简单的悬停CSS:add _ filter(' use _ light box _ CSS '，function(){ return true；});为什么使用FSlightbox？FSlightbox是用纯Javascript编写的普通Javascript Lightbox库，没有jQuery或任何其他附加依赖。很轻量级(9kb *gzip左右)！JavaScript是可延迟的(*是的，这对我很重要)。这是我发现的唯一一个在JavaScript延迟时还能工作的lightbox库。

我的其他插件:多优化！–DIY WordPress页面速度优化包。特点:

异步加载CSS–在选定的帖子/页面类型上选择性地异步加载CSS文件。在用户交互之前延迟CSS和JS–有选择地延迟CSS/JS加载，直到用户在选定的帖子/页面类型上进行交互。预加载关键CSS、JS和字体文件–有选择地预加载所选帖子/页面类型的关键CSS/JS/字体文件。删除未使用的CSS和JS文件–有选择地删除所选帖子/页面类型中未使用的CSS/JS文件。有条件地加载Gutenberg CSS加载核心块的每个CSS，只有当块在页面上呈现时，它们才会排队。advance De fer JS——保持JavaScripts加载，直到加载完所有其他内容。改编自著名的varvy–s defer JS方法*，推荐用于延迟加载第三方脚本，如广告、像素和跟踪器defer JS–选择性地延迟加载选定帖子/页面类型上的JavaScript文件。移除被动侦听器警告–移除–不使用被动侦听器来提高滚动性能–Google page speed InsightsLazyload、Preload等警告！–这个小插件(大约14kb压缩文件)会自动:

lazyload你的fold images/iframes/videos下面，预加载你的特色图片，并添加loading="eager "到你的特色图片和所有有不懒惰或跳过懒惰类的图片。一个轻量级插件来优化你的WooCommerce & amp商业网站:

浮动的WhatsApp聊天窗口部件(可以在没有WooCommerce的情况下使用)，WooCommrece的WhatsApp订单按钮，隐藏/禁用WooCommerce元素，WooCommerce字符串翻译，等等。滚动动画——使用流行的AOS JS库，只需添加类名，就可以动画显示滚动中的任何元素。这个插件可以帮助你很容易地集成AOS JS库来添加任何AOS动画到WordPress。只需将所需的aos动画添加到带有–AOS–前缀的元素类名中，插件就会将相应的AOS属性添加到元素标签中。

截屏

使用这个插件的图片灯箱

使用这个插件的视频灯箱

此插件提供的简单悬停CSS(默认情况下不启用)安装在WordPressVisit Plugins & gt添加新的图片搜索。Video Lightbox或Arya DhirataraActivate从你的插件页面激活插件手动使用这个插件库的下载链接下载插件到你的/WP-content/Plugins/directory插件文件夹从你的插件页面激活插件为什么使用FSlightbox库？它是轻量级的(大约9kb *gzip)，没有依赖性，而且因为我喜欢将JavaScripts延迟到用户交互之后，所以这是我发现的唯一一个当JS延迟时还能工作的库。

这个插件可以处理其他图像或视频吗？试试吧。你可以使用像我在上面插件描述中写的例子一样的过滤器。

我可以排除特定图像吗？是的。只需将非灯箱类添加到图像/视频元素中。

评论此插件没有评论。

标签：视频Lightbox图像安培下载