好的，我正在创建一个公文包页面。我想把所有的照片都放在一起&；当访问者将鼠标悬停在任何标题上时，将显示图像。

为此，我创建了以下循环：

<div class="main-interior portfolio" id="portfolio-big-pics" style="display: block;">
<?php $args = array( \'post_type\' => \'portfolio\', \'order\' => \'ASC\');
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<?php $extraLastClass = $loop->current_post + 1 === $loop->post_count ? \' main-image-porfolio-main\' : \'\';?>
<?php the_post_thumbnail( "thumbnail", array( "class" => "main-image portfolio $extraLastClass" ) ); ?>

            <div class="portfolio-box">

                <h5>Portfolio</h5>
                <ul class="item-list" id="portfolio-list">
                <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </li>               
                </ul>

            </div>

 <?php endwhile; ?>            
</div>

如您所见，我的图像；标题在循环中。它的打印方式如下：第一张图像&；第一个标题，然后是第二个图像；第二个标题、第三个图像+第三个标题（&；所以继续。。。我想要的是首先打印出所有图像&；然后是标题。例如：第一个图像、第二个图像、第三个图像&；然后是第一个头衔，第二个头衔，第三个头衔。基本上，根据我的代码，公文包项目的所有图像都将首先加载&；然后附上“portfolio box”分区截图。

<div class="main-interior portfolio" id="portfolio-big-pics" style="display: block;">
<?php
$args = array( \'post_type\' => \'portfolio\', \'order\' => \'ASC\');
$loop = new WP_Query( $args );
$img_titles = \'\';
while ( $loop->have_posts() ) : $loop->the_post();
    $extraLastClass = $loop->current_post + 1 === $loop->post_count ? \' main-image-porfolio-main\' : \'\';
    the_post_thumbnail( "thumbnail", array( "class" => "main-image portfolio $extraLastClass" ) );

    $img_titles .= \'<div class="portfolio-box">

                <h5>Portfolio</h5>
                <ul class="item-list" id="portfolio-list">
                <li><a href="\'.get_permalink().\'">\'.get_the_title().\'</a>
                </li>               
                </ul>

            </div>\';

 endwhile;
 ?>            
</div>
<?php echo $img_titles; ?>