Build Your Own Business Website header image

Lesson 7 – Create the Posts Page Template

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Map Out the Posts Page – Watch the Video

  • Posts Page faux heading
  • Display format
    • Excerpt style
      • No full posts on posts page
      • No teasers on posts page
    • This same thing will happen on archive pages
  • Post Heading
  • Headline meta
    • Category with link
    • Date
  • Excerpt ending
  • Closing meta
  • Closing links

Setup Thesis Design Options – Watch the Video

  • Display Options
    • Bylines
    • Posts
    • Archives
  • Home Page Display Options
  • Post Image and Thumbnails

Exclude Categories from Posts Page – Watch the Video

Restructure the Headline Area – Watch the Video

  • Use default behavior for Pages, change for all others
  • thesis_show_headline_area() filter
  • Construct a new headline area
    • Create the HTML structure
    • Add the typical hooks
  • Single posts vs all other views
  • The template tags

Modify the Excerpt – Watch the Video

  • Default “More” display
  • The excerpt_more() filter

Setup Ending Post Meta – Watch the Video

  • The default “after post” content
  • Remove the Thesis comment link – thesis_comments_link()
  • Create the HTML
    • Wrapping div
    • Button wrapping div
    • clearing div
  • the_tags() syntax
    • before
    • separation
    • after
  • Custom “read more” link
    • Exclude from single

Add Custom Body Class – Watch the Video

  • thesis_body_classes() filter
  • add posts_page class

Add the Faux Page Title to the Posts Page – Watch the Video

  • Create the HTML
  • Hook to the appropriate hook

Add Posts Page CSS – Watch the Video

  • Get the Images
  • Faux Page Title
  • Post Box
  • Headline
  • Headline meta
  • After Posts

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment