Question

我正在编写一个插件来显示最近的帖子，然而，无法弄清楚为什么缩略图不在div中并且＆＃34;跳转＆＃34;到页面的标题。这是插件中的代码：

$my_query = new WP_Query( array(
    'post_type' => 'post',
    'posts_per_page' => 5
  ));

  if( $my_query->have_posts() ) : while( $my_query->have_posts() ) : $my_query->the_post();

        $html .="<div class=\"My-container\">";
        $html .="<div class=\"My-item\">" . the_post_thumbnail('thumbnail', array('class' => 'My-postImg')) . "</div>";
        $html .="<div class=\"My-item-1\">";
        $html .= "<p>" . the_category(', ') . " | " . the_time('M. d') . "</p>";
        $html .= "<h2>" . get_the_title() . " </h2>";
        $html .= "<p>" . the_category(', ') . "</p>";
        $html .= "<a href=\"" . get_permalink() . "\" class=\"button\">Read more</a>";
        $html .="</div>";

    endwhile; endif;


 $content .= $html;;       
 return $content;

另一个问题：我尝试在帖子末尾显示最近的帖子。因此，在将其添加到$ html后，我必须返回$ content。有更干净/更有效的方法吗？

由于

Answer 1

感谢您的帮助。这是CSS。就在此之前，这就是事情：如果我举例说明文本

或等等，那么它将在内部正确显示。只有当它涉及到缩略图时才会“跳跃”。

.My-container只是一个标准的弹性盒

    @charset "utf-8";
/* CSS Document */


.My-container {

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row nowrap;

  flex-direction: row;
  flex-wrap: nowrap;
}

.My-item {
    min-width: 300px;
    min-height: 300px;
    background-color: orange;
    display: block;

}

.My-item-1 {
    width: 200px;
    height: 100px;
    background-color: green;
}

发布缩略图＆＃34;跳转＆＃34;到标题

1 个答案: