「ビデオ」というカスタム投稿タイプがあり、そのカスタム投稿タイプには、ユーザーが vimeo リンクを貼り付けることができるメタボックスがあります。動画のカスタム投稿タイプのメタデータをクエリしようとしていますが、以下のコードは、ダッシュボードでは異なるにもかかわらず、各投稿に対して同じメタデータ (vimeo リンク) を返しています。各投稿には、ループ内に独自の vimeo リンクが必要です。助けてくれてありがとう!何かについてもっと明確にする必要がある場合はお知らせください。
$args = array( 'post_type' => 'video', 'posts_per_page' => 10,);
$the_query = new WP_Query( $args );
echo '<section id="our-work">';
echo '<div class="row-fluid">';
$i = 1;
if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post();
global $post;
$vimeo = get_post_meta( $post->ID, '_cmb_test_embed', true );
$counter += 1;
if($counter == 4 || $counter == 5 || $counter == 9 || $counter == 10) :
echo '<div class="span6">';
the_post_thumbnail();
echo '</div>';
else:
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'thumbnail_name');
$vimeo_id = (int) substr(parse_url($vimeo, PHP_URL_PATH), 1); ?>
<div class="span4">
<div class="myModalThumbnail"><img src="<?php echo $thumb[0]; ?>"/></div>
</div>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<iframe src="//player.vimeo.com/video/<?php echo $vimeo_id; ?>?title=0&byline=0&portrait=0&color=cc6f1a" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<?php endif;
// if multiple of 3 close div and open a new div
if($i == 3 || $i == 5 || $i == 8 || $i == 10) {echo '</div><div class="row-fluid">';}
$i++; endwhile; endif;
echo '</div>';
echo '</section>';
// Reset Post Data
wp_reset_postdata();
?>
アップデート -
問題の原因がわかりました。モーダルのjQueryです。モーダルは、すべての投稿の最初の投稿のリンクを表示しています。例fiddleを参照してください。「ダミー画像」をクリックすると、私が何を意味するかがわかります。各投稿画像に対応する vimeo リンクが表示されるようにセレクターを動的に割り当てるにはどうすればよいですか?