Blog Sidebar Layout
A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.
A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Blog Sidebar Layout pairs a five-post divided list on the left, each row with a square Placeholder thumbnail, category, title, date, and read time, against a 280 px sidebar on the right with three cards: an About snippet for Avery Stone, a Categories list with post counts (Design 14, Process 9, Freelance 7, and two more), and a subscribe prompt with a plain email input and a button. The subscribe copy, a short note when something new goes up, no digest, no newsletter cadence, is the distinctive detail: it sets an honest expectation rather than promising value that has to be proved.
Posts and categories are two separate typed arrays. The sidebar cards carry real counts, so the categories panel doubles as a credibility signal showing writing volume per topic.
Reach for this block as the main blog listing page when the portfolio has a sustained writing practice. The installer swaps the post list, the bio snippet, the category counts, and the subscribe form action for their own content.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the evergreen blog listing with discovery sidebar. Other sidebar blog layouts:
Tip: the category counts in the sidebar are worth keeping accurate; stale numbers or placeholder zeros undercut the credibility the sidebar is there to build.