각각의 POST 를 클릭하면, B페이지로 이동하고 해당 페이지의 sendURL 파라미터로 각각의 썸네일 주소를 가져오는 것을 목표로 합니다.

그런데 3개의 POST 모두가 클릭 시 A 페이지에서 출력한 3개의 POST 중 첫 번째 POST의 썸네일 주소만 가져오고 2번째, 3번째 POST 썸네일 주소는 가져오지 못합니다.

썸네일을 가져오는 Function 이 1회만 동작하는 것 같은데... 제가 무엇을 잘 못 썼을까요? ㅠㅠ 고민하다가 글을 남겨봅니다.

<?php
define('WP_USE_THEMES', false);
require($_SERVER['DOCUMENT_ROOT'] . "/wp-load.php");
?>

<!--썸네일 주소 함수 / 멀티 썸네일이 가능하도록 "multi-post-thumbnails" 플러그인 활용
https://github.com/voceconnect/multi-post-thumbnails/wiki/Functions-and-Template-Tags-->

<?php 
    function myURL(){
    if (class_exists('MultiPostThumbnails')) {
        $url = MultiPostThumbnails::get_post_thumbnail_url(
            get_post_type(),
            'secondary-image'
            );
        echo $url;
        }
    }
?>

<!--블로그 POST 가져오기-->

<?php 
$query1 = new WP_Query('showposts=6&cat=blogs&category_name=event&offset=0'); 
if ($query1->have_posts()) : 
while ($query1->have_posts()) : $query1->the_post(); 
?>

    <li>

<!--불러온 POST 클릭 시 페이지 이동하면서, URL 에 썸네일 주소를 파라미터로 삽입하는 JS 함수 불러오기-->
        <a href="javascript:void(0);" onclick="sendURL();return false;">
            <div class="img-area">
                <div class="pc"><?php the_post_thumbnail('Thumbnail'); ?></div>
                <div class="m"><?php the_post_thumbnail('Thumbnail'); ?></div>
            </div>
                <div class="txt-area">
                    <div class="tit">
                        <?php the_title(); ?>
                    </div>
                    <div class="txt">
                        <?php echo get_secondary_title(); ?>
                    </div>

<!--썸네일 주소 출력하기 JS에서 읽을 수 있도록 텍스트로 display:none 출력-->
                    <div id='myURL2' style="display:none;"><?php myURL();?>
                    </div>                    
                </div>
        </a>
    </li>



<?php
endwhile; endif; wp_reset_postdata(); 
?>  


<!--생성된 썸네일 주소를 파리미터로 삽입하여 이동하는 JS-->
<script>
function sendURL(){
let myURL3 = document.getElementById('myURL2').textContent;
let url = `event_result.php?sendURL=` + myURL3;
window.location.href = url;
}
</script>

//참고용: 멀티 썸네일 플러그인 function
//출처 https://github.com/voceconnect/multi-post-thumbnails/wiki/Functions-and-Template-Tags
get_post_thumbnail_url()
Function signature:

MultiPostThumbnails::get_post_thumbnail_url(
    $post_type,
    $id,
    $post_id = 0,
    $size = null
)
Get the URL of the thumbnail.

$post_type required: The post type of the post the thumbnail is set on.
$id required: The id used to register the thumbnail.
$post_id optional: The post ID of the post the thumbnail is set on. Defaults to the post ID of the currently queried object.
$size optional: The size to use. Defaults to the original size.