980px

WEB170 » 09) Creating a Custom Posts Feed with Featured Images for Your Site

Many WordPress sites typically use the front page of their site as their blog feed page. But, what if you don’t want your front page to house the blog feed. What if you want to have a Static Home Page for your WordPress site? Where do you put your blog feed?

Fortunately for you, you can assign your blog feed to occupy a standard page that you set up in your site.

Requirements:

  1. You are going to need to set your blog feed to occupy a page in your site by going to Settings > Reading. Doing so will set your blog page to use the index.php file.
  2. Take The Content function out of The Loop within the index.php file and replace it with The Excerpt or Get the Excerpt function. Make sure that you place content in your Excerpt field.
  3. Create a byline and add the The TimeThe Author and The Category to it.
  4. Add theme support for Post Thumbnails in your functions.php file.
  5. Upload a Featured Image to your Media Library.
  6. Place the Post Thumbnail function within The Loop in your index.php file.
  7. Go ahead and style your post thumbnail.
  8. Add an article tag around your feed objects and then style it to prevent the great collapse from happening.
  9. Add a permalink to your post thumbnail and create a read more link using The Permalink function.
  10. Add the byline to your single.php template.
  11. I will check your Protosite’s “View” and “Code” links from your Client Staging Area according to the class Schedule (Spring) to review and grade.

 

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

3 Comments:

  1. Dwayne Linde says:

    Up, and code uploaded to GitHub:

    http://lindese.com/web170/wordpress-sp16/

    Thanks and sorry for the delay,
    Dwayne

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php