时间戳

首页 > 解决方案 > 在 wordpress 侧边栏中带有缩略图的自定义查询

wordpress - 在 wordpress 侧边栏中带有缩略图的自定义查询

问题描述

我创建了一个自定义查询来生成 3 个最近的帖子，并在侧边栏中带有缩略图。查询有效，但似乎此函数中的缩略图参数无法以适当的大小显示图像：<?php the_post_thumbnail('thumbnail', array('class' =>'img-fluid'));?>但其他参数（如完整、中等等）有效。我在最后一个构建 wordpress 版本中使用了 bootstrap 4。欢迎提出任何建议。这是我的代码：

  <div class="col-md-4 ">
            <?php
            $recents_post_sidebar = New wp_query(array(
              posts_per_page => 3

            ));


            if ( $recents_post_sidebar -> have_posts()){

              while (  $recents_post_sidebar -> have_posts()) {
                  $recents_post_sidebar -> the_post(); ?>
                <div class="sidebarpost">
                  <div class="media">
                      <img class="align-self-start mr-3" src="<?php the_post_thumbnail('thumbnail', array('class' =>'img-fluid'));?>" alt="image">
                      <div class="media-body">
                        <h5 class="mt-0"><?php the_title();?></h5>
                        <p><?php  echo wp_trim_words(get_the_content(), 8);?></p>

                      </div>
                    </div>
                </div>


            <?php  }
            }

            ?>

          </div>

标签： wordpress

解决方案

嘿尝试使用 get_the_post_thumbnail_url() 获取图像；

法典参考

<img class="align-self-start mr-3" src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'post-thumbnail');?>" class="img-fluid" alt="image">

推荐阅读