Wordpress WPBakery 禁用 prettyPhoto 并使用响应式灯箱和图库答案

【问题标题】：Wordpress WPBakery disable prettyPhoto and use Responsive Lightbox & GalleryWordpress WPBakery 禁用 prettyPhoto 并使用响应式灯箱和图库
【发布时间】：2019-02-14 07:15:45
【问题描述】：

我有这个 wordpress 网站，它使用 WPBakery，我想做的是禁用 PrettyPhoto 并使用响应式灯箱和画廊启用灯箱。

我可以通过将以下代码添加到我的 functions.php 文件来禁用 PrettyPhoto：

function remove_vc_prettyphoto(){
  wp_dequeue_script( 'prettyphoto' );
  wp_deregister_script( 'prettyphoto' );
  wp_dequeue_style( 'prettyphoto' );
  wp_deregister_style( 'prettyphoto' );
}
add_action( 'wp_enqueue_scripts', 'remove_vc_prettyphoto', 9999 );

然后我安装了插件 Responsive Lightbox & Gallery 并将选择器更改为 prettyPhoto，但它不起作用，当我单击图像时，它只是在同一窗口中打开图像。我做了一些挖掘，我认为原因可能是因为我的链接使用的是 data-rel 而不是 rel，我的问题是，这是它不起作用的原因和/或我该如何解决它？

<a href="http://example.com/wp-content/uploads/2018/10/Making-Her-Mrs-Toronto-Wedding-Planners-5-731x1024.jpg" title="Romantic Blush-Toned Weddings" data-rel="prettyPhoto[rel--1933041382]" data-vc-gitem-zone="prettyphotoLink" class="vc_gitem-link prettyphoto vc-zone-link vc-prettyphoto-link"></a>

更新

我可以将 data-rel 更改为 rel 或 prettyPhoto[rel--1933041382] 仅更改为 lightbox，但它在特定页面上不起作用：

http://makinghermrs.com/lookbook/

但在这个页面上只有一张照片它可以工作：

http://makinghermrs.com/3748-2/

更新

好的，我搞定了，但是灯箱在移动设备上无法正常工作，并且在桌面上出现错误我做错了什么？

http://makinghermrs.com/lookbook/

【问题讨论】：

您是否尝试安装响应式灯箱插件并通过“插件”菜单激活它？
是的，我确实通过插件菜单安装了它
您是否添加了类属性“lightbox”来启用灯箱。

标签： php wordpress lightbox

【解决方案1】：

转到响应式灯箱设置并启用“强制灯箱”选项。
如图所示在“选择器”字段中输入“prettyPhoto”

【讨论】：

我会在几分钟后回到家时尝试一下，选择器是 prettyPhoto 100%
有一个名为 Try to force lightbox 的选项，用于自定义 WP 库替换，例如 Jetpack 或 Visual Composer 库。它没有被选中
是的检查它，如果你使用缓存清除它保存设置。
我刚刚尝试过，甚至清除了我的缓存，仍然没有工作....超级奇怪的行为，当我转到 makinghermrs.com/lookbook 点击图像时，它仍然在新页面中打开一个窗口，但是当我回去时，灯箱就在那里。
好的，我搞定了，但是灯箱在移动设备上不能正常工作，在桌面上也有问题我做错了什么？

【解决方案2】：

您只是忘记加载 ScrollTo 插件。应用上述解决方案后，将此脚本加入队列。

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.0/plugins/ScrollToPlugin.min.js"></script>

【讨论】：