Wordpress 이미지 갤러리 축소판 격자 - 자세히보기

Question

나는 갤러리와 함께 모든 게시물을 표시하는 사용자 정의 포트폴리오 템플릿 페이지에서 일하고 있습니다. 갤러리 중 일부는 이미지가 많기 때문에 페이지 스크롤을 최소화하기 위해 갤러리를 축소하고 싶습니다.

페이지로드시 눈금의 첫 번째 행을 표시 한 다음 나머지 미리보기 이미지를 표시하는 "추가로드"버튼을 클릭하는 가장 좋은 방법은 무엇입니까?

WP의 get_post_gallery() 함수를 따르려고하지만 처음 몇 개의 미리보기 이미지 만로드하는 방법을 알지 못하는 경우 클릭하여 더 많이로드합니다. 부트 스트랩 3의 축소/확장 코드를 어떻게 든 활용할 수 있다면 웹 사이트에서 해당 프레임 워크를 사용하고 있으므로 좋을 것입니다. View Mockup

https://codex.wordpress.org/Function_Reference/get_post_gallery

<?php 
 
    /* The loop */ 
 
    while (have_posts()) : the_post(); 
 
     if (get_post_gallery()) : 
 
      $gallery = get_post_gallery(get_the_ID(), false); 
 
      
 
      /* Loop through all the image and output them one by one */ 
 
      foreach($gallery['src'] as $src) : ?> 
 
       <img src="<?php echo $src; ?>" class="my-custom-class" alt="Gallery image" /> 
 
       <?php 
 
      endforeach; 
 
     endif; 
 
    endwhile; 
 
?>

Answer 1

true로 $ 데이터 매개 변수, 당신이 할 수있는 당신의 갤러리를 얻을 경우 :

내가 달성하기 위해 노력하고있는 무슨의 모형을 포함 배열을 순환하고 bootstrap show/hide를 사용하십시오! 당신은 영구 링크를 사용하려는 경우

$return_array = get_post_gallery(get_the_ID(), true); 

이 배열을 반환한다, 그 배열은 그 구조

'link' => string 'file' 
    'ids' => string 'id1,id2,id3' 
    'src' => 
    array 
     0 => string 'http://yoursite/moo.jpg' 
     2 => string 'http://yoursite/moo2.jpg' 
     3 => string 'http://yoursite/moo3.jpg' 

이있을 것이다, 당신은

$ids_Array = explode(',',return_array["ids"]); 

와 다른 배열로 ID에 대한 문자열을 분할

그런 다음 해당 배열을 반복하고 원하는 방식으로 부트 스트랩의 축소 구조를 만들 수 있습니다 (구분 컨테이너를 출력하는 3 개의 루프 이후 등)

질문이 있으시면 알려주세요.