Twenty Eleven Theme Showcase Template

A frequently requested feature on a website is a rotating image or news section. I recently discovered that WordPress’s default theme, Twenty Eleven has this built in. It’s not the most obvious feature, but easy to implement.

Here’s a working example on my Site.

Showcase Template

The trick is to use the the Showcase Template in the Twenty Eleven theme and make some of your Posts “Sticky”.

  1. Make sure you are using the Twenty Eleven theme. You can select this from Appearance > Themes.
  2. Create a Home Page if you haven’t already.
  3. Select your Home Page as the Front Page in Settings > Reading. (We have more detailed instructions available.)
  4. Edit your Home Page and select Showcase Template in the Templates drop-down menu in the Page Attributes box.
  5. Click Publish or Update to save changes to your Home Page.

With these changes, your Home Page will now show your page’s content and then your most recent Posts below.

Rotating Featured Posts (by Making Posts Sticky)

The trick to getting some of the posts to rotate is to make them “Sticky”. If you want an image to be shown with them, then you will have to set a Featured Image in each Post. (See Featured Image below.)

  1. Create or edit an existing Post
  2. In the Publish box, click the Edit link next to Visibility
  3. Check the “Stick this post to the front page” box.
  4. Click OK
  5. Click Update
  6. Your Post is now “Sticky”. It will now appear on your Home Page in a section called Featured Posts.
  7. Follow the steps above to make other Posts “Sticky” to appear in this section.
  8. You can also select several Posts at once and make them all Sticky.
    1. Go to Posts > All Posts
    2. Select the Posts you want to make Sticky
    3. Select Edit under Bulk Actions and click Apply
    4. Select Sticky from the Sticky drop-down menu
    5. Click Update
    6. The Posts you selected should now be Sticky and be part of the Featured Posts rotation.

Featured Image

If you want images to appear in the Features Posts or even Recent Posts section of your Home Page, you will need to set a “Featured Image”.

  1. Edit your Post
  2. In the Featured Image box on the right, select Set Featured Image.
  3. This will open up a Media Upload window. You can either drop or browse for an image here, or if you already have one in your Post, select Gallery.
  4. Select the image you want to use and click the “Use as featured image” link at the bottom of this window.
  5. Save All Changes and close the window.
  6. Your Featured Image box should now display your image.
  7. Update your Post
  8. Your featured image will now be a part of the display on your home page.
    Note: If the featured image is larger than your header image area, the rotation will display a large version of the image. This is a nice way of rotating images.

Comments

  1. Very well written and explained with clear steps.. It can guide a naive user to accomplish the effect of rotating posts and images… best part though is having used a working/live example….

  2. calllocato says:

    A very nice explanation given for showcase template. The step by step process with the images makes anybody to understand the process. Thumbs up..

  3. Elliot Mason says:

    Thanks for the guide, helped me out alot!

  4. siegfried says:

    will it work on default Twenty Twelve as well?
    thanks

  5. Sylvia Bass says:

    No, I’m afraid Twenty Twelve doesn’t have the Showcase Template. It seems to be more limited than Twenty Eleven.