Read Next Posts
An end of article footer with previous and next post cards carrying excerpts and meta, above a short ruled list of related reading.
An end of article footer with previous and next post cards carrying excerpts and meta, above a short ruled list of related reading.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Read Next Posts is the navigation footer for the end of an article: a Keep reading heading with an All writing link, then two cards for the previous and next post. Each card shows a direction label with its arrow, the post title, a one-line excerpt, and a date and read time meta line, with the next card aligned right so the pair reads as a spread. Below them, a ruled More on this topic list carries two related reads with their read times flush right.
The whole block is capped to a max-width column so it sits under article body copy at the same measure. Previous and next are single objects and related is a short array, so each swap is one edit and the reader always has somewhere to go once they finish.
Reach for this block at the foot of a single post, below the body and author bio, where a reader who just finished needs a next step. The installer swaps the two adjacent posts, their excerpts and meta, and the related list for their real content.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is previous and next post navigation. Other uses:
Tip: keep the excerpts to one honest line; the reader just finished a post, so an overlong tease works against the momentum this block exists to hold.