顯示有關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

試試下面的代碼片段。 使用您的自定義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; ?>