Showing blog posts on the homepage

On our blog homepage, we have the latest blog posts. As a final part of creating all the content management around our blog, let’s see how we can output our blog posts on the homepage using a slightly different template to the one they use when they’re shown in other lists.

First save the template in perch/templates/blog/post_in_list.html as perch/templates/blog/homepage_post_in_list.html. Then edit this so that it contains the markup for the homepage.

    <div class="blog-posts">
            <h2 class="section-header">Latest blog posts</h2>
    <article class="post hentry">
        <time datetime="<perch:blog id="postDateTime" format="%Y-%m-%d">" pubdate class="published"><perch:blog id="postDateTime" format="%d %B %Y"></time>

        <h3 class="entry-title"><a href="<perch:blog id="postURL">" rel="bookmark" class="entry-title"><perch:blog id="postTitle"></a></h3>

        <div class="entry-summary">
        <perch:blog id="excerpt" type="textarea" markdown>


Now we need to display the posts and to do this we’re going to use perch_blog_custom, which you’ve already been introduced to. We pass in our custom template and also the number of posts we wish to display.


We’ve got lots of things going on on this homepage at this point that use different parts of Perch to manage the content.