WordPress Twenty Eleven a Page of Posts

One thing we find coming up time and time again is how to have a page with posts from a specific category, we have created several different template pages for different themes and have learned a little with each revision.

Here we are with the latest WordPress theme Twenty Eleven and being asked the same question, in this post we have created a twenty eleven child theme for registered members to download and this is how we can use this template page.

Category Page

Our category page has a couple of ways it can display a categories content, the easiest way is if the page slug is the same as a category slug, this is not the title but the slug which is lowercase with no spaces, generated by WordPress.

The Download

If you want to add the files to your own child theme then just copy across, page-category.php and content-excerpt.php, the contents of these files can be found at the end of this post in the PasteBin section.

You may download the file here or visit the All Downloads page for other files.

Twenty Eleven Page of Posts

How-To Category Page

Our test website has a category called Tips and we created a page called Tips, and we then applied the template in the Page Attributes, as you can see in the image below, we have the option to see the Page Attributes by going to screen options, when we published the page the slug tips was created by WordPress.

category-page-1

What we now have on out Tips page is the page content, and a number of full posts based on our Admin > Settings > Reading number of posts

category-page-2

Custom Fields

In this template we wanted to make it more flexible so we have added in the use of three custom fields, we will look at the first one here, in the child theme we have a file called content-excerpt.php

This content file will display the thumbnail and excerpt instead of the full post, this has a couple of advantages, the page is tidy and shorter, and the visitor has to use the ‘read more’ link to read the posts, which lowers the Google bounce rate.

We selected ‘Add New Field’ in the Custom Fields panel, entered list in the Name and true in the value, the value does not have to be true, yes, ok, true or any value will do, blank will be ‘false’

category-page-3

Now we have our page content with a list of our posts from the tips category underneath, we also have a nice thumbnail, we will look at the thumbnails later in this post.

category-page-4

Changing the Category

If we wanted to use a different category for our page and not the page slug then we can do this with a Custom Field, lets change the posts to the Investica category, this is a category for a tutorial set.

We selected ‘Add New Field’ in the Custom Fields panel, entered category in the Name and Investica in the value, the value is the category Name and not slug, so ‘Twenty Eleven’ and not ‘twenty-eleven’

category-page-5

Now we can see that the post list is now from the category we added in the ‘category’ Custom Field above from Investica.

category-page-6

Reverse Sort

When we write posts they are by default sorted as the newest first, which is great for a latest new blog style, but what if we are writing a series of posts and we wanted the oldest first, we have built this into our page using a Custom Field.

We selected ‘Add New Field’ in the Custom Fields panel, entered asc in the Name and true in the value, the value does not have to be true, yes, ok, true or any value will do, blank will be ‘false’

category-page-7

We can see all three custom fields in the image above, we have the Investica category, displayed as a list and we are sorting asc, which is oldest to new, starting with Part One.

category-page-8

The Thumbnails

In the content-excerpt.php file we are using the ‘thumbnail’, this is set in Admin > Settings > Media, we wanted a 4:3 ratio rather than a square, and opted to hard crop the thumbnails.

category-page-9

We already had all the thumbnails at the default size, changing the values in settings does not re-create the thumbnails, we use a WordPress plugin Ajax Thumbnail Rebuild, this works well for us and we use it when we are testing and changing image sizes.

category-page-10

Pastebin Files

We have posted the file contents up to Pastebin for anyone that does not want to register but would like a copy of the code, page-category.php and content-excerpt.php

Notices

We do require your feedback to improve our themes and tutorials, please leave your comments good or bad.

Code disclaimer information

If this document contains programming examples, www.DigitalRaindrops.net grants you a nonexclusive copyright license to use all programming code from which you can generate similar functions tailored to your own specific needs.

All sample code is provided by http://DigitalRaindrops.net for learning illustrative purposes only.

These examples have not been thoroughly tested under all conditions. www.DigitalRaindrops.net, therefore, cannot guarantee or imply reliability, serviceability, or function of these examples.

All programs contained herein are provided to you “AS IS” without any warranties of any kind. The implied warranties of non-infringement, merchantability and fitness for a particular purpose are expressly disclaimed.

Membership

Registration and Membership is no longer required for downloading files or interacting with Digital Raindrops, posting a comment or topic in the forum does use Captcha to reduce spammers.

This website is a tool to support and promote WordPress and Artisteer theme development, please support, share and give credit for any benefits you gain from the tutorials on this website.

10 thoughts on “WordPress Twenty Eleven a Page of Posts

  1. Is it possible not to include the page’s title on the top (I am using it for my home page, and I’d rather not have “Home” right on the top of the page. I can’t figure out how to remove the title though…

    Thanks for your help,
    Nathan

    • It looks like from your tutorial if I enter in a specific category so as not to use the page slug, it should remove the title and content of the page and just display the posts in the category…but it doesn’t…Am I missing something?

      • Hi Nathan,
        It will not remove the title, or the content, just edit and delete the content, it is there so you can write an intro, with the posts underneath, like I do with my tutorial series.

        The title is the same as the page it loads, content-page.php, if you want to remove the page title, copy this file to the child theme, and remove the title code.

        HTH

        David

  2. Thanks for this tutorial, just what I needed. Is there any way to set the number of posts, or number of posts per page in the template? I’ve been trying but having no luck.

  3. Hi there, thanks for the nice solution and tutorial. I was just wondering if there is a way to add a sidebar to the category pages. E.g. I want to have an evidence of all my posts in a category and I want to have it listed on the side on the page along the post excerpts.

    Also, is the a way that I do NOT include thumbnails with an excerpt?

    Thanks a lot! Cristina

  4. I can only get the page to work if I add a specific category ID number to the page template // Save our page posts to use later
    $tmp_post = $post;
    $catid = “3″;
    Is this correct?
    Also my thumbnails only show up if I add a featured image to the Post. But they show up twice. Why is that?
    Love your tutorials, but I am having issues with this one.
    Thanks

Leave a Reply

Connections

Connect with Us
Follow Digital Raindrops on Twitter Join Digital Raindrops on Facebook
Share

Related Posts

Posted in Twenty Eleven

pluggable-image2_thumb.png

In April 2011 we wrote a post on pluggable functions, since then we have been looking at other functions like post classes, which we used in the first release of our photo blogging theme. While loitering over on the WordPress … Continue reading

Read More