在 wordpress 自定义主题上显示最后 3 篇博客文章

Question

我有一个正在使用 wordpress 的自定义主题，我想在我的主页上显示最后 3 篇博客文章。我还想以不同的方式设置有关每个帖子的某些信息的样式，例如将月份和年份设置为某种字体，将日期设置为更粗体和不同的字体，以及像文章的句子或更少的内容一样显示，然后是“...”和“阅读更多”类型的东西。

如何从博客中提取数据？我知道有某些 wordpress 函数可以为我获取这些数据，但我还不能完全弄清楚如何去做，我并不精通 wordpress php 函数。现在我只是硬编码，但是当我发布新帖子时必须重新输入所有内容很烦人。我知道您可以设置在设置->阅读中显示许多博客文章，但我希望能够完全自定义它的外观。

让我知道我应该如何去做这件事的任何建议！

<div class="bottom">
<div class="wrap-2"> 
<h2>Blog</h2>  

    <div class="content-div">
        <div class="bottom_box">
            <div class="btm-img"><h4>April <span>25</span><br />2014</h4></div>
            <div class="right_block">
                <p class="highlight2">blog title 1</p>
                <p class="highlight3">lksj sldkf jsl lsdkfj sdklf sd</p>
                <a href="#" class="more">Read More &gt;</a>
            </div>  
        </div>

        <div class="bottom_box">
            <div class="btm-img"><h4>April <span>24</span><br />2014</h4></div>
            <div class="right_block">
                <p class="highlight2">blog title 2</p>
                <p class="highlight3">lsdkjf lsdk fjsl dkkddk lsdkfjpaskldfj;</p>
                <a href="#" class="more">Read More &gt;</a>
            </div>  
        </div>

        <div class="bottom_box">
            <div class="btm-img"><h4>April <span>23</span><br />2014</h4></div>
            <div class="right_block">
                <p class="highlight2">blog title 3</p>
                <p class="highlight3">lksdjf slkdfjsldkfj;as dfklsd;j fsld;kfj</p>
                <a href="#" class="more">Read More &gt;</a>
            </div>  
        </div>
    </div>
</div>  
</div>

Answer 1

试试下面的 sn-p。使用您的自定义 HTML 块（具有 botom_box 类的块）而不是下面使用的。

<?php $posts = get_posts("numberposts=3"); ?>
<?php if($posts) : ?>
    <?php foreach( $posts as $post ) : setup_postdata( $post ); ?>
        <!-- your HTML block goes here --->
        <div class="post">
        <h3><a href="<?php echo get_permalink($post->ID); ?>" ><?php echo $post->post_title; ?></a></h3>
        <?php the_excerpt(); ?>" rel="bookmark">read more</a>
        </div>
        <!-- end of the HTML block -->
    <?php endforeach; ?>
<?php endif; ?>