One Post per Widget on front page

  • KDawson

    (@kdawson)


    9 years ago

    I want to have the three most recent Posts appear, one each, in the three front-page (default) Widgets in the Responsive theme — not as a link, but as title and summary with More… link. How do I do this?

    In Appearance > Widgets I see how to add Posts to a Widget, and can limit the display to the one most recent. But this produces a blank title and a link to the most recent post.

    How do I get the second-most-recent in Widget 2 and the third in Widget 3? And all of them displaying with Title = Post title, text = first N words of Post with continuation link?

Viewing 1 replies (of 1 total)
  • Thread Starter KDawson

    (@kdawson)

    No answers here, solved it myself. Thought I’d post the solution in case anyone searches for the problem in future.

    Instead of displaying the most recent three posts one per widget on the front page, I made a child theme and edited sidebar-home.php to include only a single widget, not three. Made it full width by applying class col-940.

    In Appearance > Widgets > Home Widget 1, I added the Recent Post widget and set it to display 3 posts.

    Then in the child theme’s style.css I added a rule for .widget_recent_entries li (the three recent post links are displayed in an unordered list inside a div with this class):

    .widget_recent_entries li {<br />
	display: block;<br />
	width: 32%;<br />
	float: left;<br />
}

    Now the three list items (recent posts) display three-across inside the single front-page widget. A little judicious tinkering with margins and width in the above CSS code assures that the solution works responsively on all displays.

Viewing 1 replies (of 1 total)
  • The topic ‘One Post per Widget on front page’ is closed to new replies.