mixitup 动态图像的放大弹出问题

Question

我只是在我的网站中手动设置同位素，然后在 get_terms 和 get_ther_terms 条件的帮助下动态它，这里是完整的代码     <div class="main_page"><div class="portfolio_section">          <div class="controls">       <button type="button" class="control" data-filter="all">All</button>        <?php          $cat_list = get_terms('filters');          foreach ($cat_list as $cat) :          ?>    <button type="button" class="control" data-filter=".<?php echo $cat->slug;?>"><?php echo $cat->name; ?></button>      <?php endforeach; ?>     </div>   <div class="container pasresnt">     <?php         $mixitup = new WP_Query(array(             'post_type' => 'portfolio',             'posts_per_page' => -1,         ));     ?>           <?php while ($mixitup->have_posts()) : $mixitup->the_post() ; ?><div class="mix <?php           $cat_slug = get_the_terms($post->ID, 'filters');           foreach ($cat_slug as $cat_sl) {            echo $cat_sl->slug;           }           ?>">            <a href="<?php the_post_thumbnail('portfolio-small'); ?>" target="_blank"><?php the_post_thumbnail('portfolio-small'); ?> </a>         </div> <?php endwhile; ?>         <div class="mix green">      <a href="<?php echo get_template_directory_uri(); ?>/img/mahi.jpg"><img src="<?php echo get_template_directory_uri(); ?>/img/mahi.jpg"alt=""></a></div></div> </div> </div>这是正常静态图像弹出窗口中的亮点，此代码正确显示 <a href="<?php echo get_template_directory_uri(); ?>/img/mahi.jpg"><img src="<?php echo get_template_directory_uri(); ?>/img/mahi.jpg"alt=""></a>但在动态中，此图像弹出窗口对我不起作用。最后一个静态图像作为示例，工作完美，但这行代码是图像来自投资组合自定义帖子选项，此弹出窗口不起作用<a href="<?php echo $for_img; ?>" target="_blank"><?php the_post_thumbnail('portfolio-small'); ?> </a>`

Answer 1

您正在the_post_thumbnail使用href. 这会输出 html 来显示图像，但您只想将 URL 放入href链接的属性中，因此请改用get_the_post_thumbnail_url()。

所以代替这个：

<a href="<?php the_post_thumbnail('portfolio-small'); ?>" target="_blank"><?php the_post_thumbnail('portfolio-small'); ?> </a>

你应该使用这个：

<a href="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'portfolio-small'); ?>" target="_blank">

    <?php the_post_thumbnail('portfolio-small'); ?>

</a>