Skip to content

Add the second pattern batch: footers, galleries, formats, CTAs, pages, and the profile overlay - #139

Merged
MaggieCabrera merged 3 commits into
trunkfrom
update/patterns-part-2
Oct 8, 2026
Merged

MaggieCabrera merged 3 commits into
trunkfrom
update/patterns-part-2

Conversation

@henriqueiamarino

Copy link
Copy Markdown
Contributor

Part 2 of the expansion discussed in #128 — twenty patterns designed on canvas, in the demo's voice. Three footers (Centered with the cropped wordmark, Social, Subscribe), the square photo grid in three widths and the offset gallery in two, Kind Words, the Link and Audio post formats, CTA Search and CTA Membership, Events List, About Row, Contact Say Hi, Page Bio, Header Vertical, Archive Lead — and Overlay Profile, a second navigation-overlay design that appears beside Overlay Contents in the swap list. Sixteen bundled webp images (Midjourney, by the theme author, CC0, covered by the readme's group credit) and two small utilities ride along: crop-contents and ratio-square. Stacked on #134; rebases to trunk once it merges.

🤖 Generated with Claude Code

@github-actions github-actions Bot added [Area] Assets Issues or PRs that touch theme assets (fonts, images, audio, or the screenshot) [Area] Global Styles Issues or PRs that touch theme.json or the base stylesheet. [Area] Patterns Issues or PRs that touch the theme's block patterns. [Area] Block Styles Issues or PRs that touch custom block style CSS (glossy button, animated gradient, editor style). labels Oct 7, 2026
@github-actions

github-actions Bot commented Oct 7, 2026 •

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: henriqueiamarino <iamarinoh@git.wordpress.org>
Co-authored-by: MaggieCabrera <onemaggie@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Base automatically changed from update/patterns-part-1 to trunk October 7, 2026 16:29
…s, and the profile overlay

Twenty patterns designed on canvas for the expansion (#128): Footer
Centered/Social/Subscribe, Gallery Grid in three widths, Gallery Offset
in two, Kind Words, Format Link and Format Audio, CTA Search and CTA
Membership, Events List, About Row, Contact Say Hi, Page Bio, Header
Vertical, Archive Lead, and Overlay Profile — an alternative navigation
overlay. Sixteen bundled webp images (all Midjourney work by the theme
author, CC0) and two stylesheet utilities ride along: crop-contents
(overflow clipping for bleed compositions) and ratio-square (text tiles
matching square gallery cells).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@MaggieCabrera
MaggieCabrera force-pushed the update/patterns-part-2 branch from fbf7580 to 534bf85 Compare October 7, 2026 17:26
Colors and presets Ipsum doesn't define are replaced: Page Bio's base
overlay becomes theme-6 so its light text shows, spacing|10 becomes
spacing|20, and the Twenty Twenty-Five section-style classes go. About
Row becomes the dark band its description asked for, full width like
the original it comes from.

Every image gets translatable alt text, one string per image file. Page
Bio is offered as starter content for pages, Archive Lead is suggested
for Query blocks and translates its separator, and reused block names
take trunk's translation contexts.

CTA Membership's cover overlay goes to 0%: the cover holds no text, and
the overlay sat 24px below its top edge. Gallery Offset Full is full
width, and Format Audio's player no longer points at "#". The Gallery
Grid text tile is a Cover with a 1:1 aspect ratio instead of a group
squared by CSS.

crop-contents moves from style.css to a Group block style. It clips
with overflow: clip rather than hidden, so the box never becomes a
scroll container that in-page focus could shift, and Footer Centered's
oversized wordmark stops at the card's edge.

Leftovers from the design tool go: stray alignfull and alignwide
classes (kept as real alignment where they affected layout), Rounded on
images that render with the theme's 5px corners, is-style-fill, empty
border arrays and a post date binding.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions github-actions Bot removed [Area] Global Styles Issues or PRs that touch theme.json or the base stylesheet. [Area] Block Styles Issues or PRs that touch custom block style CSS (glossy button, animated gradient, editor style). labels Oct 7, 2026
@MaggieCabrera

Copy link
Copy Markdown
Contributor

@henriqueiamarino I made a bunch of changes, please have a look before we merge.

  • Page Bio: replaced the undefined base overlay with theme-6, so the text is visible.
  • Replaced the undefined spacing|10 with spacing|20 (Footer Centered, Overlay Profile).
  • Removed the Twenty Twenty-Five is-style-section-3 and is-style-section-5 classes.
  • About Row: dark band, full width (theme-6 background, theme-1 text and links).
  • Added translatable alt text to all images.
  • Page Bio: added Block Types: core/post-content and Post Types: page.
  • Archive Lead: added Block Types: core/query and made the · separator translatable.
  • Reused trunk's translation contexts for existing block names.
  • CTA Membership: set the cover overlay to 0%.
  • Gallery Offset Full: made it full width.
  • Format Audio: removed src="#" from the audio player.
  • Gallery Grids: the text tile is now a Cover block with a 1:1 aspect ratio instead of a Group with a CSS utility class.
  • Moved crop-contents from style.css and editor-style.css to a Group block style.
  • Removed design-tool leftovers: stray alignfull/alignwide classes (kept as alignment settings where they affected layout), is-style-fill, empty border arrays and a post date binding.

The designer's final pass, which slipped the earlier review: the heading
scales to the column and sits on the baseline with the portrait, and the
story breathes in two paragraphs instead of one.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@henriqueiamarino

Copy link
Copy Markdown
Contributor Author

Thanks, @MaggieCabrera! I went through every change, and it’s all better. The undefined presets and the section-3/5 classes were debris from the TT seeds that survived my review; the Cover tile with the 1:1 ratio is much nicer than the utility class we had, and crop-contents as a Group block style is the right home for it (it even shows in the style picker now). Checked the About Row band, the Membership cover, and the full-width Offset on canvas—all good.

One addition from my side, pushed on top of your commit: About Row slipped past my design review last round, so I finished it properly now. That’s the only change. Ready to merge from my end. 🙌

@MaggieCabrera
MaggieCabrera merged commit a953a99 into trunk Oct 8, 2026
6 checks passed
@MaggieCabrera
MaggieCabrera deleted the update/patterns-part-2 branch October 8, 2026 14:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Area] Assets Issues or PRs that touch theme assets (fonts, images, audio, or the screenshot) [Area] Patterns Issues or PRs that touch the theme's block patterns.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants