Wordpress WPBakery禁用prettyPhoto并使用自适应灯箱和图库

use*_*331 5 php wordpress lightbox

我有这个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 );
Run Code Online (Sandbox Code Playgroud)

然后,我安装了插件Responsive Lightbox&Gallery并将选择器更改为prettyPhoto,但是它不起作用,当我单击图像时,它只是在同一窗口中打开图像。我进行了一些挖掘,我认为原因可能是因为我的链接使用的是数据依赖关系而不是不依赖关系,我的问题是,这是其无法正常工作的原因和/或如何解决?

<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>
Run Code Online (Sandbox Code Playgroud)

更新

我能够改变data-relrel或者prettyPhoto[rel--1933041382]lightbox,但它不工作的特定页面上:

http://makinghermrs.com/lookbook/

但是在此页面上只有一张照片可以使用:

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

更新

好的,我可以正常使用了,但是灯箱无法在移动设备上正常工作,并且在台式机上存在错误,这是我做错了什么吗?

http://makinghermrs.com/lookbook/

Iva*_*yev 0

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

在此输入图像描述