我找到了这个问题的答案，并希望与社会分享。希望其他人会发现它有用。
下面是我们用来产生预期效果的代码：

<section class="feed float-right">
    <h3>The Latest From Our Blog</h3>
<?php

include('blog/wp-load.php'); // Blog path

$args = array('showposts' => 4);

$the_query = new WP_Query( $args );

if( $the_query->have_posts() ): 

echo '<ul>';

while ( $the_query->have_posts()) : $the_query->the_post(); 
    echo '<li><a href="'.get_the_permalink().'">'.get_the_post_thumbnail().' '.get_the_title().'</a> <p>'.get_the_excerpt($limit).'</p></li>';
endwhile; 

echo '</ul>';

endif; 

wp_reset_query(); 

?>

</section>

字符串
上面的代码放在您希望显示提要的HTML或PHP页面中。我们在这个实现中使用了节，但是div也可以。样式信息如下：

.feed {
  width: 100%;
  height: 350;
  padding-bottom: 25px;
}

.feed h3 {
  width: 90%;
  margin: 20px auto;
  padding-left: 35px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
}

.feed ul {
  width: 90%;
  margin: auto;
  list-style: none;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.feed ul li {
  position: relative;
  float: left;
  width: 45%;
  margin-bottom: 30px!important;
  margin-right: 5%;
}

.feed ul li a {
  color: inherit;
}

.feed ul li p {
  line-height: 18px;
}

.attachment-post-thumbnail {
  position: relative;
  float: left;
  width: 140px!important;
  height: 90px!important;
  margin: auto 30px 30px auto;
  border-radius: 4px;
}

型
您可以在此处查看最终结果：https://www.moverspalmbeachcounty.com/