Home > How-to Guides, Utilities And Other Useful Things > Simple Page-of-Posts Solution for WordPress

Simple Page-of-Posts Solution for WordPress

Recently I have been helping Make a Difference Wisconsin, a local non-profit, with their WordPress website. Without going into details as to why,  I needed to create a simple ‘page of posts’ for menu hierarchy reasons. It needed to be a page, but I wanted it to display all of the posts from a particular category. Google took me to many solutions, including the WordPress Codex, but none of them worked. Some used out of date or deprecated query functions and some didn’t work with the custom theme that was already in place. This should have been a very easy task, but took me several  days to pin down my solution.

So, if you want to create a simple page-of-posts that should work in any theme (with some minor tweaking, of course), feel free to use this code:

Template Name: pageofposts
Author: Alex Glover
Date: 4-Nov-2012
<?php get_header(); ?>
<div id="content-area">
global $post;
$args = array( 'numberposts' => 5, 'category' => 47 );//CHANGE THESE VALUES AS NEEDED
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2><br />
<?php if ( has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?> " style="float:left; position: relative; margin: 0px 20px 0px 0px;">
<?php the_post_thumbnail('thumbnail'); ?>
</a><p style="width:450px; float:left; position: relative;">
<?php the_excerpt(); ?>
<br /><br /><br />
<?php endif; ?>
<?php endforeach; wp_reset_postdata(); ?>

</div> <!-- #content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Here’s a quick preview of what the ‘page of posts’ code looks like, but obviously aspects of this will be very different based on the theme that you are using.

You can check out the full page and see the code in action at http://www.makeadifferencewisconsin.org/investment-conference/past-conferences

  1. No comments yet.
  1. No trackbacks yet.

Care to share your two cents?

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: