Wordpress WPBakery 비활성화 pretty사진 및 사용 반응형 라이트박스 & 갤러리

Wordpress WPBakery 비활성화 pretty사진 및 사용 반응형 라이트박스 & 갤러리

저는 이 워드프레스 사이트와 WPBakery를 사용하고 있습니다. 제가 하려는 것은 예쁜 사진을 비활성화하고 응답 라이트박스 & 갤러리를 사용하여 라이트박스를 활성화하는 것입니다.

기능에 다음 코드를 추가하여 PrettyPhoto를 비활성화할 수 있었습니다.php 파일:

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 );

그 다음 플러그인 Response Lightbox & Gallery를 설치하고 셀렉터를 예쁘게 바꿨습니다.사진, 하지만 작동하지 않아요. 이미지를 클릭하면 같은 창에서 이미지가 열립니다.제가 좀 파헤쳤는데 링크가 rel이 아닌 data-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/

1. 응답 라이트박스 설정으로 이동하여 "Force Lightbox" 옵션을 활성화합니다.
2. 유형 "예쁘다"사진과 같이 "Selector" 필드의 "Photo"

ScrollTo 플러그인을 로드하는 것을 잊어버렸습니다.위의 솔루션을 적용한 후 이 스크립트를 대기열에 넣습니다.

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

언급URL : https://stackoverflow.com/questions/54684988/wordpress-wpbakery-disable-prettyphoto-and-use-responsive-lightbox-gallery