[Library] Editorial

Catalogue accessStandard

Article footer

The close of an article: the author's name and biography inside a currentColor slip held to the middle half of the measure, with the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. Dynamic core blocks, so the author and the two neighbours are the post's own; the preview here is sample data. The previous and next links only resolve on a single post template, which is where this pattern belongs.

Variation View
Before you copy
Open in a new window

Identical markup in every theme. Manrope typeface rgb(255, 255, 255) ground 1280px viewport

The close of an article: an author bio card with the previous and the next post hanging off the two outer edges. core/post-author-name, core/post-author-biography and two core/post-navigation-links, in core/columns inside a full-bleed group.

The signature moment

The exits are at the edges

The bio is boxed and the way out is not. The card is a slip bounded by a 1px currentColor hairline, held to the middle half of a 1240 measure. The previous and next posts sit at 22% each, hard against the two outer edges, unboxed, each a 13px tracked label over its own short rule with the neighbouring post's title under it. Between them and the card there is nothing.

So the section reads as a doorway rather than as a footer: one thing to look at, two ways out of it, and a lot of air saying which is which. The whole band is closed at the top by one more currentColor rule, which is what makes it the END of the article rather than a section after it.

What it inherits from your theme

  • The typeface. No font family is stated.
  • Your colours. The band asks for base and the type for contrast, each ending on a colour WordPress guarantees. Every rule in the pattern, the band's top rule, the card's border and the two rules under the exits, is currentColor, so all four are exactly the colour of the text.
  • Your spacing scale. Measured at 1400: 365px in Twenty Twenty-Four.

What it decides for itself

  • Full bleed with a 1240px measure, and a 22 / 50 / 22 split, so the two exits sit further out than anything else in the section.
  • The card is the only bordered thing. Its border is the mark that says "this is a person", and it is why the exits need no box of their own.
  • The navigation links state their own link colour. An anchor carries a colour rule of its own that beats an inherited one, so both blocks set style.elements.link.color.text as well as their text colour and the two titles are the same ink as the bio.

What to change first

  1. The labels. "← Previous" and "Next →" are ordinary paragraphs above the dynamic links, so they take any wording, and the arrows are characters you can delete. The link itself prints the neighbouring post's title, because both blocks ship showTitle: true and no label of their own.
  2. The bio. It comes from the author's profile, so it is edited in Users rather than here. If your authors have no biography, delete the block: an empty one prints nothing and leaves the card looking short.
  3. The card's width. 50%. A long biography wants more; the exits then get narrower, which is the trade the composition is making.
  4. The top rule. Take it off and the section stops closing the article.
  5. The finish. Ship the base for a symmetrical close, and bio-lead where the author matters more than the neighbours.
It shows YOUR post, and the preview is our sample content213 words

Every fact in this section is resolved by WordPress from the post it is placed on: the author's name, the author's biography from their user profile, and the titles of the two neighbouring posts. The preview on the product page is our preview site's seeded content ("Dana Rivera", and a biography that says so). Nothing here is in the pattern itself.

It belongs at the foot of a single post template. Two things follow, and both are stated here because neither reports itself:

  • The bio blocks read the post from block context, which a single post template or a query loop supplies. Pasted into a post's own body they print nothing.
  • core/post-navigation-link renders only on a singular request. Its first line is if ( ! is_singular() ) { return ''; }, so on an archive, on a static page, in a query loop, or in any preview that is not a real single post view, the two links produce no output at all. That is WordPress, not this pattern, and it is why the two exits are built as labelled slots with rules of their own: the composition still reads where the links are absent, and it fills in on the buyer's actual post page. Measured on both supported WordPress versions.
Notes29 words
  • Core blocks only: group, columns, column, paragraph, post-author-name, post-author-biography, post-navigation-link. No plugin, no script.
  • Valid at WordPress 6.6.7 and 7.0.4, base and variation, 18 and 17 blocks.
Back to the library

Continue exploring

Next in Editorial

Explore all 10 Editorial patterns