我知道这可能已经解决了这个问题,但我似乎无法找到它。
我刚刚开始,所以这可能是一个菜鸟问题,请耐心等待我<
我正在尝试在我网站的front-page.php上显示前3个帖子,问题是该帖子一直在自己内部创建。
这是涉及的CSS。
.news-container{ background-color: #fff;
padding: 2em;
max-width: 600px;
heigth:300px;
text-align: left;
}
.has-thumbnail {
position: relative;
padding-left: 200px;
}
.post-thumbnail {
position:absolute;
top:0;
left:0;
}
article.post { border-bottom: 1px solid #bbbbbb;
margin-bottom: 3em;
}
article.post:last-of-type { border-bottom: none;
}
Here is the front-page.php code involved.

<div class="news-container">
<?php
$recentposts=get_posts('showposts=5');
if ($recentposts) {
foreach($recentposts as $post) {
setup_postdata($post);
?>
<article class="post <?php if ( has_post_thumbnail() ) { ?> has-thumbnail <?php } ?> ">
<div class="post-thumbnail">
<?php the_post_thumbnail('small-thumbnail'); ?>
</div>
<p><?php the_time('F j, Y'); ?>
<h3><a href="<?php the_permalink()?>"><?php the_title()?> </a></h3>
<p>
<?php echo get_the_excerpt(); ?>
<a href="<?php the_permalink(); ?>"> Read more » </a>
<br><br> <br><br> <br><br>
</p>
<?php
}
}
?>
</article>
</div>
&#13;
为什么会这样?感谢您阅读本文!
答案 0 :(得分:0)
尝试此更新的代码我认为您没有正确关闭所有标签。这将解决您的问题。
<div class="news-container">
<?php
$args = array('posts_per_page' => 5, 'post_type'=>'post' );
query_posts($args); $post_query = new WP_Query( $args );
while($post_query->have_posts()){ $post_query->the_post();
?>
<article class="post <?php if ( has_post_thumbnail() ) { ?> has-thumbnail <?php } ?> ">
<div class="post-thumbnail">
<?php the_post_thumbnail('small-thumbnail'); ?>
</div>
<p><?php the_time('F j, Y'); ?> </p>
<h3><a href="<?php the_permalink()?>"><?php the_title()?> </a></h3>
<p><?php echo get_the_excerpt(); ?>
<a href="<?php the_permalink(); ?>"> Read more » </a>
<br><br> <br><br> <br><br>
</p>
</article>
<?php } ?>
</div>
答案 1 :(得分:-1)
您可以使用WP最新帖子插件完成此操作:https://wordpress.org/plugins/wp-latest-posts/screenshots/