Clickable featured images, new 16x9 image size, outline style button fix

[RachelRVasquez]

All Submissions:

• Have you followed the Contributing guidelines?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

• Resolved issue where "outline" style on button block was not changing border color when a different color was selected from the color picker setting.
• Made featured images clickable on archives.
• Added a new image size for 16:9 and applied that size for our grid view banners/post thumbnails.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you successfully run tests with your changes locally?

Changelog entry

Resolved issue where "outline" style on button block was not changing border color when a different color was selected from the color picker setting. Made featured images clickable on archives. Added a new image size for 16:9 and applied that size for our grid view banners/post thumbnails.

[flintfromthebasement]

PR: #304 — Clickable featured images, new 16x9 image size, outline style button fix
RachieVee → dev | 5 files, +16 -12
#304

Summary
Three independent improvements: a correct 16:9 image size addition, clickable archive thumbnails, and an outline button color fix. Ready to merge with one fix — the banner link in entry-header.php is missing guards present in the parallel content.php change.

Issues

• Major components/post/entry-header.php:20-22 — The new <a> wrapping the banner image has two problems:

  1. No is_single() guard. entry-header.php renders on both archives and single post pages. On a single post, get_permalink() returns the current URL — a self-referential link with no visible label.

  2. No accessibility attributes on the link. The <img> inside is alt="" + aria-hidden="true", so the <a> has no accessible name. Keyboard users will tab to an unlabeled empty link.

  The parallel change in content.php handles both correctly — use it as the model:

  if ( ! is_single() ) {
      echo '<a href="' . esc_url( get_permalink() ) . '" tabindex="-1" aria-hidden="true">';
  }
  // ... img tag ...
  if ( ! is_single() ) {
      echo '</a>';
  }

• Minor src/scss/blocks/_blocks.scss:201-202 — Removing border-color and color from .is-style-outline fixes the color picker override, but sites where no custom button color has been set will see a visual change (border/text will fall back to currentColor/inherited text color instead of the theme's --wp--preset--color--buttons). This is correct behavior, but worth calling out explicitly in the changelog as a visual change for default-configured buttons.

Looks Good

• content.php handles the clickable thumbnail cleanly — tabindex="-1" and aria-hidden="true" on the link, is_single() guard, and the alt text lookup kept intact. Good pattern.
• memberlite-16x9 (960×540, cropped center) is a sensible size for grid banners and consistent with the existing named-size convention.
• get_post_thumbnail_id() without explicit $post->ID is fine inside the Loop; the refactor is cleaner.